@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;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
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 {
  width: 100%;
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-weight: 0;
}

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

.fw_100 {
  font-weight: 100;
}

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

.fw_200 {
  font-weight: 200;
}

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

.fw_300 {
  font-weight: 300;
}

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

.fw_400 {
  font-weight: 400;
}

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

.fw_500 {
  font-weight: 500;
}

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

.fw_600 {
  font-weight: 600;
}

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

.fw_700 {
  font-weight: 700;
}

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

.fw_800 {
  font-weight: 800;
}

.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: 1;
}

.wap {
  overflow-x: clip;
}

.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: "IBM Plex Sans JP", sans-serif;
  color: #5C5C5C;
  font-weight: 400;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

.margoshic {
  font-family: "Zen Maru Gothic", sans-serif;
}

.comfortaa {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
}

.jost {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
}

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

.t_center {
  text-align: center;
}

.t_left {
  text-align: left;
}

.t_right {
  text-align: right;
}

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

.undernone {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

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

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

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topfvFx {
  padding-top: 139px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .topfvFx {
    padding: 7.23% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .topfvFx {
    padding-top: 139px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .topfvFx {
    padding: 11.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topfvFx {
    padding-top: 72px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topfvFx {
    padding: 19.2% 0% 0% 0%;
  }
}

.catchFvlxn {
  width: 13.54vw;
}
@media screen and (max-width: 767px) {
  .catchFvlxn {
    width: 105px;
    margin: -0.5% 0 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .catchFvlxn {
    width: 28%;
  }
}

.catchFv {
  width: 6.77vw;
  margin: 1vw 3.4vw 0 auto;
}
@media screen and (max-width: 767px) {
  .catchFv {
    width: 65px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .catchFv {
    width: 61.9%;
  }
}

.bnrTopFv {
  width: 86.3vw;
}
@media screen and (max-width: 767px) {
  .bnrTopFv {
    width: 270px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .bnrTopFv {
    width: 72%;
  }
}
.bnrTopFv img {
  width: 100%;
}

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

.topCatchWap {
  display: flex;
  flex-flow: row wrap;
}

.slideArea {
  position: relative;
  width: 590px;
  aspect-ratio: 590/590;
}
@media screen and (max-width: 1200px) {
  .slideArea {
    width: 49.16%;
  }
}
@media screen and (max-width: 767px) {
  .slideArea {
    width: 335px;
    margin: 0 0 auto 0;
    aspect-ratio: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .slideArea {
    width: 89.33%;
  }
}

.sliderWap {
  position: absolute;
  right: 0;
  width: 49.47vw;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .sliderWap {
    position: relative;
    width: 100%;
  }
}

.topCatchSlide {
  height: 100%;
}

.topCatchSlide .swiper-slide {
  overflow: hidden;
  aspect-ratio: 950/638;
  border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 767px) {
  .topCatchSlide .swiper-slide {
    aspect-ratio: 335/334;
    border-radius: unset;
  }
}
.topCatchSlide .swiper-slide img {
  max-width: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.txtTopCatch {
  width: 488px;
  margin: -0.5% 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .txtTopCatch {
    width: 40.66%;
  }
}
@media screen and (max-width: 767px) {
  .txtTopCatch {
    width: 319px;
    margin-top: 14.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtTopCatch {
    width: 85.06%;
  }
}

.topCatchBtnWap {
  margin-top: 138px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .topCatchBtnWap {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .topCatchBtnWap {
    margin-top: 17.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topCatchBtnWap {
    margin-top: 17.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topCatchBtnWap {
    width: 89.33%;
  }
}

.btnTopCatchLxn {
  width: 520px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .btnTopCatchLxn {
    width: 43.33%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopCatchLxn {
    width: 100%;
  }
}

.btnTopCatchBox {
  position: relative;
  aspect-ratio: 520/98;
  display: block;
  transition-duration: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .btnTopCatchBox {
    aspect-ratio: 335/70;
  }
}
.btnTopCatchBox:hover {
  opacity: 1;
}

.btnTopCatch {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  aspect-ratio: 480/78;
  width: 478px;
  margin: auto auto 0 0;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .btnTopCatch {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopCatch {
    width: 91.92%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopCatch {
    line-height: normal;
    letter-spacing: 0em;
    aspect-ratio: 310/59;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopCatch {
    font-size: 4.2666666667vw;
  }
}

.btnTopCatchBox:hover .btnTopCatch {
  background: #FFF;
  color: #62B5D6;
  border: 4px solid #62B5D6;
}
.btnTopCatchBox:hover .btnTopCatch:hover {
  opacity: 1;
}

.iconBtnTopCatch {
  width: 40px;
  position: absolute;
  top: -21%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .iconBtnTopCatch {
    width: 7.69%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTopCatch {
    width: 25px;
    top: -26%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtnTopCatch {
    width: 7.46%;
  }
}

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

.h2TopTreatmentPic {
  width: 161px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TopTreatmentPic {
    width: 13.41%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopTreatmentPic {
    width: 124px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TopTreatmentPic {
    width: 33.06%;
  }
}

.h3TopTreatmentH3 {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .h3TopTreatmentH3 {
    margin-top: 0.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TopTreatmentH3 {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopTreatmentH3 {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopTreatmentH3 {
    font-size: 6.4vw;
  }
}

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

.bgTopTreatment {
  background: #FFF;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  padding-top: 87px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .bgTopTreatment {
    padding: 4.53% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgTopTreatment {
    padding: 12.5% 0% 12.5% 0%;
    border-radius: 13px;
    /* CSS3草案 */
    -webkit-border-radius: 13px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 13px;
    /* Firefox用 */
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .bgTopTreatment {
    width: 89.33%;
  }
}

.h3TopTreatmentWap {
  width: fit-content;
  margin: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.2em;
  background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
}
@media screen and (max-width: 1200px) {
  .h3TopTreatmentWap {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopTreatmentWap {
    line-height: normal;
    letter-spacing: 0.2em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopTreatmentWap {
    font-size: 4.2666666667vw;
  }
}

.lineMarker {
  background-image: unset;
}
@media screen and (max-width: 767px) {
  .lineMarker {
    background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
  }
}

.ulTopTreatment {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 963px;
}
@media screen and (max-width: 1200px) {
  .ulTopTreatment {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulTopTreatment {
    width: 80.25%;
  }
}
@media screen and (max-width: 767px) {
  .ulTopTreatment {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 88.76%;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulTopTreatment {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liTopTreatment {
  width: 212px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liTopTreatment {
    width: 24.48%;
  }
}
@media screen and (max-width: 1200px) {
  .liTopTreatment {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopTreatment {
    width: 28.48%;
    margin: 0% 7% 5% 0%;
  }
}
.liTopTreatment:nth-child(n+5) {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liTopTreatment:nth-child(n+5) {
    margin: 1.96% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopTreatment:nth-child(n+5) {
    margin: 0% 7% 5% 0%;
  }
}
.liTopTreatment:nth-child(n+7) {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .liTopTreatment:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .liTopTreatment:last-child {
    margin-right: 0;
  }
}

.picTopTreatment {
  width: 110px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .picTopTreatment {
    width: 51.88%;
  }
}
@media screen and (max-width: 767px) {
  .picTopTreatment {
    width: 72px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picTopTreatment {
    width: 85.71%;
  }
}

.h3TopTreatment {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  line-height: normal;
  letter-spacing: 0.2em;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .h3TopTreatment {
    margin-top: 4.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TopTreatment {
    font-size: 1.5833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopTreatment {
    white-space: nowrap;
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3TopTreatment {
    margin-top: 18.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopTreatment {
    font-size: 3.2vw;
  }
}

.liTopTreatment:hover .h3TopTreatment {
  color: #F39800;
}

.brdTopTreatment {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1026px;
  border-bottom: 2px dashed #62B5D6;
}
@media screen and (max-width: 1200px) {
  .brdTopTreatment {
    margin-top: 6.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .brdTopTreatment {
    width: 85.5%;
  }
}
@media screen and (max-width: 767px) {
  .brdTopTreatment {
    margin-top: 19.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 316px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .brdTopTreatment {
    width: 94.32%;
  }
}

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

.h2TopTreatment {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.2em;
  background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TopTreatment {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopTreatment {
    line-height: normal;
    letter-spacing: 0.2em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopTreatment {
    font-size: 4.2666666667vw;
  }
}

.ulTopInfoTreatment {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1120px;
}
@media screen and (max-width: 1200px) {
  .ulTopInfoTreatment {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulTopInfoTreatment {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulTopInfoTreatment {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulTopInfoTreatment {
    width: 88.05%;
  }
}

.liTopInfoTreatment {
  width: 336px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .liTopInfoTreatment {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .liTopInfoTreatment {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liTopInfoTreatment {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liTopInfoTreatment:nth-child(n+2) {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3LiTopInfoTreatment {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .h3LiTopInfoTreatment {
    margin: 9.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h3LiTopInfoTreatment {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiTopInfoTreatment {
    margin: 7.84% 0 0 0;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiTopInfoTreatment {
    font-size: 4.8vw;
  }
}

.brdLiTopInfoTreatment {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px dashed #62B5D6;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .brdLiTopInfoTreatment {
    margin-top: 5.65%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdLiTopInfoTreatment {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.textLiTopInfoTreatment {
  margin-top: 18px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .textLiTopInfoTreatment {
    margin-top: 5.35%;
    margin-bottom: 7.44%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .textLiTopInfoTreatment {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .textLiTopInfoTreatment {
    margin-top: 5.5%;
    margin-bottom: 14%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textLiTopInfoTreatment {
    font-size: 3.7333333333vw;
  }
}

.btnLiTopInfoTreatmentLxn {
  margin: auto auto 0 auto;
  width: 100%;
}
.btnLiTopInfoTreatment {
  position: relative;
  aspect-ratio: 336/62;
  display: block;
  transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .btnLiTopInfoTreatment {
    aspect-ratio: 335/70;
  }
}
.btnLiTopInfoTreatment:hover {
  opacity: 1;
}

.btnLiTopInfoTreatmentBx {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  aspect-ratio: 306/62;
  width: 306px;
  margin: auto auto 0 0;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  background: #62B5D6;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .btnLiTopInfoTreatmentBx {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .btnLiTopInfoTreatmentBx {
    width: 91.07%;
  }
}
@media screen and (max-width: 767px) {
  .btnLiTopInfoTreatmentBx {
    line-height: normal;
    letter-spacing: 0em;
    width: 90.07%;
    aspect-ratio: 310/70;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLiTopInfoTreatmentBx {
    font-size: 4.2666666667vw;
  }
}

.btnLiTopInfoTreatment:hover .btnLiTopInfoTreatmentBx {
  background: #FFF;
  color: #62B5D6;
  border: 4px solid #62B5D6;
}
.btnLiTopInfoTreatment:hover .btnLiTopInfoTreatmentBx:hover {
  opacity: 1;
}

.iconLiTopInfoTreatmentBx {
  width: 40px;
  position: absolute;
  top: -13%;
  right: -1%;
}
@media screen and (max-width: 1200px) {
  .iconLiTopInfoTreatmentBx {
    width: 11.9%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiTopInfoTreatmentBx {
    width: 10.46%;
    right: 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topLine {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .topLine {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .topLine {
    padding: 2.08% 0% 2.08% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topLine {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topLine {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topLine {
    padding: 10.66% 0% 10.66% 0%;
  }
}

.topLineBx {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  width: 1000px;
  padding-top: 30px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .topLineBx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .topLineBx {
    padding: 2.5% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topLineBx {
    width: 295px;
    padding: 15.13% 0% 10.66% 0%;
    margin: auto;
    border-radius: 13px;
    /* CSS3草案 */
    -webkit-border-radius: 13px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 13px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topLineBx {
    width: 78.66%;
  }
}

.topLineFx {
  width: 840px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 80px;
  margin-right: 80px;
}
@media screen and (max-width: 1200px) {
  .topLineFx {
    width: 84%;
  }
}
@media screen and (max-width: 1200px) {
  .topLineFx {
    margin: 0% 8% 0% 8%;
  }
}
@media screen and (max-width: 767px) {
  .topLineFx {
    width: 251px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topLineFx {
    width: 85.08%;
  }
}

.secTopLineFx {
  position: relative;
  width: 660px;
  padding-top: 25px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secTopLineFx {
    width: 78.57%;
  }
}
@media screen and (max-width: 1200px) {
  .secTopLineFx {
    padding: 2.97% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secTopLineFx {
    width: 251px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secTopLineFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secTopLineFx {
    padding: 0% 0% 0% 0%;
  }
}

.iconTopLine {
  width: 32px;
  position: absolute;
  top: 6%;
  left: -4.5%;
}
@media screen and (max-width: 1200px) {
  .iconTopLine {
    width: 4.84%;
  }
}
@media screen and (max-width: 767px) {
  .iconTopLine {
    width: 32px;
    top: -8%;
    left: 3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTopLine {
    width: 12.74%;
  }
}

.h3TopLineFx {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3TopLineFx {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopLineFx {
    line-height: normal;
    letter-spacing: 0.2em;
    margin: 0 0 0 16%;
    width: fit-content;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopLineFx {
    font-size: 6.4vw;
  }
}

.txtTopLineFx {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.28em;
}
@media screen and (max-width: 1200px) {
  .txtTopLineFx {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtTopLineFx {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopLineFx {
    margin-top: 4.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopLineFx {
    font-size: 3.7333333333vw;
  }
}

.picTopLineFx {
  width: 162px;
}
@media screen and (max-width: 1200px) {
  .picTopLineFx {
    width: 19.28%;
  }
}
@media screen and (max-width: 767px) {
  .picTopLineFx {
    margin-top: 13.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 162px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picTopLineFx {
    width: 64.54%;
  }
}

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

.h2TopFaq {
  width: 77px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TopFaq {
    width: 6.41%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopFaq {
    width: 61px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TopFaq {
    width: 16.26%;
  }
}

.mainTopFaq {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .mainTopFaq {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainTopFaq {
    margin-top: 7.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mainTopFaq {
    width: 89.33%;
  }
}

.liMainFaq {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .liMainFaq {
    padding: 1.04% 0% 1.04% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMainFaq {
    padding: 5.5% 0% 4% 0%;
  }
}
.liMainFaq:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liMainFaq:nth-child(n+2) {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liMainFaq:nth-child(n+2) {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.topMainFaq {
  width: 1120px;
  margin: auto;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .topMainFaq {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .topMainFaq {
    width: 295px;
    align-items: baseline;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topMainFaq {
    width: 88.05%;
  }
}

.iconBtnTopMainFaq {
  width: 22px;
  font-size: 16px;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .iconBtnTopMainFaq {
    width: 1.96%;
  }
}
@media screen and (max-width: 1200px) {
  .iconBtnTopMainFaq {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTopMainFaq {
    width: 16px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtnTopMainFaq {
    width: 5.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconBtnTopMainFaq {
    font-size: 3.4666666667vw;
  }
}

.h4BtnTopMainFaq {
  width: 1070px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.2em;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h4BtnTopMainFaq {
    width: 95.53%;
  }
}
@media screen and (max-width: 1200px) {
  .h4BtnTopMainFaq {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4BtnTopMainFaq {
    width: 250px;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h4BtnTopMainFaq {
    width: 84.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4BtnTopMainFaq {
    font-size: 3.4666666667vw;
  }
}

.brdBtnTopMainFaqWap {
  width: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .brdBtnTopMainFaqWap {
    width: 1.4%;
  }
}
@media screen and (max-width: 767px) {
  .brdBtnTopMainFaqWap {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .brdBtnTopMainFaqWap {
    width: 4.4%;
  }
}

.brdBtnTopMainFaq {
  width: 100%;
  aspect-ratio: 15/3;
  background: #F39800;
  display: block;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .brdBtnTopMainFaq {
    aspect-ratio: 13/3;
  }
}

.brdBtnTopMainFaq02 {
  transform: rotate(90deg);
  opacity: 1;
}

.topMainFaq.on .brdBtnTopMainFaq02 {
  transform: rotate(0deg);
  opacity: 0;
}

.anserMainFaq {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1120px;
  display: none;
}
@media screen and (max-width: 1200px) {
  .anserMainFaq {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .anserMainFaq {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .anserMainFaq {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 90.09%;
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .anserMainFaq {
    margin-top: 6.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3AnserMainFaq {
  font-size: 16px;
  letter-spacing: 0em;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .h3AnserMainFaq {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3AnserMainFaq {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AnserMainFaq {
    font-size: 3.4666666667vw;
  }
}

.cntAnserMainFaq {
  width: 1092px;
}
@media screen and (max-width: 1200px) {
  .cntAnserMainFaq {
    width: 99.54%;
  }
}
@media screen and (max-width: 767px) {
  .cntAnserMainFaq {
    width: 250px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cntAnserMainFaq {
    width: 84.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) and (max-width: 1200px) {
  .cntAnserMainFaq {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 2.71%;
    margin-right: auto;
  }
}
.cntAnserMainFaq p {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.2em;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 1200px) {
  .cntAnserMainFaq p {
    font-size: 1.3333333333vw;
  }
}
.cntAnserMainFaq p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.cntAnserMainFaq p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .cntAnserMainFaq p {
    line-height: 1.5384615385;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntAnserMainFaq p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .cntAnserMainFaq p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .cntAnserMainFaq p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

.btnFaq {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  letter-spacing: 0.1em;
  padding: 0.4vw 1.25vw;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  line-height: 1;
  transition-duration: 0.5s;
  border: 2px solid #62B5D6;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .btnFaq {
    margin-top: 1.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnFaq {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .btnFaq {
    margin-top: 4.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.1em;
    padding: 2vw 6.4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnFaq {
    font-size: 3.2vw;
  }
}
.btnFaq:hover {
  background: #FFF;
  color: #62B5D6;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.sliderTopFx {
  margin-top: 82px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .sliderTopFx {
    margin-top: 4.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .sliderTopFx {
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .sliderTopFx {
    margin-top: 9.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.sliderTopContiner .swiper-wrapper {
  transition-timing-function: linear !important;
}

.sliderTopFx .swiper-slide {
  width: 26.04vw;
}
@media screen and (max-width: 767px) {
  .sliderTopFx .swiper-slide {
    width: 80vw;
  }
}

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

.h2TopNews {
  width: 93px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TopNews {
    width: 7.75%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopNews {
    width: 73px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TopNews {
    width: 19.46%;
  }
}

.h3TopFaq {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .h3TopFaq {
    margin-top: 0.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TopFaq {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopFaq {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopFaq {
    font-size: 6.4vw;
  }
}

.topNewsLxn {
  margin-top: -22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 91px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .topNewsLxn {
    margin-top: -1.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .topNewsLxn {
    padding: 4.73% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topNewsLxn {
    margin-top: -4.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12.06%;
    padding-bottom: 12.8%;
    padding-left: 0;
    padding-right: 0;
    width: 335px;
    border-radius: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topNewsLxn {
    width: 89.33%;
  }
}

.topNewsListBox {
  width: 1200px;
}
@media screen and (max-width: 1200px) {
  .topNewsListBox {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topNewsListBox {
    width: 306px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topNewsListBox {
    width: 91.34%;
  }
}

.ulNavMainNewsFxLxn {
  width: 192px;
}
@media screen and (max-width: 1200px) {
  .ulNavMainNewsFxLxn {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavMainNewsFxLxn {
    width: 93.77%;
    margin: auto;
  }
}

.ulNavMainNewsFx {
  width: 192px;
}
@media screen and (max-width: 1200px) {
  .ulNavMainNewsFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavMainNewsFx {
    width: 284px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulNavMainNewsFx {
    width: 100%;
  }
}

.liNavMainNewsFx {
  aspect-ratio: 192/44;
  border-radius: 999px;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.01em;
  width: 100%;
  background: #fff;
  color: #62B5D6;
  transition-duration: 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .liNavMainNewsFx {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavMainNewsFx {
    border-radius: 999px;
    border: 3px solid var(--bg-62B5D6, #62B5D6);
    width: 132px;
    aspect-ratio: 132/40;
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNavMainNewsFx {
    width: 46.47%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavMainNewsFx {
    font-size: 3.2vw;
  }
}
.liNavMainNewsFx:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liNavMainNewsFx:nth-child(n+2) {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liNavMainNewsFx: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: 1200px) {
  .liNavMainNewsFx:nth-child(n+2) {
    margin: 5.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavMainNewsFx:nth-child(2) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNavMainNewsFx:nth-child(2) {
    margin: 0% 0% 0% 0%;
  }
}

.liNavMainNewsFx.off {
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  background: #fff;
}

.liNavMainNewsFx.on {
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  background: #62B5D6;
  color: #fff;
}

.liNavMainNewsFx:hover {
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  background: #62B5D6;
  color: #fff;
}

.detailMainNews {
  width: 926px;
  border-top: 2px dashed #62B5D6;
}
@media screen and (max-width: 1200px) {
  .detailMainNews {
    width: 77.16%;
  }
}
@media screen and (max-width: 767px) {
  .detailMainNews {
    margin: 12.5% 0% 0% 0%;
    width: 100%;
  }
}

.liNewsMainBoxMain {
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 40px;
  padding-right: 20px;
  border-bottom: 2px dashed #62B5D6;
}
@media screen and (max-width: 1200px) {
  .liNewsMainBoxMain {
    padding: 3.88% 2.15% 3.88% 4.31%;
  }
}
@media screen and (max-width: 767px) {
  .liNewsMainBoxMain {
    padding: 6.16% 1.49% 6.16% 1.49%;
    width: 100%;
  }
}

.topNewsMainBox {
  width: 866px;
}
@media screen and (max-width: 1200px) {
  .topNewsMainBox {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topNewsMainBox {
    width: 296px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topNewsMainBox {
    width: 100%;
  }
}

.topNewsCatTimeBox {
  width: 262px;
}
@media screen and (max-width: 1200px) {
  .topNewsCatTimeBox {
    width: 30.25%;
  }
}
@media screen and (max-width: 767px) {
  .topNewsCatTimeBox {
    width: 282px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topNewsCatTimeBox {
    width: 95.27%;
  }
}

.timeNewsMainBoxTop {
  width: 103px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .timeNewsMainBoxTop {
    width: 39.31%;
  }
}
@media screen and (max-width: 1200px) {
  .timeNewsMainBoxTop {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .timeNewsMainBoxTop {
    width: 37.94%;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeNewsMainBoxTop {
    font-size: 3.7333333333vw;
  }
}

.catNewsMainBoxtopics {
  width: 122px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  .catNewsMainBoxtopics {
    width: 46.56%;
  }
}
@media screen and (max-width: 1200px) {
  .catNewsMainBoxtopics {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .catNewsMainBoxtopics {
    width: 175px;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .catNewsMainBoxtopics {
    width: 62.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catNewsMainBoxtopics {
    font-size: 3.7333333333vw;
  }
}

.topNewsTitleTrigerBox {
  width: 566px;
}
@media screen and (max-width: 1200px) {
  .topNewsTitleTrigerBox {
    width: 65.35%;
  }
}
@media screen and (max-width: 767px) {
  .topNewsTitleTrigerBox {
    width: 296px;
    margin: 0.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topNewsTitleTrigerBox {
    width: 100%;
  }
}

.h3NewsMainBoxTop {
  width: 511px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .h3NewsMainBoxTop {
    width: 90.28%;
  }
}
@media screen and (max-width: 1200px) {
  .h3NewsMainBoxTop {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3NewsMainBoxTop {
    width: 282px;
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3NewsMainBoxTop {
    width: 95.27%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3NewsMainBoxTop {
    font-size: 3.7333333333vw;
  }
}

.iconNewsMainBoxTop {
  width: 15px;
  position: relative;
  aspect-ratio: 15/15;
}
@media screen and (max-width: 1200px) {
  .iconNewsMainBoxTop {
    width: 2.65%;
  }
}
@media screen and (max-width: 767px) {
  .iconNewsMainBoxTop {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconNewsMainBoxTop {
    width: 4.39%;
  }
}

.brdNewsMainBoxTop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition-duration: 0.5s;
}

.brdNewsMainBoxTop01 {
  background: #F39800;
  width: 3px;
  height: 100%;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}

.brdNewsMainBoxTop02 {
  background: #F39800;
  width: 100%;
  height: 3px;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}

.topNewsMainBox.on .brdNewsMainBoxTop01 {
  transform: rotate(90deg);
  opacity: 0;
}

.btmNewsMainBox {
  display: none;
}

.cntBtmNewsMainLxn {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 142px;
  margin-right: 0px;
  width: 670px;
  font-size: 15px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .cntBtmNewsMainLxn {
    margin: 3.11% 0% 0% 16.39%;
  }
}
@media screen and (max-width: 1200px) {
  .cntBtmNewsMainLxn {
    width: 77.36%;
  }
}
@media screen and (max-width: 1200px) {
  .cntBtmNewsMainLxn {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .cntBtmNewsMainLxn {
    margin: 7.5% 0% 0% 0%;
    width: 295px;
    line-height: 160%;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cntBtmNewsMainLxn {
    width: 99.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntBtmNewsMainLxn {
    font-size: 3.2vw;
  }
}

.cntBtmNewsMainLxn p {
  font-size: 15px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .cntBtmNewsMainLxn p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .cntBtmNewsMainLxn p {
    line-height: 160%;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntBtmNewsMainLxn p {
    font-size: 3.2vw;
  }
}

.NewsReadMore {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 40px;
  width: 336px;
}
@media screen and (max-width: 1200px) {
  .NewsReadMore {
    margin-top: 3.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 4.61%;
  }
}
@media screen and (max-width: 1200px) {
  .NewsReadMore {
    width: 38.79%;
  }
}
@media screen and (max-width: 767px) {
  .NewsReadMore {
    margin-top: 9.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 67.79%;
  }
}

.btmNewsReadMoreLxn {
  position: relative;
  width: 100%;
  display: block;
  transition-duration: 0.5s;
}

.iconBtmNewsReadMore {
  width: 30px;
  position: absolute;
  top: -13%;
  right: -1%;
}
@media screen and (max-width: 1200px) {
  .iconBtmNewsReadMore {
    width: 8.92%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtmNewsReadMore {
    width: 20px;
    top: -20%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtmNewsReadMore {
    width: 9.66%;
  }
}

.btnNewsReadMore {
  width: 306px;
  aspect-ratio: 306/62;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.01em;
  background: #62B5D6;
  color: #fff;
  border-radius: 999px;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  font-family: "Zen Maru Gothic", sans-serif;
}
@media screen and (max-width: 1200px) {
  .btnNewsReadMore {
    width: 91.07%;
  }
}
@media screen and (max-width: 1200px) {
  .btnNewsReadMore {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNewsReadMore {
    width: 187px;
    aspect-ratio: 187/44;
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnNewsReadMore {
    width: 90.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNewsReadMore {
    font-size: 4.2666666667vw;
  }
}

.btmNewsReadMoreLxn:hover .btnNewsReadMore {
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  background: #fff;
  color: #62B5D6;
}

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

@media screen and (max-width: 767px) {
  .topBnrInfoLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topBnrInfoLxn {
    width: 89.33%;
  }
}

.secTopBnrInfo {
  width: 500px;
}
@media screen and (max-width: 1200px) {
  .secTopBnrInfo {
    width: 41.66%;
  }
}
@media screen and (max-width: 767px) {
  .secTopBnrInfo {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secTopBnrInfo {
    width: 100%;
  }
}

.h2TopBnrInfo01 {
  width: 226px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TopBnrInfo01 {
    width: 45.2%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopBnrInfo01 {
    width: 172px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TopBnrInfo01 {
    width: 51.34%;
  }
}

.h3TopBnrInfo {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .h3TopBnrInfo {
    margin-top: 1.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TopBnrInfo {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopBnrInfo {
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopBnrInfo {
    font-size: 6.4vw;
  }
}

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

.txtTopBnrInfo {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 39px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .txtTopBnrInfo {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtTopBnrInfo {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 1200px) {
  .txtTopBnrInfo {
    height: 7.25vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopBnrInfo {
    height: auto;
    margin-top: 4.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 154%;
    letter-spacing: 0.2em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopBnrInfo {
    font-size: 3.7333333333vw;
  }
}

.btnTopBnrInfoLxn {
  position: relative;
  width: 336px;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnTopBnrInfoLxn {
    width: 67.2%;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBnrInfoLxn {
    margin-top: 7.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnTopBnrInfoLxn {
    width: 207px;
    margin-top: 6.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnTopBnrInfoLxn {
    width: 61.79%;
  }
}

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

.iconBtnTopBnrInfo {
  width: 30px;
  right: 0;
  top: -17%;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .iconBtnTopBnrInfo {
    width: 8.92%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTopBnrInfo {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtnTopBnrInfo {
    width: 9.66%;
  }
}

.btnTopBnrInfoMain {
  width: 306px;
  aspect-ratio: 306/62;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.01em;
  font-weight: 700;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  background: #62B5D6;
  color: #fff;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .btnTopBnrInfoMain {
    width: 91.07%;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBnrInfoMain {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopBnrInfoMain {
    aspect-ratio: 187/44;
    width: 187px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnTopBnrInfoMain {
    width: 90.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopBnrInfoMain {
    font-size: 4.2666666667vw;
  }
}
.btnTopBnrInfoMain:hover {
  background: #fff;
  color: #62B5D6;
}

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

.h2TopBnrInfo02 {
  width: 125px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TopBnrInfo02 {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopBnrInfo02 {
    width: 96px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TopBnrInfo02 {
    width: 28.65%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topTimeInfos {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 101px;
  padding-bottom: 95px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .topTimeInfos {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .topTimeInfos {
    padding: 5.26% 0% 4.94% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topTimeInfos {
    position: relative;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 16% 0% 15% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topTimeInfos {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .topTimeInfosFx {
    width: 335px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topTimeInfosFx {
    width: 89.33%;
  }
}

.secTopTimeInfos {
  width: 552px;
  margin: -0.3% 0 0 0;
}
@media screen and (max-width: 1200px) {
  .secTopTimeInfos {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .secTopTimeInfos {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secTopTimeInfos {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .btnTopTimeInfos {
    width: 265px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnTopTimeInfos {
    width: 79.1%;
  }
}
.btnTopTimeInfos img {
  width: 100%;
}

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

.qrPicTopTimeInfosFx {
  width: 122px;
}
@media screen and (max-width: 1200px) {
  .qrPicTopTimeInfosFx {
    width: 22.22%;
  }
}
@media screen and (max-width: 767px) {
  .qrPicTopTimeInfosFx {
    display: none;
  }
}

.secListTopTimeInfosFx {
  width: 404px;
}
@media screen and (max-width: 1200px) {
  .secListTopTimeInfosFx {
    width: 73.58%;
  }
}
@media screen and (max-width: 767px) {
  .secListTopTimeInfosFx {
    width: 335px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secListTopTimeInfosFx {
    width: 100%;
  }
}

.h4ListTopTimeInfos {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h4ListTopTimeInfos {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ListTopTimeInfos {
    display: none;
  }
}

.h5ListTopTimeInfos {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h5ListTopTimeInfos {
    margin-top: 4.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h5ListTopTimeInfos {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .h5ListTopTimeInfos {
    margin: 0;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5ListTopTimeInfos {
    font-size: 4.8vw;
  }
}

.btnTelListTopTimeInfos {
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  .btnTelListTopTimeInfos {
    margin-top: -1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnTelListTopTimeInfos {
    pointer-events: auto;
    margin-top: -2.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconBtnTelListTopTimeInfos {
  width: 27px;
}
@media screen and (max-width: 1200px) {
  .iconBtnTelListTopTimeInfos {
    width: 6.68%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTelListTopTimeInfos {
    width: 29px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtnTelListTopTimeInfos {
    width: 8.65%;
  }
}

.mainBtnTelListTopTimeInfos {
  width: 364px;
  font-size: 44px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .mainBtnTelListTopTimeInfos {
    width: 90.09%;
  }
}
@media screen and (max-width: 1200px) {
  .mainBtnTelListTopTimeInfos {
    font-size: 3.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mainBtnTelListTopTimeInfos {
    width: 298px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mainBtnTelListTopTimeInfos {
    width: 88.95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainBtnTelListTopTimeInfos {
    font-size: 11.4666666667vw;
  }
}

.tiemTopBtmMainInfosLxn {
  width: 557px;
}
@media screen and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxn {
    width: 46.41%;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxn {
    margin-top: 8.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxn {
    width: 100%;
  }
}

.tiemTopBtmMainInfos {
  width: 100%;
  border-radius: 20px;
  border: 3px solid var(--text-5C5C5C, #5C5C5C);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfos {
    width: 335px;
    border-radius: 12px;
    border: 1.804px solid var(--text-5C5C5C, #5C5C5C);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfos {
    width: 100%;
  }
}

.tableTopBtmMainInfos {
  width: 100%;
}

.thTopBtmMainInfos {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 36px;
  padding-right: 0px;
  width: 189px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: left;
  border-bottom: 1px solid #5C5C5C;
}
@media screen and (max-width: 1200px) {
  .thTopBtmMainInfos {
    padding: 2.69% 0% 2.69% 6.46%;
  }
}
@media screen and (max-width: 1200px) {
  .thTopBtmMainInfos {
    width: 33.93%;
  }
}
@media screen and (max-width: 1200px) {
  .thTopBtmMainInfos {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .thTopBtmMainInfos {
    padding: 0.28% 0% 0.28% 4.77%;
    width: 110px;
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thTopBtmMainInfos {
    width: 32.83%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thTopBtmMainInfos {
    font-size: 2.9333333333vw;
  }
}

.iconTopBtmMainInfos {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
  background: url(../img/top/iconTopBtmMainInfos.svg) no-repeat left center;
  background-size: auto 75%;
}
@media screen and (max-width: 1200px) {
  .iconTopBtmMainInfos {
    padding: 0% 0% 0% 16.89%;
  }
}
@media screen and (max-width: 767px) {
  .iconTopBtmMainInfos {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 0px;
    background: url(../img/top/iconTopBtmMainInfos.svg) no-repeat left center;
    background-size: auto 75%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTopBtmMainInfos {
    padding: 0% 0% 0% 14.54%;
  }
}

.tdTopBtmMainInfos {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  width: 48px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  border-bottom: 1px solid #5C5C5C;
}
@media screen and (max-width: 1200px) {
  .tdTopBtmMainInfos {
    padding: 2.69% 0% 2.69% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .tdTopBtmMainInfos {
    width: 8.61%;
  }
}
@media screen and (max-width: 1200px) {
  .tdTopBtmMainInfos {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .tdTopBtmMainInfos {
    padding: 0.28% 0% 0.28% 0%;
    width: 30px;
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdTopBtmMainInfos {
    width: 8.95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdTopBtmMainInfos {
    font-size: 2.9333333333vw;
  }
}

.tdTopBtmMainInfosM {
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 0px;
  padding-right: 28px;
  width: 80px;
}
@media screen and (max-width: 1200px) {
  .tdTopBtmMainInfosM {
    padding: 3.77% 5.02% 3.77% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .tdTopBtmMainInfosM {
    width: 14.36%;
  }
}
@media screen and (max-width: 767px) {
  .tdTopBtmMainInfosM {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 16px;
    width: 45px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdTopBtmMainInfosM {
    padding: 3.28% 4.77% 3.28% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdTopBtmMainInfosM {
    width: 13.43%;
  }
}

.ulTopBtmMainInfos {
  margin-top: 18px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 477px;
}
@media screen and (max-width: 1200px) {
  .ulTopBtmMainInfos {
    margin-top: 3.23%;
    margin-bottom: 2.15%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulTopBtmMainInfos {
    width: 85.63%;
  }
}
@media screen and (max-width: 767px) {
  .ulTopBtmMainInfos {
    width: 302px;
    margin-top: 2.58%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulTopBtmMainInfos {
    width: 90.14%;
  }
}

.liTopBtmMainInfo {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .liTopBtmMainInfo {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .liTopBtmMainInfo {
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTopBtmMainInfo {
    font-size: 2.9333333333vw;
  }
}

.btnTopBtmMainInfoLine {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 21px;
  padding-right: 0px;
  background: url(../img/top/btnTopBtmMainInfoLine.svg) no-repeat left center;
  background-size: auto 80%;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoLine {
    padding: 0% 0% 0% 4.4%;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoLine {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoLine {
    padding: 0 0 0 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopBtmMainInfoLine {
    padding: 0 0 0 3.933333vw;
    background: url(../img/top/btnTopBtmMainInfoLine.svg) no-repeat left center;
    background-size: auto 80%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopBtmMainInfoLine {
    font-size: 2.9333333333vw;
  }
}

.btnTopBtmMainInfoAccess {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
  background: url(../img/top/btnTopBtmMainInfoAccess.svg) no-repeat left center;
  background-size: auto 80%;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  font-weight: 700;
  color: #5c5c5c;
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoAccess {
    padding: 0% 0% 0% 5.24%;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoAccess {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoAccess {
    padding: 0 0 0 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopBtmMainInfoAccess {
    padding: 0 0 0 4.5vw;
    background: url(../img/top/btnTopBtmMainInfoAccess.svg) no-repeat left center;
    background-size: auto 80%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopBtmMainInfoAccess {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopBtmMainInfoAccess {
    background-size: auto 75%;
  }
}

.txtTopBtmMainInfo {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtTopBtmMainInfo {
    margin-top: 0.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtTopBtmMainInfo {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopBtmMainInfo {
    margin-top: 1.38%;
    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) {
  .txtTopBtmMainInfo {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.titleInfoFv {
  padding-top: 192px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .titleInfoFv {
    padding: 10% 0% 1.82% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleInfoFv {
    padding: 24.2% 0% 0% 0%;
  }
}

.iconTitleInfoFv {
  width: 1.66vw;
}
@media screen and (max-width: 767px) {
  .iconTitleInfoFv {
    width: 28px;
    transform: translate(12%, -31%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTitleInfoFv {
    width: 7.46%;
  }
}

.h1InfoFv {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
  width: fit-content;
}
@media screen and (max-width: 1200px) {
  .h1InfoFv {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1InfoFv {
    line-height: normal;
    letter-spacing: 0em;
    margin: 0 7% 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1InfoFv {
    font-size: 7.4666666667vw;
  }
}

.brdInfoFv {
  border-bottom: 6px dashed rgb(98, 181, 214);
}
@media screen and (max-width: 767px) {
  .brdInfoFv {
    border-bottom: 2px dashed rgb(98, 181, 214);
  }
}

.bread {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  leading-trim: both;
  text-edge: cap;
}
@media screen and (max-width: 1200px) {
  .bread {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bread {
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 336px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .bread {
    width: 89.6%;
  }
}

.breadList {
  display: flex;
  flex-flow: row wrap;
}
.breadList a,
.breadList span {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
  text-decoration: none;
  color: #5c5c5c;
  width: max-content;
}
@media screen and (max-width: 1200px) {
  .breadList a,
  .breadList span {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .breadList a,
  .breadList span {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .breadList a,
  .breadList span {
    font-size: 2.6666666667vw;
  }
}

.cntInfoFvTop {
  margin-top: 95px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1120px;
}
@media screen and (max-width: 1200px) {
  .cntInfoFvTop {
    margin-top: 7.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .cntInfoFvTop {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoFvTop {
    margin-top: 18.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 94.6%;
  }
}

.secCntInfoFvTop {
  margin-top: 76px;
  margin-bottom: 0px;
  margin-left: 26px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secCntInfoFvTop {
    margin: 6.78% 0% 0% 2.32%;
  }
}
@media screen and (max-width: 767px) {
  .secCntInfoFvTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 88.43%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCntInfoFvTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2CntInfoFv {
  font-size: 32px;
  line-height: 1.59375;
  letter-spacing: 0.2em;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .h2CntInfoFv {
    font-size: 2.6666666667vw;
  }
}
.h2CntInfoFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.59375) * 0.5em);
  content: "";
}
.h2CntInfoFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.59375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2CntInfoFv {
    line-height: 1.5909090909;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CntInfoFv {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CntInfoFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5909090909) * 0.5em);
    content: "";
  }
  .h2CntInfoFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5909090909) * 0.5em);
    content: "";
  }
}

.picCntInfoFvTop {
  width: 684px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .picCntInfoFvTop {
    width: 61.07%;
  }
}
@media screen and (max-width: 767px) {
  .picCntInfoFvTop {
    margin-top: 13.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
    width: 81.41%;
  }
}

.cntInfoFvBtm {
  margin-top: -115px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .cntInfoFvBtm {
    margin-top: -9.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoFvBtm {
    margin: -27% auto 0 auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cntInfoFvBtm {
    width: 89.33%;
  }
}

.secCntInfoFvBtm {
  padding-top: 149px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
  width: 913px;
  position: absolute;
  z-index: 0;
  right: 0;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .secCntInfoFvBtm {
    padding: 12.41% 0% 3.58% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .secCntInfoFvBtm {
    width: 76.08%;
  }
}
@media screen and (max-width: 767px) {
  .secCntInfoFvBtm {
    padding: 36.5% 0% 29.12% 0%;
    width: 100%;
    position: relative;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
  }
}

.txtCntInfoFvBtm {
  font-size: 18px;
  line-height: 1.5555555556;
  letter-spacing: 0.16em;
  width: 761px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 38px;
}
@media screen and (max-width: 1200px) {
  .txtCntInfoFvBtm {
    font-size: 1.5vw;
  }
}
.txtCntInfoFvBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5555555556) * 0.5em);
  content: "";
}
.txtCntInfoFvBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5555555556) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtCntInfoFvBtm {
    width: 80.87%;
  }
}
@media screen and (max-width: 1200px) {
  .txtCntInfoFvBtm {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 4.03%;
  }
}
@media screen and (max-width: 767px) {
  .txtCntInfoFvBtm {
    line-height: 1.6;
    letter-spacing: 0.1em;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCntInfoFvBtm {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCntInfoFvBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtCntInfoFvBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtCntInfoFvBtm {
    width: 88.05%;
  }
}

.phtoCntInfoFvBtm {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 366px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .phtoCntInfoFvBtm {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .phtoCntInfoFvBtm {
    width: 30.5%;
  }
}
@media screen and (max-width: 767px) {
  .phtoCntInfoFvBtm {
    margin-top: -76.77%;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: auto;
    width: 64.5%;
    position: absolute;
    z-index: 2;
    bottom: -34.5%;
    left: -2%;
  }
}

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

.h2TitleInfoCheckUp {
  width: 136px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TitleInfoCheckUp {
    width: 11.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleInfoCheckUp {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TitleInfoCheckUp {
    width: 31.34%;
  }
}

.h3TitleInfoCheckUp {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3TitleInfoCheckUp {
    margin-top: 0.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TitleInfoCheckUp {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleInfoCheckUp {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleInfoCheckUp {
    font-size: 6.4vw;
  }
}

.mainCntInfoCheckUp {
  margin-top: -21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 91px;
  padding-bottom: 68px;
  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: 1200px) {
  .mainCntInfoCheckUp {
    margin-top: -1.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntInfoCheckUp {
    padding: 7.58% 0% 5.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntInfoCheckUp {
    margin-top: -17.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 30.85% 0% 15.43% 0%;
  }
}

.mainCntInfoCheckUpLxn {
  width: 1108px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .mainCntInfoCheckUpLxn {
    width: 92.33%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntInfoCheckUpLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mainCntInfoCheckUpLxn {
    width: 100%;
  }
}

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

.liMainCntInfoCheck {
  width: 106px;
}
@media screen and (max-width: 1200px) {
  .liMainCntInfoCheck {
    width: 9.56%;
  }
}
@media screen and (max-width: 767px) {
  .liMainCntInfoCheck {
    width: 78px;
    margin: 0% 1.8% 6.06% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liMainCntInfoCheck {
    width: 23.63%;
  }
}
@media screen and (max-width: 767px) {
  .liMainCntInfoCheck:nth-child(4n) {
    margin-right: 0;
  }
}

.picMainCntInfoCheck {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .picMainCntInfoCheck {
    width: 70%;
    margin: auto;
  }
}

.catchMainCntInfoCheck {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .catchMainCntInfoCheck {
    margin-top: 25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .catchMainCntInfoCheck {
    font-size: 1.3333333333vw;
  }
}
.catchMainCntInfoCheck::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.catchMainCntInfoCheck::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .catchMainCntInfoCheck {
    margin-top: 15.63%;
    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) {
  .catchMainCntInfoCheck {
    font-size: 2.9333333333vw;
  }
}

.topMainCntInfoCheckUp {
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 877px;
}
@media screen and (max-width: 1200px) {
  .topMainCntInfoCheckUp {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .topMainCntInfoCheckUp {
    width: 73.08%;
  }
}
@media screen and (max-width: 767px) {
  .topMainCntInfoCheckUp {
    margin-top: 9.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .topMainCntInfoCheckUp {
    width: 87.87%;
  }
}

.txtTopMainCntInfoCheckUp {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtTopMainCntInfoCheckUp {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtTopMainCntInfoCheckUp {
    font-size: 1.3333333333vw;
  }
}
.txtTopMainCntInfoCheckUp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.txtTopMainCntInfoCheckUp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopMainCntInfoCheckUp {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0.1em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtTopMainCntInfoCheckUp {
    margin-top: 13.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopMainCntInfoCheckUp {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopMainCntInfoCheckUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtTopMainCntInfoCheckUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.btmMainCntInfoCheckUp {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 877px;
}
@media screen and (max-width: 1200px) {
  .btmMainCntInfoCheckUp {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btmMainCntInfoCheckUp {
    width: 73.08%;
  }
}
@media screen and (max-width: 767px) {
  .btmMainCntInfoCheckUp {
    margin-top: 9.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btmMainCntInfoCheckUp {
    width: 89.39%;
  }
}

.ulBtmMainCntInfoCheckUp {
  flex-flow: row wrap;
}

.liBtmMainCntInfoCheckUp {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.2em;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .liBtmMainCntInfoCheckUp {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .liBtmMainCntInfoCheckUp {
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liBtmMainCntInfoCheckUp {
    font-size: 2.9333333333vw;
  }
}
.liBtmMainCntInfoCheckUp:nth-child(n+2) {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liBtmMainCntInfoCheckUp:nth-child(n+2) {
    margin: 0.79% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liBtmMainCntInfoCheckUp:nth-child(n+2) {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ctaMainCntInfoCheckUp {
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 877px;
  flex-flow: row wrap;
}
@media screen and (max-width: 1200px) {
  .ctaMainCntInfoCheckUp {
    margin-top: 5.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ctaMainCntInfoCheckUp {
    width: 73.08%;
  }
}
@media screen and (max-width: 767px) {
  .ctaMainCntInfoCheckUp {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ctaMainCntInfoCheckUp {
    width: 88.05%;
  }
}

.btnCtaMainCntInfoCheckUp {
  position: relative;
  aspect-ratio: 390/74;
  display: block;
  transition-duration: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  width: 390px;
}
@media screen and (max-width: 1200px) {
  .btnCtaMainCntInfoCheckUp {
    width: 44.46%;
  }
}
@media screen and (max-width: 767px) {
  .btnCtaMainCntInfoCheckUp {
    width: 100%;
    aspect-ratio: 295/53;
  }
}
.btnCtaMainCntInfoCheckUp:hover {
  opacity: 1;
}

.spanBtnCtaMainCntInfoCheckUp {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  aspect-ratio: 358/62;
  width: 358px;
  margin: auto auto 0 0;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .spanBtnCtaMainCntInfoCheckUp {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .spanBtnCtaMainCntInfoCheckUp {
    width: 91.79%;
  }
}
@media screen and (max-width: 767px) {
  .spanBtnCtaMainCntInfoCheckUp {
    line-height: normal;
    letter-spacing: 0em;
    aspect-ratio: 270/49;
    width: 270px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanBtnCtaMainCntInfoCheckUp {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .spanBtnCtaMainCntInfoCheckUp {
    width: 91.52%;
  }
}

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

.btnCtaMainCntInfoCheckUp:hover .spanBtnCtaMainCntInfoCheckUp {
  background: #FFF;
  color: #62B5D6;
  border: 4px solid #62B5D6;
}

.iconCtaMainCntInfoCheckUp {
  width: 32px;
  position: absolute;
  top: -17%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .iconCtaMainCntInfoCheckUp {
    width: 8.12%;
  }
}
@media screen and (max-width: 767px) {
  .iconCtaMainCntInfoCheckUp {
    width: 25px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconCtaMainCntInfoCheckUp {
    width: 7.46%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoDoctors {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoDoctors {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .infoDoctors {
    padding: 2.08% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoDoctors {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 48px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoDoctors {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoDoctors {
    padding: 10.66% 0% 12.8% 0%;
  }
}

.bginfoDoctors {
  background: url(../img/info/bgInfoDoctorsPc.png) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bginfoDoctors {
    background: url(../img/info/bgInfoDoctorsSp.png) no-repeat center top;
    background-size: auto 100%;
  }
}

.h2InfoDoctors {
  width: 137px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2InfoDoctors {
    width: 11.41%;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoDoctors {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoDoctors {
    width: 31.34%;
  }
}

.h3InfoDoctors {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3InfoDoctors {
    margin-top: 0.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoDoctors {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoDoctors {
    margin-top: 0.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoDoctors {
    font-size: 6.4vw;
  }
}

.ulInfoDoctors {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .ulInfoDoctors {
    margin-top: 5.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulInfoDoctors {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulInfoDoctors {
    width: 89.33%;
  }
}

.liInfoDoctors {
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  width: 560px;
  background: #FFF;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .liInfoDoctors {
    padding: 3.33% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liInfoDoctors {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoDoctors {
    padding-top: 40px;
    padding-bottom: 48px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border-radius: 13px;
    /* CSS3草案 */
    -webkit-border-radius: 13px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 13px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liInfoDoctors {
    padding: 11.94% 0% 14.32% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoDoctors: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: 1200px) {
  .liInfoDoctors:nth-child(n+2) {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoLiInfoDoctors {
  width: 454px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .photoLiInfoDoctors {
    width: 81.07%;
  }
}
@media screen and (max-width: 767px) {
  .photoLiInfoDoctors {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoLiInfoDoctors {
    width: 88.05%;
  }
}

.infoLiInfoDoctors {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 388px;
}
@media screen and (max-width: 1200px) {
  .infoLiInfoDoctors {
    margin-top: 2.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .infoLiInfoDoctors {
    width: 69.28%;
  }
}
@media screen and (max-width: 767px) {
  .infoLiInfoDoctors {
    margin-top: 9.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoLiInfoDoctors {
    width: 88.05%;
  }
}

.h3InfoLiInfoDoctors {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .h3InfoLiInfoDoctors {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoLiInfoDoctors {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoLiInfoDoctors {
    font-size: 5.8666666667vw;
  }
}

.rubyInfoLiInfoDoctors {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .rubyInfoLiInfoDoctors {
    margin-top: 1.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .rubyInfoLiInfoDoctors {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyInfoLiInfoDoctors {
    margin-top: 1.42%;
    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) {
  .rubyInfoLiInfoDoctors {
    font-size: 3.4666666667vw;
  }
}

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

.h3DetailLiInfoDoctors {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3DetailLiInfoDoctors {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailLiInfoDoctors {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailLiInfoDoctors {
    font-size: 4.2666666667vw;
  }
}

.iconDetailLiInfoDoctor {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  width: 20px;
}
@media screen and (max-width: 1200px) {
  .iconDetailLiInfoDoctor {
    margin: 0% 1.76% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .iconDetailLiInfoDoctor {
    width: 4.4%;
  }
}
@media screen and (max-width: 767px) {
  .iconDetailLiInfoDoctor {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconDetailLiInfoDoctor {
    margin: 0% 2.71% 0% 0%;
  }
}

.h3DetailLiInfoDoctor {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .h3DetailLiInfoDoctor {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailLiInfoDoctor {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailLiInfoDoctor {
    font-size: 4.2666666667vw;
  }
}

.txtDetailLiInfoDoctor {
  margin-top: 12.5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtDetailLiInfoDoctor {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtDetailLiInfoDoctor {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailLiInfoDoctor {
    margin-top: 3.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailLiInfoDoctor {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailLiInfoDoctor::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtDetailLiInfoDoctor::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

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

.messageInfoDoctor {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 41px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .messageInfoDoctor {
    margin-top: 4.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .messageInfoDoctor {
    padding: 3.33% 0% 3.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .messageInfoDoctor {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 11.33% 0% 11.41% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .messageInfoDoctor {
    margin-top: 10.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .messageInfoDoctor {
    width: 89.33%;
  }
}

.messageInfoDoctorlxn {
  width: 1062px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .messageInfoDoctorlxn {
    width: 88.5%;
  }
}
@media screen and (max-width: 767px) {
  .messageInfoDoctorlxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .messageInfoDoctorlxn {
    width: 88.05%;
  }
}

.h2MessageInfoDoctorlxn {
  width: 134px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2MessageInfoDoctorlxn {
    width: 12.61%;
  }
}
@media screen and (max-width: 767px) {
  .h2MessageInfoDoctorlxn {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2MessageInfoDoctorlxn {
    width: 35.59%;
  }
}

.h3MessageInfoDoctor {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3MessageInfoDoctor {
    margin-top: 0.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3MessageInfoDoctor {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3MessageInfoDoctor {
    margin-top: 0.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3MessageInfoDoctor {
    font-size: 6.4vw;
  }
}

.txtMessageInfoDoctor {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtMessageInfoDoctor {
    margin-top: 2.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtMessageInfoDoctor {
    font-size: 1.3333333333vw;
  }
}
.txtMessageInfoDoctor::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.txtMessageInfoDoctor::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMessageInfoDoctor {
    margin-top: 4.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMessageInfoDoctor {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMessageInfoDoctor::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtMessageInfoDoctor::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

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

.h2InfoRoom {
  width: 97px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2InfoRoom {
    width: 8.08%;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoRoom {
    width: 77px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoRoom {
    width: 20.53%;
  }
}

.h3InfoRoom {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3InfoRoom {
    margin-top: 0.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoRoom {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoRoom {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoRoom {
    font-size: 6.4vw;
  }
}

.txtInfoRoom {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
}
@media screen and (max-width: 1200px) {
  .txtInfoRoom {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoRoom {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoRoom {
    margin-top: 8.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoRoom {
    font-size: 4.2666666667vw;
  }
}

.infoRoom .sliderTopFx {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .infoRoom .sliderTopFx {
    margin-top: 2.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoRoom .sliderTopFx {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoEquipments {
  margin-top: 98px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 46px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoEquipments {
    margin-top: 5.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .infoEquipments {
    padding: 5.2% 0% 2.39% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoEquipments {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 21.33% 0% 10.4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoEquipments {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .infoEquipmentsWap {
    width: 306px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoEquipmentsWap {
    width: 81.59%;
  }
}

.secInfoEquipments {
  width: 1086px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .secInfoEquipments {
    width: 90.5%;
  }
}
@media screen and (max-width: 767px) {
  .secInfoEquipments {
    width: 100%;
  }
}

.h2InfoEquipments {
  width: 177px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2InfoEquipments {
    width: 16.29%;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoEquipments {
    width: 135px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoEquipments {
    width: 44.11%;
  }
}

.h3InfoEquipments {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3InfoEquipments {
    margin-top: 0.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoEquipments {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoEquipments {
    margin-top: 1.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoEquipments {
    font-size: 6.4vw;
  }
}

.txtTitleInfoEquipments {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  background-image: repeating-linear-gradient(transparent 0 50%, #F39800 50% 91%);
}
@media screen and (max-width: 1200px) {
  .txtTitleInfoEquipments {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtTitleInfoEquipments {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleInfoEquipments {
    margin-top: 10.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleInfoEquipments {
    font-size: 4vw;
  }
}

.lineMarker02 {
  background-image: unset;
}
@media screen and (max-width: 767px) {
  .lineMarker02 {
    background-image: repeating-linear-gradient(transparent 0 50%, #F39800 50% 91%);
  }
}

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

.liInfoEquipments {
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 2px dashed #FFF;
}
@media screen and (max-width: 1200px) {
  .liInfoEquipments {
    padding: 5.15% 0% 5.15% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoEquipments {
    padding: 15.68% 0% 14.68% 0%;
    border-top: 2px dashed #FFF;
  }
}

.photoLiInfoEquipments {
  width: 400px;
}
@media screen and (max-width: 1200px) {
  .photoLiInfoEquipments {
    width: 36.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoLiInfoEquipments {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoLiInfoEquipments {
    width: 96.4%;
  }
}

.secLiInfoEquipments {
  width: 646px;
}
@media screen and (max-width: 1200px) {
  .secLiInfoEquipments {
    width: 59.48%;
  }
}
@media screen and (max-width: 767px) {
  .secLiInfoEquipments {
    width: 295px;
    margin-top: 5.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secLiInfoEquipments {
    width: 96.4%;
  }
}

.h3LiInfoEquipments {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h3LiInfoEquipments {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiInfoEquipments {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiInfoEquipments {
    font-size: 5.3333333333vw;
  }
}

.txtLiInfoEquipments {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtLiInfoEquipments {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtLiInfoEquipments {
    font-size: 1.3333333333vw;
  }
}
.txtLiInfoEquipments::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.txtLiInfoEquipments::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLiInfoEquipments {
    margin-top: 4.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiInfoEquipments {
    font-size: 3.7333333333vw;
  }
}

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

.h2InfoAccess {
  width: 118px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2InfoAccess {
    width: 9.83%;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoAccess {
    width: 91px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoAccess {
    width: 24.26%;
  }
}

.h3InfoAccess {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3InfoAccess {
    margin-top: 0.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoAccess {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoAccess {
    margin-top: 0.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoAccess {
    font-size: 6.4vw;
  }
}

.txtInfoAcces {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
}
@media screen and (max-width: 1200px) {
  .txtInfoAcces {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoAcces {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoAcces {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoAcces {
    font-size: 4.2666666667vw;
  }
}

.ulInfoAccess {
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}
@media screen and (max-width: 1200px) {
  .ulInfoAccess {
    margin-top: 6.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulInfoAccess {
    width: 81.66%;
  }
}
@media screen and (max-width: 767px) {
  .ulInfoAccess {
    margin-top: 11.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulInfoAccess {
    width: 89.33%;
  }
}

.liInfoAccess {
  width: 415px;
}
@media screen and (max-width: 1200px) {
  .liInfoAccess {
    width: 42.34%;
  }
}
@media screen and (max-width: 1200px) {
  .liInfoAccess {
    width: 43.34%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoAccess {
    width: 100%;
  }
  .liInfoAccess: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: 1200px) {
  .liInfoAccess:nth-child(n+2) {
    margin-top: 16.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

.iconLiInfoAccess {
  margin: 0 8px 0 0;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .iconLiInfoAccess {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconLiInfoAccess {
    margin: 0% 2.38% 0% 0%;
  }
}

.h3LiInfoAccess {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .h3LiInfoAccess {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiInfoAccess {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiInfoAccess {
    font-size: 4.2666666667vw;
  }
}

.ulLiInfoAccess {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: auto;
  min-height: 72px;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .ulLiInfoAccess {
    margin-top: 3.85%;
    margin-bottom: 0%;
    margin-left: 2.4%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulLiInfoAccess {
    min-height: 10vh;
  }
}
@media screen and (max-width: 767px) {
  .ulLiInfoAccess {
    min-height: auto;
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liLiInfoAccess {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  list-style: disc;
  list-style-position: inside;
}
@media screen and (max-width: 1200px) {
  .liLiInfoAccess {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liLiInfoAccess {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liLiInfoAccess {
    font-size: 3.7333333333vw;
  }
}

.thumbsLiInfoAccess {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  aspect-ratio: 415/300;
  border-radius: 24px;
  /* CSS3草案 */
  -webkit-border-radius: 24px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 24px;
  /* Firefox用 */
  border: 3px solid #3193BA;
}
@media screen and (max-width: 1200px) {
  .thumbsLiInfoAccess {
    margin-top: 5.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thumbsLiInfoAccess {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    /* CSS3草案 */
    -webkit-border-radius: 12px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 12px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thumbsLiInfoAccess {
    margin-top: 7.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtInfoGooglemap {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtInfoGooglemap {
    margin: 2.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoGooglemap {
    margin: 1.58% 0% 0% 0%;
  }
}

.txtInfoGooglemap a {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
  color: #5c5c5c;
}
@media screen and (max-width: 1200px) {
  .txtInfoGooglemap a {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoGooglemap a {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoGooglemap a {
    font-size: 2.6666666667vw;
  }
}

.btnAddressInfoAddLxn {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 250px;
}
@media screen and (max-width: 1200px) {
  .btnAddressInfoAddLxn {
    margin: 4.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .btnAddressInfoAddLxn {
    width: 60.24%;
  }
}
@media screen and (max-width: 767px) {
  .btnAddressInfoAddLxn {
    margin: 6.06% 0% 0% 0%;
    width: 250px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnAddressInfoAddLxn {
    width: 74.62%;
  }
}

.btnAddressInfoAdd {
  aspect-ratio: 250/30;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.1em;
  border-radius: 999px;
  background: #62B5D6;
}
@media screen and (max-width: 1200px) {
  .btnAddressInfoAdd {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .btnAddressInfoAdd {
    aspect-ratio: 250/30;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnAddressInfoAdd {
    font-size: 4vw;
  }
}

.iconBtnAddressInfoAddLxn {
  display: block;
  text-align: left;
  width: 202px;
  margin: auto;
  background: url(../img/iconBtnAddressInfoAddLxn.svg) no-repeat right center;
  background-size: auto 70%;
}
@media screen and (max-width: 1200px) {
  .iconBtnAddressInfoAddLxn {
    width: 80.8%;
  }
}

.txtAddressInfo {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .txtAddressInfo {
    margin: 2.89% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtAddressInfo {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAddressInfo {
    margin: 2.97% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAddressInfo {
    font-size: 3.7333333333vw;
  }
}

.infoAccessWay {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .infoAccessWay {
    margin-top: 2.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoAccessWay {
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoAccessWay {
    width: 89.33%;
  }
}

.h3InfoAccessWay {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  .h3InfoAccessWay {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoAccessWay {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoAccessWay {
    font-size: 4.2666666667vw;
  }
}

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

.liInfoAccessWay {
  width: 373px;
}
@media screen and (max-width: 1200px) {
  .liInfoAccessWay {
    width: 31.08%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoAccessWay {
    width: 100%;
  }
  .liInfoAccessWay:nth-child(n+2) {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liInfoAccessWay:nth-child(n+4) {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liInfoAccessWay:nth-child(n+4) {
    margin: 2.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoAccessWay:nth-child(n+4) {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liInfoAccessWay:nth-child(n+4) {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4LiInfoAccessWay {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h4LiInfoAccessWay {
    margin: 2.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h4LiInfoAccessWay {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LiInfoAccessWay {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LiInfoAccessWay {
    font-size: 3.7333333333vw;
  }
}

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

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

.h2InfoParking {
  width: 124px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2InfoParking {
    width: 10.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoParking {
    width: 96px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoParking {
    width: 25.6%;
  }
}

.h3InfoParking {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3InfoParking {
    margin-top: 0.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoParking {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoParking {
    margin-top: 0.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoParking {
    font-size: 6.4vw;
  }
}

.txtInfoAcces02 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
}
@media screen and (max-width: 1200px) {
  .txtInfoAcces02 {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoAcces02 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoAcces02 {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoAcces02 {
    font-size: 4.2666666667vw;
  }
}

.ulInfoParking {
  margin-top: 81px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 950px;
}
@media screen and (max-width: 1200px) {
  .ulInfoParking {
    margin-top: 6.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulInfoParking {
    width: 79.16%;
  }
}
@media screen and (max-width: 767px) {
  .ulInfoParking {
    width: 335px;
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulInfoParking {
    width: 89.33%;
  }
}

.liInfoParking {
  width: 415px;
}
@media screen and (max-width: 1200px) {
  .liInfoParking {
    width: 43.68%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoParking {
    width: 100%;
  }
  .liInfoParking:nth-child(n+2) {
    margin-top: 4.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.thumbsLiInfoParking {
  position: relative;
}

.txtAddressInfo07 {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtAddressInfo07 {
    margin-top: 10.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtAddressInfo07 {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAddressInfo07 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtAddressInfo07 {
    margin-top: 5.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAddressInfo07 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAddressInfo07::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtAddressInfo07::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

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

.txtInfoParkingGooglemap a {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtInfoParkingGooglemap a {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoParkingGooglemap a {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoParkingGooglemap a {
    font-size: 3.4666666667vw;
  }
}

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

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

.h2InfoClinic {
  width: 107px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2InfoClinic {
    width: 8.91%;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoClinic {
    width: 81px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoClinic {
    width: 21.6%;
  }
}

.h3InfoClinic {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3InfoClinic {
    margin-top: 0.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoClinic {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoClinic {
    margin-top: 0.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoClinic {
    font-size: 6.4vw;
  }
}

.txtInfoAcces03 {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  background-image: repeating-linear-gradient(transparent 0 50%, #B1DAEB 50% 91%);
}
@media screen and (max-width: 1200px) {
  .txtInfoAcces03 {
    margin-top: 2.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoAcces03 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoAcces03 {
    margin-top: 7.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    background-image: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoAcces03 {
    font-size: 4.2666666667vw;
  }
}

.ulInfoClinic {
  width: 974px;
  margin-top: 85px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .ulInfoClinic {
    width: 81.16%;
  }
}
@media screen and (max-width: 1200px) {
  .ulInfoClinic {
    margin-top: 7.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulInfoClinic {
    width: 335px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulInfoClinic {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulInfoClinic {
    margin-top: 10.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoInfoClinic {
  width: 415px;
}
@media screen and (max-width: 1200px) {
  .photoInfoClinic {
    width: 42.91%;
  }
}
@media screen and (max-width: 767px) {
  .photoInfoClinic {
    width: 100%;
  }
}

.secInfoClinic {
  width: 435px;
}
@media screen and (max-width: 1200px) {
  .secInfoClinic {
    width: 44.98%;
  }
}
@media screen and (max-width: 767px) {
  .secInfoClinic {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secInfoClinic {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2InfoClinicbtt {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h2InfoClinicbtt {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoClinicbtt {
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoClinicbtt {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoClinicbtt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2InfoClinicbtt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtAddInfoClinic {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 1.5;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtAddInfoClinic {
    margin: 1.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtAddInfoClinic {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAddInfoClinic {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAddInfoClinic {
    font-size: 4.2666666667vw;
  }
}

.txtInfoClinic {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 1.5;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .txtInfoClinic {
    margin: 6.01% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoClinic {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoClinic {
    margin-top: 8.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoClinic {
    font-size: 3.7333333333vw;
  }
}

.txtInfoClinicGoogle {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .txtInfoClinicGoogle {
    margin: 0.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoClinicGoogle {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoClinicGoogle {
    margin-top: 0.06%;
    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) {
  .txtInfoClinicGoogle {
    font-size: 3.2vw;
  }
}

.urlTxtInfoClinicGoogle {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .urlTxtInfoClinicGoogle {
    margin: 3.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .urlTxtInfoClinicGoogle {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .urlTxtInfoClinicGoogle {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .urlTxtInfoClinicGoogle {
    margin-top: 9.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .urlTxtInfoClinicGoogle {
    font-size: 3.2vw;
  }
}

.txtInfoInstagramClinicLxn {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtInfoInstagramClinicLxn {
    margin: 2.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoInstagramClinicLxn {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoInstagramClinicLxn {
    margin-top: 5%;
    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) {
  .txtInfoInstagramClinicLxn {
    font-size: 3.7333333333vw;
  }
}

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

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

.iconInfoInstagramClinic {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: auto;
  width: 16px;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .iconInfoInstagramClinic {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.15%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .iconInfoInstagramClinic {
    width: 3.7%;
  }
}
@media screen and (max-width: 767px) {
  .iconInfoInstagramClinic {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: auto;
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) and (max-width: 1200px) {
  .iconInfoInstagramClinic {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 2.71%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconInfoInstagramClinic {
    width: 5.42%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainPrice {
  padding-top: 203px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFFAEF;
}
@media screen and (max-width: 1200px) {
  .mainPrice {
    padding: 10.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainPrice {
    padding: 24.2% 0% 0% 0%;
  }
}

.titlePriceFv {
  padding-top: 0px;
  padding-bottom: 38px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .titlePriceFv {
    padding: 0% 0% 1.97% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titlePriceFv {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titlePriceFv {
    padding: 0% 0% 0% 0%;
  }
}

.iconTitlePriceFv {
  width: 32px;
  transform: translate(15%, -18%);
}
@media screen and (max-width: 1200px) {
  .iconTitlePriceFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconTitlePriceFv {
    transform: translate(12%, -31%);
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTitlePriceFv {
    width: 8.64%;
  }
}

.h1PriceFv {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
  width: fit-content;
}
@media screen and (max-width: 1200px) {
  .h1PriceFv {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1PriceFv {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1PriceFv {
    font-size: 7.4666666667vw;
  }
}

.nonIconPriceFv {
  width: 32px;
}
@media screen and (max-width: 1200px) {
  .nonIconPriceFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nonIconPriceFv {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .nonIconPriceFv {
    width: 8.64%;
  }
}

.brdPriceFv {
  border-bottom: 4px dashed rgb(98, 181, 214);
}
@media screen and (max-width: 767px) {
  .brdPriceFv {
    border-bottom: 2px dashed rgb(98, 181, 214);
  }
}

.bgCntPriceFvTopPc {
  background: url(../img/price/bgCntPriceFvTopPc.png) no-repeat top center;
  background-size: auto 100%;
  padding-top: 57px;
  padding-bottom: 73px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .bgCntPriceFvTopPc {
    padding: 4.75% 0% 6.08% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .bgCntPriceFvTopPc {
    margin-top: 6.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgCntPriceFvTopPc {
    width: 335px;
    background: none;
    margin-top: 15.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .bgCntPriceFvTopPc {
    width: 89.33%;
  }
}

.secCntPriceFvTopLxn {
  width: 411px;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .secCntPriceFvTopLxn {
    width: 34.25%;
  }
}
@media screen and (max-width: 767px) {
  .secCntPriceFvTopLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCntPriceFvTopLxn {
    width: 100%;
  }
}

.h2CntPriceFv {
  width: 211px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2CntPriceFv {
    width: 51.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2CntPriceFv {
    width: 161px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2CntPriceFv {
    width: 48.05%;
  }
}

.h3CntPriceFvTop {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .h3CntPriceFvTop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .h3CntPriceFvTop {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3CntPriceFvTop {
    line-height: normal;
    letter-spacing: 0.2em;
    width: 335px;
    margin-top: 1.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CntPriceFvTop {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3CntPriceFvTop {
    width: 100%;
  }
}

.cntPriceFvBtmSp {
  margin-top: 236px;
  margin-bottom: 0px;
  margin-left: 406px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .cntPriceFvBtmSp {
    margin: 19.66% 0% 0% 33.83%;
  }
}
@media screen and (max-width: 767px) {
  .cntPriceFvBtmSp {
    background: url(../img/price/bgcntPriceFvBtmSp.png) no-repeat left top;
    background-size: 100% auto;
    margin-top: 3.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 52.43% 0% 48.38% 0%;
  }
}

.txtCntPriceFvBtm {
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtCntPriceFvBtm {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCntPriceFvBtm {
    width: 295px;
    margin: auto;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtCntPriceFvBtm {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCntPriceFvBtm {
    font-size: 4vw;
  }
}

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

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

.h2PriceMain {
  width: 211px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2PriceMain {
    width: 17.58%;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceMain {
    width: 160px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2PriceMain {
    width: 42.66%;
  }
}

.h3PriceMain {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3PriceMain {
    margin-top: 0.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3PriceMain {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PriceMain {
    margin-top: 0.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PriceMain {
    font-size: 6.4vw;
  }
}

.secPublicPrice {
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secPublicPrice {
    margin-top: 5.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPublicPrice {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secPublicPrice {
    width: 89.33%;
  }
}

.h4PublicPrice {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h4PublicPrice {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4PublicPrice {
    text-align: center;
    line-height: 1.5625;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4PublicPrice {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4PublicPrice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
  .h4PublicPrice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
}

.brdPublicPrice {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px dashed #62B5D6;
}
@media screen and (max-width: 1200px) {
  .brdPublicPrice {
    margin-top: 0.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdPublicPrice {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .brdPublicPrice {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtPublicPrice {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.8125;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtPublicPrice {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtPublicPrice {
    font-size: 1.3333333333vw;
  }
}
.txtPublicPrice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8125) * 0.5em);
  content: "";
}
.txtPublicPrice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8125) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPublicPrice {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0.16em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtPublicPrice {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPublicPrice {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPublicPrice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtPublicPrice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.secPublicPriceCnt {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1200px) {
  .secPublicPriceCnt {
    margin-top: 3.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .secPublicPriceCnt {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .secPublicPriceCnt {
    margin-top: 12.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.titlePublicPriceCnt {
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .titlePublicPriceCnt {
    width: 335px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titlePublicPriceCnt {
    width: 89.33%;
  }
}

.iconPublicPriceCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 12px;
}
@media screen and (max-width: 1200px) {
  .iconPublicPriceCnt {
    margin: 0% 1.2% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconPublicPriceCnt {
    width: 4.5%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 9px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconPublicPriceCnt {
    margin: 0% 2.4% 0% 0%;
  }
}

.h4PublicPriceCnt {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h4PublicPriceCnt {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4PublicPriceCnt {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4PublicPriceCnt {
    font-size: 4.2666666667vw;
  }
}

.tablePublicPriceCntLxn {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .tablePublicPriceCntLxn {
    margin-top: 1.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tablePublicPriceCntLxn {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tablePublicPriceCntLxn {
    padding: 0% 0% 0% 5.33%;
  }
}
@media screen and (max-width: 767px) {
  .tablePublicPriceCntLxn::-webkit-scrollbar {
    display: none;
  }
}

.tablePublicPriceCntWap {
  background: #FFF;
  border: 2px solid #62B5D6;
  overflow: hidden;
  border-radius: 18px;
  /* CSS3草案 */
  -webkit-border-radius: 18px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 18px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .tablePublicPriceCntWap {
    width: 669px;
    border-radius: 11px;
    /* CSS3草案 */
    -webkit-border-radius: 11px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 11px;
    /* Firefox用 */
  }
}

.tablePublicPrice {
  width: 100%;
}

.trPublicPrice:last-child .thPublicPriceW2 {
  border-bottom: unset;
}

.trPublicPrice:last-child .tdPublicPrice {
  border-bottom: unset;
}

.thPublicPriceW2 {
  width: 401px;
  background: #FFF;
  border-bottom: 2px solid #62B5D6;
  border-right: 2px solid #62B5D6;
}
@media screen and (max-width: 1200px) {
  .thPublicPriceW2 {
    width: 40.26%;
  }
}
@media screen and (max-width: 767px) {
  .thPublicPriceW2 {
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thPublicPriceW2 {
    width: 38.11%;
  }
}

.tablePublicPrice th {
  padding-top: 23px;
  padding-bottom: 20px;
  padding-left: 23px;
  padding-right: 23px;
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .tablePublicPrice th {
    padding: 2.3% 2.3% 2% 2.3%;
  }
}
@media screen and (max-width: 1200px) {
  .tablePublicPrice th {
    font-size: 1.3333333333vw;
  }
}
.tablePublicPrice th::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.tablePublicPrice th::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tablePublicPrice th {
    padding: 2.58% 1.68% 1.98% 2.98%;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tablePublicPrice th {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tablePublicPrice th::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .tablePublicPrice th::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.tdPublicPrice {
  padding-top: 23px;
  padding-bottom: 20px;
  padding-left: 23px;
  padding-right: 23px;
  width: 593px;
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.1em;
  border-bottom: 2px solid #62B5D6;
}
@media screen and (max-width: 1200px) {
  .tdPublicPrice {
    padding: 2.3% 2.3% 2% 2.3%;
  }
}
@media screen and (max-width: 1200px) {
  .tdPublicPrice {
    width: 59.53%;
  }
}
@media screen and (max-width: 1200px) {
  .tdPublicPrice {
    font-size: 1.3333333333vw;
  }
}
.tdPublicPrice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.tdPublicPrice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdPublicPrice {
    padding: 2.98% 2.98% 2.28% 2.98%;
    line-height: 1.5714285714;
    letter-spacing: 0.1em;
    width: 442px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdPublicPrice {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdPublicPrice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .tdPublicPrice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdPublicPrice {
    width: 66.06%;
  }
}

.thPublicPriceW50_1 {
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 23px;
  padding-right: 23px;
  width: 211px;
  border-right: 2px solid #62B5D6;
  border-bottom: 2px solid #62B5D6;
}
@media screen and (max-width: 1200px) {
  .thPublicPriceW50_1 {
    padding: 2.3% 2.3% 2.3% 2.3%;
  }
}
@media screen and (max-width: 1200px) {
  .thPublicPriceW50_1 {
    width: 21.18%;
  }
}
@media screen and (max-width: 767px) {
  .thPublicPriceW50_1 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 15.55%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thPublicPriceW50_1 {
    padding: 2.98% 2.98% 2.98% 2.98%;
  }
}

.thPublicPriceW50_2 {
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 23px;
  padding-right: 23px;
  width: 185px;
  border-right: 2px solid #62B5D6;
  border-bottom: 2px solid #62B5D6;
}
@media screen and (max-width: 1200px) {
  .thPublicPriceW50_2 {
    padding: 2.3% 2.3% 2.3% 2.3%;
  }
}
@media screen and (max-width: 1200px) {
  .thPublicPriceW50_2 {
    width: 18.57%;
  }
}
@media screen and (max-width: 767px) {
  .thPublicPriceW50_2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 152px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thPublicPriceW50_2 {
    padding: 2.98% 2.98% 2.98% 2.98%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thPublicPriceW50_2 {
    width: 22.72%;
  }
}

.txtPublicPriceCnt {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.7692307692;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtPublicPriceCnt {
    margin-top: 2.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtPublicPriceCnt {
    font-size: 1.0833333333vw;
  }
}
.txtPublicPriceCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7692307692) * 0.5em);
  content: "";
}
.txtPublicPriceCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7692307692) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPublicPriceCnt {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtPublicPriceCnt {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPublicPriceCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtPublicPriceCnt {
    width: 89.33%;
  }
}

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

@media screen and (max-width: 767px) {
  .priceOtherWap {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .priceOtherWap {
    width: 100%;
  }
}

.h2PriceOther {
  width: 105px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2PriceOther {
    width: 8.75%;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceOther {
    width: 80px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2PriceOther {
    width: 21.33%;
  }
}

.h3PriceOther {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3PriceOther {
    margin-top: 0.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3PriceOther {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PriceOther {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PriceOther {
    font-size: 6.4vw;
  }
}

.tableOtherPriceCntLxn {
  margin-top: 71px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1200px) {
  .tableOtherPriceCntLxn {
    margin-top: 5.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .tableOtherPriceCntLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .tableOtherPriceCntLxn {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow-x: auto;
    padding: 0% 0% 0% 4.33%;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tableOtherPriceCntLxn::-webkit-scrollbar {
    display: none;
  }
}

.tableOtherPriceCntWap {
  border: 2px solid #62B5D6;
  overflow: hidden;
  border-radius: 18px;
  /* CSS3草案 */
  -webkit-border-radius: 18px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 18px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .tableOtherPriceCntWap {
    width: 701px;
  }
}

.tableOtherPrice {
  background: #FFF;
}

.thOtherPriceW50_1 {
  padding-top: 35px;
  padding-bottom: 34px;
  padding-left: 24px;
  padding-right: 0px;
  width: 217px;
  border-right: 2px solid #62B5D6;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .thOtherPriceW50_1 {
    padding: 3.51% 0% 3.41% 2.4%;
  }
}
@media screen and (max-width: 1200px) {
  .thOtherPriceW50_1 {
    width: 21.78%;
  }
}
@media screen and (max-width: 1200px) {
  .thOtherPriceW50_1 {
    font-size: 1.3333333333vw;
  }
}
.thOtherPriceW50_1::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.thOtherPriceW50_1::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thOtherPriceW50_1 {
    padding: 4.27% 0 3.27% 2.47%;
    width: 131px;
    line-height: 1.7857142857;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thOtherPriceW50_1 {
    width: 18.68%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thOtherPriceW50_1 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thOtherPriceW50_1::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .thOtherPriceW50_1::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.thOtherPriceW50_2 {
  padding-top: 38px;
  padding-bottom: 37px;
  padding-left: 24px;
  padding-right: 0px;
  width: 197px;
  border-right: 2px solid #62B5D6;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .thOtherPriceW50_2 {
    padding: 3.81% 0% 3.71% 2.4%;
  }
}
@media screen and (max-width: 1200px) {
  .thOtherPriceW50_2 {
    width: 19.77%;
  }
}
@media screen and (max-width: 1200px) {
  .thOtherPriceW50_2 {
    font-size: 1.3333333333vw;
  }
}
.thOtherPriceW50_2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.thOtherPriceW50_2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thOtherPriceW50_2 {
    padding: 4.27% 0 4.27% 2.47%;
    width: 171px;
    line-height: 1.7857142857;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thOtherPriceW50_2 {
    width: 24.39%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thOtherPriceW50_2 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thOtherPriceW50_2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .thOtherPriceW50_2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.tdOtherPrice {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  width: 580px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .tdOtherPrice {
    padding: 2.4% 2.4% 2.4% 2.4%;
  }
}
@media screen and (max-width: 1200px) {
  .tdOtherPrice {
    width: 58.23%;
  }
}
@media screen and (max-width: 1200px) {
  .tdOtherPrice {
    font-size: 1.3333333333vw;
  }
}
.tdOtherPrice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.tdOtherPrice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdOtherPrice {
    padding: 2.77% 2.87% 2.77% 2.87%;
    width: 442px;
    line-height: 1.7857142857;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdOtherPrice {
    width: 63.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdOtherPrice {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdOtherPrice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .tdOtherPrice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.txtPriceOther {
  margin-top: 156px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtPriceOther {
    margin-top: 13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtPriceOther {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPriceOther {
    margin-top: 120px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtPriceOther {
    margin-top: 32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPriceOther {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPriceOther::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtPriceOther::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtPriceOther {
    width: 89.33%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainCare {
  padding-top: 205px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFFAEF;
}
@media screen and (max-width: 1200px) {
  .mainCare {
    padding: 10.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCare {
    padding: 24% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .titlecareFv {
    width: 324px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titlecareFv {
    width: 86.4%;
  }
}

.iconTitlecareFv {
  width: 32px;
  transform: translate(0px, -20%);
}
@media screen and (max-width: 1200px) {
  .iconTitlecareFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconTitlecareFv {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTitlecareFv {
    width: 8.64%;
  }
}

.h1CareFv {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h1CareFv {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1CareFv {
    line-height: normal;
    letter-spacing: 0em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1CareFv {
    font-size: 7.4666666667vw;
  }
}

.nonIConcareFv {
  width: 32px;
}
@media screen and (max-width: 1200px) {
  .nonIConcareFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nonIConcareFv {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .nonIConcareFv {
    width: 8.64%;
  }
}

.brdcareFv {
  border-bottom: 4px dashed rgb(98, 181, 214);
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .brdcareFv {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdcareFv {
    margin-top: 9.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 91%;
    border-bottom: 2px dashed rgb(98, 181, 214);
  }
}

.careFvTop {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .careFvTop {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .careFvTop {
    margin-top: 20.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .careFvTop {
    width: 89.33%;
  }
}

.secCareFvTopLxn {
  padding-top: 87px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secCareFvTopLxn {
    padding: 7.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCareFvTopLxn {
    width: 335px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCareFvTopLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCareFvTopLxn {
    padding: 0% 0% 0% 0%;
  }
}

.secCareFvTop {
  padding-top: 64px;
  padding-bottom: 216px;
  padding-left: 507px;
  padding-right: 0px;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  background: #62B5D6;
  width: 1004px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .secCareFvTop {
    padding: 5.33% 0% 18% 42.25%;
  }
}
@media screen and (max-width: 1200px) {
  .secCareFvTop {
    width: 83.66%;
  }
}
@media screen and (max-width: 767px) {
  .secCareFvTop {
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    width: 100%;
    padding: 11.94% 0% 113.02% 0%;
  }
}

.secCareFvTopMain {
  width: 433px;
}
@media screen and (max-width: 1200px) {
  .secCareFvTopMain {
    width: 87.12%;
  }
}
@media screen and (max-width: 767px) {
  .secCareFvTopMain {
    width: 89.07%;
    margin: auto;
  }
}

.h2CareFvTop {
  width: 186px;
}
@media screen and (max-width: 1200px) {
  .h2CareFvTop {
    width: 42.95%;
  }
}
@media screen and (max-width: 767px) {
  .h2CareFvTop {
    width: 143px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2CareFvTop {
    width: 50.17%;
  }
}

.h3CareFvTop {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3CareFvTop {
    margin: 1.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h3CareFvTop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CareFvTop {
    margin: 1.61% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0.2em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CareFvTop {
    font-size: 6.4vw;
  }
}

.txtCareFvTop {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1200px) {
  .txtCareFvTop {
    margin: 11.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtCareFvTop {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCareFvTop {
    margin: 9.03% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.01em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCareFvTop {
    font-size: 4vw;
  }
}

.photoCareFvTop {
  width: 657px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .photoCareFvTop {
    width: 54.75%;
  }
}
@media screen and (max-width: 767px) {
  .photoCareFvTop {
    width: 289px;
    top: 44.2014%;
    left: 16.7164179104%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoCareFvTop {
    width: 86.26%;
  }
}

.photoCareFvBtm {
  width: 367px;
  position: absolute;
  top: 74.489922%;
  right: 5.3333333333%;
}
@media screen and (max-width: 1200px) {
  .photoCareFvBtm {
    width: 30.58%;
  }
}
@media screen and (max-width: 767px) {
  .photoCareFvBtm {
    width: 204px;
    top: 83.2037325039%;
    left: -2.9850746269%;
    right: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoCareFvBtm {
    width: 60.89%;
  }
}

.careFvBtm {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 729px;
}
@media screen and (max-width: 1200px) {
  .careFvBtm {
    margin: 2.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .careFvBtm {
    width: 60.75%;
  }
}
@media screen and (max-width: 767px) {
  .careFvBtm {
    margin-top: 30%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 81.76%;
  }
}

.txtCareFvBtm {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1200px) {
  .txtCareFvBtm {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtCareFvBtm {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCareFvBtm {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 160%;
    letter-spacing: 0.01em;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtCareFvBtm {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCareFvBtm {
    font-size: 4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.careCheckUp {
  margin-top: 171px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 156px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .careCheckUp {
    margin-top: 8.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .careCheckUp {
    padding: 0% 0% 8.12% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .careCheckUp img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .careCheckUp {
    margin-top: 24.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 0% 19.33% 0%;
  }
}

.h2CheckUp {
  width: 136px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2CheckUp {
    width: 11.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2CheckUp {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2CheckUp {
    width: 28%;
  }
}

.h3CheckUp {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3CheckUp {
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3CheckUp {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CheckUp {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CheckUp {
    font-size: 6.4vw;
  }
}

.careCheckUpFx {
  width: 1168px;
  margin-top: -15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .careCheckUpFx {
    width: 97.33%;
  }
}
@media screen and (max-width: 1200px) {
  .careCheckUpFx {
    margin-top: -1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .careCheckUpFx {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .careCheckUpFx {
    width: 78.66%;
  }
}

.picLeftCareCheckUp {
  width: 209px;
}
@media screen and (max-width: 1200px) {
  .picLeftCareCheckUp {
    width: 17.89%;
  }
}
@media screen and (max-width: 767px) {
  .picLeftCareCheckUp {
    width: 100%;
  }
}

.secCareCheckUpFx {
  width: 589px;
  margin-top: 85px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secCareCheckUpFx {
    width: 50.42%;
  }
}
@media screen and (max-width: 1200px) {
  .secCareCheckUpFx {
    margin-top: 7.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secCareCheckUpFx {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCareCheckUpFx {
    margin-top: 8.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulCareCheckUpFx {
  width: 429px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .ulCareCheckUpFx {
    width: 72.83%;
  }
}
@media screen and (max-width: 1200px) {
  .ulCareCheckUpFx {
    width: 76.83%;
  }
}
@media screen and (max-width: 767px) {
  .ulCareCheckUpFx {
    width: 98%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulCareCheckUpFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liCareCheckUpFx {
  background: url(../img/care/bgliCareCheckUpFx.svg) no-repeat 0 0;
  background-size: auto 85%;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 45px;
  padding-right: 0px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .liCareCheckUpFx {
    padding: 0.46% 0% 0.46% 10.48%;
  }
}
@media screen and (max-width: 1200px) {
  .liCareCheckUpFx {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .liCareCheckUpFx {
    background: url(../img/care/bgliCareCheckUpFx.svg) no-repeat 0 0;
    background-size: auto 90%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 32px;
    padding-right: 0px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liCareCheckUpFx {
    padding: 0.67% 0% 0.67% 10.84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liCareCheckUpFx {
    font-size: 4.2666666667vw;
  }
}

.liCareCheckUpFx:nth-child(n+2) {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liCareCheckUpFx:nth-child(n+2) {
    margin: 7.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCareCheckUpFx:nth-child(n+2) {
    margin: 7.03% 0% 0% 0%;
  }
}

.txtCareCheckUp {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtCareCheckUp {
    margin-top: 11.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtCareCheckUp {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCareCheckUp {
    margin-top: 17.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCareCheckUp {
    font-size: 3.7333333333vw;
  }
}

.picRightCareCheckUp {
  width: 209px;
}
@media screen and (max-width: 1200px) {
  .picRightCareCheckUp {
    width: 17.89%;
  }
}
@media screen and (max-width: 767px) {
  .picRightCareCheckUp {
    width: 100%;
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.careScreening {
  padding-top: 77px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .careScreening {
    padding: 4.01% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .careScreening {
    width: 335px;
    padding: 10.66% 0% 10.66% 0%;
    margin-top: 0;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 13px;
    /* CSS3草案 */
    -webkit-border-radius: 13px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 13px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .careScreening {
    width: 89.33%;
  }
}

.careScreeningFx {
  width: 1160px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .careScreeningFx {
    width: 96.66%;
  }
}
@media screen and (max-width: 767px) {
  .careScreeningFx {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .careScreeningFx {
    width: 88.05%;
  }
}

.photoCareScreening {
  width: 599px;
}
@media screen and (max-width: 1200px) {
  .photoCareScreening {
    width: 51.63%;
  }
}
@media screen and (max-width: 767px) {
  .photoCareScreening {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoCareScreening {
    width: 100%;
  }
}

.secCareScreening {
  width: 521px;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secCareScreening {
    width: 44.91%;
  }
}
@media screen and (max-width: 1200px) {
  .secCareScreening {
    margin: 2.32% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCareScreening {
    width: 295px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCareScreening {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCareScreening {
    margin-top: 8.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secCareScreeningLxn {
  width: 521px;
}
@media screen and (max-width: 1200px) {
  .secCareScreeningLxn {
    width: 97.2%;
  }
}
@media screen and (max-width: 767px) {
  .secCareScreeningLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secCareScreeningLxn {
    width: 100%;
  }
}

.h2CareScreening {
  width: 156px;
}
@media screen and (max-width: 1200px) {
  .h2CareScreening {
    width: 29.94%;
  }
}
@media screen and (max-width: 767px) {
  .h2CareScreening {
    width: 121px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2CareScreening {
    width: 41.01%;
  }
}

.h3CareScreening {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3CareScreening {
    margin: 0.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h3CareScreening {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CareScreening {
    width: 295px;
    margin: 1.42% 0% 0% 0%;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3CareScreening {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CareScreening {
    font-size: 6.4vw;
  }
}

.txtCareScreening {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 521px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .txtCareScreening {
    margin: 5.18% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtCareScreening {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .txtCareScreening {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCareScreening {
    width: 295px;
    margin: 9.55% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtCareScreening {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCareScreening {
    font-size: 3.7333333333vw;
  }
}

.linkBnrCare {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1200px) {
  .linkBnrCare {
    margin-top: 11.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .linkBnrCare {
    width: 74.85%;
  }
}
@media screen and (max-width: 767px) {
  .linkBnrCare {
    width: 295px;
    margin: 11.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .linkBnrCare {
    width: 100%;
  }
}

.btnLinkBnrCare01 {
  position: relative;
  width: 390px;
  transition-duration: 0.5s;
  display: block;
}
@media screen and (max-width: 1200px) {
  .btnLinkBnrCare01 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .btnLinkBnrCare01 {
    width: 100%;
  }
}
.btnLinkBnrCare01:hover {
  opacity: 1;
}

.spanBtnLinkBnrCare {
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .spanBtnLinkBnrCare {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .spanBtnLinkBnrCare {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .spanBtnLinkBnrCare {
    aspect-ratio: 270/49;
    width: 91.23%;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanBtnLinkBnrCare {
    font-size: 4.2666666667vw;
  }
}

.btnLinkBnrCare01:hover .spanBtnLinkBnrCare {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
}

.iconLinkBnrCare {
  width: 32px;
  position: absolute;
  right: 0;
  top: -16%;
}
@media screen and (max-width: 1200px) {
  .iconLinkBnrCare {
    width: 8.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconLinkBnrCare {
    width: 25px;
    right: 0;
    top: -16%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconLinkBnrCare {
    width: 8.47%;
  }
}
@media screen and (max-width: 767px) {
  .iconLinkBnrCare svg {
    width: 100%;
    height: auto;
    display: block;
  }
}

.liLinkBnrCare:nth-child(n+2) {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liLinkBnrCare:nth-child(n+2) {
    margin-top: 9.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liLinkBnrCare:nth-child(n+2) {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liLinkBnrCare:nth-child(n+2) {
    margin-top: 9.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h2CareTrement {
  width: 159px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2CareTrement {
    width: 13.25%;
  }
}
@media screen and (max-width: 767px) {
  .h2CareTrement {
    width: 123px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2CareTrement {
    width: 32.8%;
  }
}

.h3CareTrement {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3CareTrement {
    margin-top: 0.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3CareTrement {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CareTrement {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CareTrement {
    font-size: 6.4vw;
  }
}

.ulCareTrement {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1120px;
}
@media screen and (max-width: 1200px) {
  .ulCareTrement {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulCareTrement {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulCareTrement {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 310px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulCareTrement {
    width: 82.66%;
  }
}

.liCareTrement {
  width: 105px;
}
@media screen and (max-width: 1200px) {
  .liCareTrement {
    width: 9.37%;
  }
}
@media screen and (max-width: 767px) {
  .liCareTrement {
    width: 70px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liCareTrement {
    width: 22.58%;
  }
}
@media screen and (max-width: 767px) {
  .liCareTrement:nth-child(n+5) {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liCareTrement:nth-child(n+5) {
    margin: 7.74% 0% 0% 0%;
  }
}

.ulCtaCareTrement {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1102px;
}
@media screen and (max-width: 1200px) {
  .ulCtaCareTrement {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulCtaCareTrement {
    width: 91.83%;
  }
}
@media screen and (max-width: 767px) {
  .ulCtaCareTrement {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 334px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulCtaCareTrement {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulCtaCareTrement {
    width: 89.06%;
  }
}

.liCtaCareTrement {
  width: 310px;
}
@media screen and (max-width: 1200px) {
  .liCtaCareTrement {
    width: 28.13%;
  }
}
@media screen and (max-width: 767px) {
  .liCtaCareTrement {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liCtaCareTrement {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liCtaCareTrement {
    width: 29.94%;
  }
}

.btnCtaCareTrement {
  aspect-ratio: 310/78;
  width: 310px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .btnCtaCareTrement {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .btnCtaCareTrement {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCtaCareTrement {
    aspect-ratio: 100/41;
    width: 100px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnCtaCareTrement {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCtaCareTrement {
    font-size: 3.4666666667vw;
  }
}

.btnCtaCareTrement:hover {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainCleft {
  padding-top: 197px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFFAEF;
}
@media screen and (max-width: 1200px) {
  .mainCleft {
    padding: 10.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCleft {
    padding: 24.2% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .titlecleftFv {
    width: 324px;
    margin: auto;
    padding: 0 0 7% 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titlecleftFv {
    width: 86.4%;
  }
}

.h1CleftFv {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
  transform: translate(0px, 21%);
}
@media screen and (max-width: 1200px) {
  .h1CleftFv {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1CleftFv {
    transform: translate(0px, 33%);
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1CleftFv {
    font-size: 7.4666666667vw;
  }
}

.iconTitlecleftFv {
  width: 32px;
}
@media screen and (max-width: 1200px) {
  .iconTitlecleftFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconTitlecleftFv {
    width: 28px;
    transform: translate(-1%, -31%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTitlecleftFv {
    width: 8.64%;
  }
}

.nonIConcleftFv {
  width: 32px;
}
@media screen and (max-width: 1200px) {
  .nonIConcleftFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nonIConcleftFv {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .nonIConcleftFv {
    width: 8.64%;
  }
}

.brdcleftFv {
  border-bottom: 4px dashed rgb(98, 181, 214);
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .brdcleftFv {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdcleftFv {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px dashed rgb(98, 181, 214);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .brdcleftFv {
    margin-top: 12.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cleftFvTop {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .cleftFvTop {
    margin-top: 6.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cleftFvTop {
    margin-top: 19.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cleftFvTop {
    width: 89.33%;
  }
}

.seccleftFvTopLxn {
  padding-top: 87px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .seccleftFvTopLxn {
    padding: 7.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .seccleftFvTopLxn {
    width: 335px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .seccleftFvTopLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .seccleftFvTopLxn {
    padding: 0% 0% 0% 0%;
  }
}

.seccleftFvTop {
  padding-top: 64px;
  padding-bottom: 133px;
  padding-left: 437px;
  padding-right: 0px;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  background: #62B5D6;
  width: 940px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .seccleftFvTop {
    padding: 5.33% 0% 11.08% 36.41%;
  }
}
@media screen and (max-width: 1200px) {
  .seccleftFvTop {
    width: 78.33%;
  }
}
@media screen and (max-width: 767px) {
  .seccleftFvTop {
    width: 100%;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    padding: 11.94% 0% 112.22% 0%;
  }
}

.seccleftFvTopMain {
  width: 463px;
}
@media screen and (max-width: 1200px) {
  .seccleftFvTopMain {
    width: 91.14%;
  }
}
@media screen and (max-width: 767px) {
  .seccleftFvTopMain {
    width: 285px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .seccleftFvTopMain {
    width: 85.07%;
  }
}

.h2cleftFvTop {
  width: 269px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h2cleftFvTop {
    width: 58.09%;
  }
}
@media screen and (max-width: 1200px) {
  .h2cleftFvTop {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2cleftFvTop {
    width: 204px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2cleftFvTop {
    width: 71.57%;
  }
}

.h3CleftFvTop {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3CleftFvTop {
    margin: 1.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h3CleftFvTop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CleftFvTop {
    margin: 7.92% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0.2em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CleftFvTop {
    font-size: 6.4vw;
  }
}

.txtCleftFvTop {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 175%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtCleftFvTop {
    margin: 10.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtCleftFvTop {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCleftFvTop {
    margin: 10.03% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCleftFvTop {
    font-size: 4vw;
  }
}

.photoCleftFvTop {
  width: 657px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .photoCleftFvTop {
    width: 54.75%;
  }
}
@media screen and (max-width: 767px) {
  .photoCleftFvTop {
    width: 289px;
    top: 50.013915%;
    left: 16.7164179104%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoCleftFvTop {
    width: 86.26%;
  }
}

.photoCleftFvBtm {
  width: 367px;
  position: absolute;
  top: 85.689922%;
  right: 6%;
}
@media screen and (max-width: 1200px) {
  .photoCleftFvBtm {
    width: 30.58%;
  }
}
@media screen and (max-width: 767px) {
  .photoCleftFvBtm {
    width: 204px;
    top: 85.289922%;
    left: -2.9850746269%;
    right: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoCleftFvBtm {
    width: 60.89%;
  }
}

.cleftFvBtm {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 721px;
}
@media screen and (max-width: 1200px) {
  .cleftFvBtm {
    margin: 2.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .cleftFvBtm {
    width: 60.08%;
  }
}
@media screen and (max-width: 767px) {
  .cleftFvBtm {
    margin-top: 30%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 79.73%;
  }
}

.h3CleftFvBtm {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3CleftFvBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CleftFvBtm {
    line-height: normal;
    letter-spacing: 0.2em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CleftFvBtm {
    font-size: 6.4vw;
  }
}

.txtcleftFvBtm {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .txtcleftFvBtm {
    margin: 6.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtcleftFvBtm {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .txtcleftFvBtm {
    margin: 9.08% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.01em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtcleftFvBtm {
    font-size: 3.7333333333vw;
  }
}

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

.cleftTreatmentWap {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .cleftTreatmentWap {
    padding: 5.2% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cleftTreatmentWap {
    border-radius: 13px;
    /* CSS3草案 */
    -webkit-border-radius: 13px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 13px;
    /* Firefox用 */
    padding: 8.66% 0% 12.8% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cleftTreatmentWap {
    width: 89.33%;
  }
}

.cleftTreatmentLxn {
  width: 886px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .cleftTreatmentLxn {
    width: 73.83%;
  }
}
@media screen and (max-width: 767px) {
  .cleftTreatmentLxn {
    width: 306px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cleftTreatmentLxn {
    width: 91.34%;
  }
}

.h2TitleCleftTreatment {
  width: 161px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TitleCleftTreatment {
    width: 18.17%;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleCleftTreatment {
    width: 124px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TitleCleftTreatment {
    width: 40.52%;
  }
}

.h3TitleCleftTreatment {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3TitleCleftTreatment {
    margin-top: 0.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TitleCleftTreatment {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleCleftTreatment {
    margin-top: 1.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleCleftTreatment {
    font-size: 6.4vw;
  }
}

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

.liCleftTreatmentFx {
  width: 100%;
}

.photoLiCleftTreatmentFx {
  width: 400px;
}
@media screen and (max-width: 1200px) {
  .photoLiCleftTreatmentFx {
    width: 45.14%;
  }
}
@media screen and (max-width: 767px) {
  .photoLiCleftTreatmentFx {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoLiCleftTreatmentFx {
    width: 96.4%;
  }
}

.secLiCleftTreatmentFx {
  width: 400px;
}
@media screen and (max-width: 1200px) {
  .secLiCleftTreatmentFx {
    width: 45.14%;
  }
}
@media screen and (max-width: 767px) {
  .secLiCleftTreatmentFx {
    width: 295px;
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secLiCleftTreatmentFx {
    width: 96.4%;
  }
}

.iconLiCleftTreatmentFx {
  width: 20px;
}
@media screen and (max-width: 1200px) {
  .iconLiCleftTreatmentFx {
    width: 5%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiCleftTreatmentFx {
    width: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconLiCleftTreatmentFx {
    width: 5.08%;
  }
}

.h3LiCleftTreatmentFx {
  width: 365px;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h3LiCleftTreatmentFx {
    width: 91.25%;
  }
}
@media screen and (max-width: 1200px) {
  .h3LiCleftTreatmentFx {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiCleftTreatmentFx {
    width: 272px;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3LiCleftTreatmentFx {
    width: 92.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiCleftTreatmentFx {
    font-size: 4.2666666667vw;
  }
}

.txtLiCleftTreatmentFx {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtLiCleftTreatmentFx {
    margin: 3.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtLiCleftTreatmentFx {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiCleftTreatmentFx {
    margin: 4.01% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiCleftTreatmentFx {
    font-size: 3.7333333333vw;
  }
}

.brdLiCleftTerment {
  border-bottom: 4px dashed rgb(98, 181, 214);
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .brdLiCleftTerment {
    margin-top: 6.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdLiCleftTerment {
    margin: 12.68% 0% 0% 0%;
    border-bottom: 2px dashed rgb(98, 181, 214);
  }
}

.liCleftTreatment:nth-child(n+2) {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liCleftTreatment:nth-child(n+2) {
    margin-top: 6.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liCleftTreatment:nth-child(n+2) {
    margin-top: 48px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liCleftTreatment:nth-child(n+2) {
    margin: 15.68% 0% 0% 0%;
  }
}

.ctaMainiCleftTreatmentCheckUp {
  margin-top: 92px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .ctaMainiCleftTreatmentCheckUp {
    margin-top: 10.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ctaMainiCleftTreatmentCheckUp {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ctaMainiCleftTreatmentCheckUp {
    margin-top: 13.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnCtaMainiCleftTreatmentCheckUp {
  position: relative;
  width: 390px;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .btnCtaMainiCleftTreatmentCheckUp {
    width: 44.01%;
  }
}
@media screen and (max-width: 767px) {
  .btnCtaMainiCleftTreatmentCheckUp {
    width: 306px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnCtaMainiCleftTreatmentCheckUp {
    width: 100%;
  }
}
.btnCtaMainiCleftTreatmentCheckUp:hover {
  opacity: 1;
}

.spanBtnCtaMainiCleftTreatmentCheckUp {
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .spanBtnCtaMainiCleftTreatmentCheckUp {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .spanBtnCtaMainiCleftTreatmentCheckUp {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .spanBtnCtaMainiCleftTreatmentCheckUp {
    aspect-ratio: 270/49;
    width: 270px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .spanBtnCtaMainiCleftTreatmentCheckUp {
    width: 88.23%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanBtnCtaMainiCleftTreatmentCheckUp {
    font-size: 4.2666666667vw;
  }
}

.iconCtaMainiCleftTreatmentCheckUp {
  width: 32px;
  position: absolute;
  top: -16%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .iconCtaMainiCleftTreatmentCheckUp {
    width: 8.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconCtaMainiCleftTreatmentCheckUp {
    width: 25px;
    top: -16%;
    right: 3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconCtaMainiCleftTreatmentCheckUp {
    width: 8.16%;
  }
}

.btnCtaMainiCleftTreatmentCheckUp:hover .spanBtnCtaMainiCleftTreatmentCheckUp {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
  opacity: 1;
}

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

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

@media screen and (max-width: 767px) {
  .titleClassFv {
    width: 324px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titleClassFv {
    width: 86.4%;
  }
}

.iconTitleClassFv {
  width: 32px;
  transform: translate(15%, -18%);
}
@media screen and (max-width: 1200px) {
  .iconTitleClassFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleClassFv {
    transform: translate(-1%, -31%);
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTitleClassFv {
    width: 8.64%;
  }
}

.h1ClassFv {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h1ClassFv {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ClassFv {
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ClassFv {
    font-size: 7.4666666667vw;
  }
}

.nonIConClassFv {
  width: 32px;
}
@media screen and (max-width: 1200px) {
  .nonIConClassFv {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nonIConClassFv {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .nonIConClassFv {
    width: 8.64%;
  }
}

.brdClassFv {
  border-bottom: 4px dashed rgb(98, 181, 214);
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .brdClassFv {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdClassFv {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px dashed rgb(98, 181, 214);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .brdClassFv {
    margin-top: 12.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.detailClassRoomFv {
  padding-top: 102px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .detailClassRoomFv {
    padding: 8.5% 0% 0.83% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .detailClassRoomFv {
    margin-top: 6.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailClassRoomFv {
    width: 335px;
    margin-top: 11.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .detailClassRoomFv {
    width: 89.33%;
  }
}

.bgdetailClassRoomFv {
  background: url(../img/class/bgDetailClassRoomFvPc.png) no-repeat;
  background-size: auto 93.410873%;
}
@media screen and (max-width: 767px) {
  .bgdetailClassRoomFv {
    background: none;
  }
}

.titleDetailClassRoomFv {
  width: 280px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .titleDetailClassRoomFv {
    width: 23.33%;
  }
}
@media screen and (max-width: 767px) {
  .titleDetailClassRoomFv {
    width: 335px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titleDetailClassRoomFv {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titleDetailClassRoomFv {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TitleDetailClassRoomFv {
  width: 127px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2TitleDetailClassRoomFv {
    width: 45.35%;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleDetailClassRoomFv {
    width: 97px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TitleDetailClassRoomFv {
    width: 28.95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2TitleDetailClassRoomFv {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3TitleDetailClassRoomFv {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3TitleDetailClassRoomFv {
    margin-top: 3.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3TitleDetailClassRoomFv {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleDetailClassRoomFv {
    margin-top: 2.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleDetailClassRoomFv {
    font-size: 6.4vw;
  }
}

.txtDetailClassRoomFv {
  width: 622px;
  margin-top: 219px;
  margin-bottom: 0px;
  margin-left: 38px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 163%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .txtDetailClassRoomFv {
    width: 51.83%;
  }
}
@media screen and (max-width: 1200px) {
  .txtDetailClassRoomFv {
    margin: 18.25% 0% 0% 3.16%;
  }
}
@media screen and (max-width: 1200px) {
  .txtDetailClassRoomFv {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailClassRoomFv {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtDetailClassRoomFv {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailClassRoomFv {
    font-size: 4vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.classRoomStep {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .classRoomStep {
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .classRoomStep {
    margin-top: 20.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .classRoomStep {
    width: 78.66%;
  }
}

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

.txtClassRoomStep {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtClassRoomStep {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtClassRoomStep {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtClassRoomStep {
    margin-top: 3.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtClassRoomStep {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtClassRoomStep {
    font-size: 4.2666666667vw;
  }
}

.linkBnrClassRoom {
  width: 876px;
  margin-top: 82px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .linkBnrClassRoom {
    width: 73%;
  }
}
@media screen and (max-width: 1200px) {
  .linkBnrClassRoom {
    margin-top: 6.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .linkBnrClassRoom {
    width: 295px;
    margin-top: 11.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .linkBnrClassRoom {
    width: 100%;
  }
}

.liLinkBnrClassRoom {
  width: 390px;
}
@media screen and (max-width: 1200px) {
  .liLinkBnrClassRoom {
    width: 44.52%;
  }
}
@media screen and (max-width: 767px) {
  .liLinkBnrClassRoom {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liLinkBnrClassRoom {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liLinkBnrClassRoom:nth-child(n+2) {
    margin-top: 10.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnLinkBnrClassRoom01 {
  display: block;
  width: 100%;
  position: relative;
  transition-duration: 0.5s;
}

.spanBtnLinkBnrClassRoom {
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .spanBtnLinkBnrClassRoom {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .spanBtnLinkBnrClassRoom {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .spanBtnLinkBnrClassRoom {
    aspect-ratio: 270/49;
    width: 270px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .spanBtnLinkBnrClassRoom {
    width: 91.52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanBtnLinkBnrClassRoom {
    font-size: 4.2666666667vw;
  }
}

.iconLinkBnrClassRoom {
  width: 32px;
  position: absolute;
  top: -16%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .iconLinkBnrClassRoom {
    width: 8.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconLinkBnrClassRoom {
    width: 25px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconLinkBnrClassRoom {
    width: 8.47%;
  }
}

.btnLinkBnrClassRoom01:hover .spanBtnLinkBnrClassRoom {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
}

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

.classEquipmentsWap {
  padding-top: 80px;
  padding-bottom: 76px;
  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: 1200px) {
  .classEquipmentsWap {
    padding: 6.66% 0% 6.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .classEquipmentsWap {
    width: 335px;
    padding: 10.66% 0% 0.66% 0%;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .classEquipmentsWap {
    width: 89.33%;
  }
}

.secClassEquipments {
  width: 930px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .secClassEquipments {
    width: 77.5%;
  }
}
@media screen and (max-width: 767px) {
  .secClassEquipments {
    width: 88.66%;
  }
}

.h2ClassEquipments {
  width: 177px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .h2ClassEquipments {
    width: 19.03%;
  }
}
@media screen and (max-width: 767px) {
  .h2ClassEquipments {
    width: 45.06%;
  }
}

.h3ClassEquipmentsT {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipmentsT {
    margin-top: 0.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipmentsT {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassEquipmentsT {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ClassEquipmentsT {
    font-size: 6.4vw;
  }
}

.cntClassEquipmentsFx {
  overflow: hidden;
  position: relative;
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .cntClassEquipmentsFx {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntClassEquipmentsFx {
    margin-top: 10.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.brdHClassEquipmentsFx {
  position: absolute;
  height: 100%;
  border-left: 2px dashed #62B5D6;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
}
@media screen and (max-width: 767px) {
  .brdHClassEquipmentsFx {
    display: none;
  }
}

.secClassEquipmentsFx {
  width: 400px;
}
@media screen and (max-width: 1200px) {
  .secClassEquipmentsFx {
    width: 43.01%;
  }
}
@media screen and (max-width: 767px) {
  .secClassEquipmentsFx {
    width: 100%;
    padding: 0% 0% 13.27% 0%;
    border-bottom: 2px dashed #62B5D6;
  }
}

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

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

.iconClassEquipmentsFx {
  width: 20px;
}
@media screen and (max-width: 1200px) {
  .iconClassEquipmentsFx {
    width: 5%;
  }
}
@media screen and (max-width: 767px) {
  .iconClassEquipmentsFx {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconClassEquipmentsFx {
    width: 6.77%;
  }
}

.h3ClassEquipments {
  width: 372px;
  font-size: 32px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipments {
    width: 93%;
  }
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipments {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassEquipments {
    width: 267px;
    line-height: 160%;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3ClassEquipments {
    width: 90.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ClassEquipments {
    font-size: 6.4vw;
  }
}

.txtClassEquipments {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .txtClassEquipments {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtClassEquipments {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtClassEquipments {
    margin: 5.13% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtClassEquipments {
    font-size: 3.7333333333vw;
  }
}

.brdWClassEquipmentsFx {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px dashed var(--bg-62B5D6, #62B5D6);
  height: 2px;
}
@media screen and (max-width: 1200px) {
  .brdWClassEquipmentsFx {
    margin-top: 6.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdWClassEquipmentsFx {
    display: none;
  }
}

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

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

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

.iconClassEquipmentsFx {
  width: 20px;
}
@media screen and (max-width: 1200px) {
  .iconClassEquipmentsFx {
    width: 5%;
  }
}
@media screen and (max-width: 767px) {
  .iconClassEquipmentsFx {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconClassEquipmentsFx {
    width: 6.77%;
  }
}

.h3ClassEquipmentsDetail {
  width: 372px;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipmentsDetail {
    width: 93%;
  }
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipmentsDetail {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassEquipmentsDetail {
    width: 267px;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3ClassEquipmentsDetail {
    width: 90.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ClassEquipmentsDetail {
    font-size: 4.8vw;
  }
}

.h3ClassEquipmentsDetail001 {
  width: 372px;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipmentsDetail001 {
    width: 93%;
  }
}
@media screen and (max-width: 1200px) {
  .h3ClassEquipmentsDetail001 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassEquipmentsDetail001 {
    width: 267px;
    line-height: 160%;
    letter-spacing: 0.1em;
    transform: translate(0px, -8%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3ClassEquipmentsDetail001 {
    width: 90.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ClassEquipmentsDetail001 {
    font-size: 4.2666666667vw;
  }
}

.txtClassEquipments {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtClassEquipments {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtClassEquipments {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtClassEquipments {
    margin: 4.13% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtClassEquipments {
    font-size: 3.7333333333vw;
  }
}

.txtRubyClassEquipments {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtRubyClassEquipments {
    margin-top: 2.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtRubyClassEquipments {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRubyClassEquipments {
    margin: 1.42% 0% 0% 0%;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRubyClassEquipments {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 767px) {
  .secClassEquipmentsFx02none {
    padding: 0% 0% 13.27% 0%;
    border-bottom: none;
  }
}

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

.contactPage {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .contactPage {
    width: 91.66%;
  }
}
@media screen and (max-width: 767px) {
  .contactPage {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .contactPage {
    width: 89.33%;
  }
}

.secContactPage {
  width: 500px;
}
@media screen and (max-width: 1200px) {
  .secContactPage {
    width: 45.45%;
  }
}
@media screen and (max-width: 767px) {
  .secContactPage {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secContactPage {
    width: 100%;
  }
}

.txtTopContact {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.055em;
}
@media screen and (max-width: 1200px) {
  .txtTopContact {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopContact {
    line-height: 160%;
    letter-spacing: 0.036em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopContact {
    font-size: 3.7333333333vw;
  }
}

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

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

.iconBtnTopContact {
  width: 16px;
}
@media screen and (max-width: 1200px) {
  .iconBtnTopContact {
    width: 3.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTopContact {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtnTopContact {
    width: 4.77%;
  }
}

.txtBtnTopContact {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.2em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 9px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtBtnTopContact {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .txtBtnTopContact {
    margin: 0% 0% 0% 1.8%;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnTopContact {
    line-height: normal;
    letter-spacing: 0.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 9px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnTopContact {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtBtnTopContact {
    margin: 0% 0% 0% 2.68%;
  }
}

.iconNewTabBtnTopContact {
  width: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 6px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .iconNewTabBtnTopContact {
    width: 3.2%;
  }
}
@media screen and (max-width: 1200px) {
  .iconNewTabBtnTopContact {
    margin: 0% 0% 0% 1.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconNewTabBtnTopContact {
    width: 16px;
    margin: 0% 0% 0% 2.08%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconNewTabBtnTopContact {
    width: 4.77%;
  }
}

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

.contactFormCnt {
  width: 500px;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .contactFormCnt {
    width: 45.45%;
  }
}
@media screen and (max-width: 1200px) {
  .contactFormCnt {
    margin: 0.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .contactFormCnt {
    width: 335px;
    margin: 15.71% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .contactFormCnt {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.iconHissuContactForm {
  aspect-ratio: 42/19;
  width: 42px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 10px;
  line-height: 3.6;
  letter-spacing: 0em;
  height: -webkit-fill-available;
}
@media screen and (max-width: 1200px) {
  .iconHissuContactForm {
    width: 8.4%;
  }
}
@media screen and (max-width: 1200px) {
  .iconHissuContactForm {
    font-size: 0.8333333333vw;
  }
}
.iconHissuContactForm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 3.6) * 0.5em);
  content: "";
}
.iconHissuContactForm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 3.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .iconHissuContactForm {
    aspect-ratio: 42/19;
    width: 42px;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
    line-height: 3.6;
    letter-spacing: 0em;
    height: -webkit-fill-available;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconHissuContactForm {
    width: 12.53%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconHissuContactForm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconHissuContactForm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.6) * 0.5em);
    content: "";
  }
  .iconHissuContactForm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.6) * 0.5em);
    content: "";
  }
}

.h3ContactForm {
  width: 446px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .h3ContactForm {
    width: 89.2%;
  }
}
@media screen and (max-width: 1200px) {
  .h3ContactForm {
    font-size: 1.3333333333vw;
  }
}
.h3ContactForm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.h3ContactForm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ContactForm {
    width: 281px;
    line-height: 1.75;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3ContactForm {
    width: 83.88%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ContactForm {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ContactForm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
  .h3ContactForm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

.contactInputLxn {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .contactInputLxn {
    margin-top: 2.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contactInputLxn {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .contactInputLxn {
    margin-top: 3.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.contactInputLxn::placeholder {
  color: #D2D2D2;
}

.inputW100 {
  width: 100%;
  aspect-ratio: 500/44;
  border-radius: 5px;
  border: 1px solid var(--bg-62B5D6, #62B5D6);
  background: var(--bg-FFFEFD, #FFFEFD);
  padding-top: 10px;
  padding-bottom: 6px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .inputW100 {
    padding: 2% 4.8% 1.2% 4.8%;
  }
}
@media screen and (max-width: 1200px) {
  .inputW100 {
    font-size: 1.3333333333vw;
  }
}
.inputW100::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.inputW100::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .inputW100 {
    aspect-ratio: 335/44;
    border-radius: 5px;
    border: 1px solid var(--bg-62B5D6, #62B5D6);
    background: var(--bg-FFFEFD, #FFFEFD);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 1.75;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .inputW100 {
    padding: 0% 7.16% 0% 7.16%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
  .inputW100::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

.liContactForm:nth-child(n+2) {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liContactForm:nth-child(n+2) {
    margin-top: 10.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liContactForm: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: 1200px) {
  .liContactForm:nth-child(n+2) {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtW100 {
  width: 100%;
  aspect-ratio: 500/124;
  border-radius: 5px;
  border: 1px solid var(--bg-62B5D6, #62B5D6);
  background: var(--bg-FFFEFD, #FFFEFD);
  padding-top: 10px;
  padding-bottom: 6px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtW100 {
    padding: 2% 4.8% 1.2% 4.8%;
  }
}
@media screen and (max-width: 1200px) {
  .txtW100 {
    font-size: 1.3333333333vw;
  }
}
.txtW100::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtW100::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtW100 {
    aspect-ratio: 335/124;
    border-radius: 5px;
    border: 1px solid var(--bg-62B5D6, #62B5D6);
    background: var(--bg-FFFEFD, #FFFEFD);
    padding: 2.77% 7.16% 1.79% 7.16%;
    line-height: 1.75;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtW100 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtW100::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
  .txtW100::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

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

.h3ContactPrivacy {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h3ContactPrivacy {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ContactPrivacy {
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ContactPrivacy {
    font-size: 3.4666666667vw;
  }
}

.contactPrivacyLxn {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  aspect-ratio: 500/130;
  border-radius: 5px;
  border: 1px solid var(--bg-62B5D6, #62B5D6);
  background: var(--bg-FFFEFD, #FFFEFD);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  overflow: auto;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
@media screen and (max-width: 1200px) {
  .contactPrivacyLxn {
    margin-top: 0.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .contactPrivacyLxn {
    padding: 3% 0% 3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .contactPrivacyLxn {
    margin-top: 0.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 335/130;
    border-radius: 5px;
    border: 1px solid var(--bg-62B5D6, #62B5D6);
    background: var(--bg-FFFEFD, #FFFEFD);
    padding: 4.97% 0% 4.97% 0%;
  }
}
.contactPrivacyLxn::-webkit-scrollbar {
  display: none;
}

.secContactPrivacyLxn {
  width: 460px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .secContactPrivacyLxn {
    width: 92%;
  }
}
@media screen and (max-width: 767px) {
  .secContactPrivacyLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secContactPrivacyLxn {
    width: 88.05%;
  }
}

.txtContactPrivacyLxn {
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .txtContactPrivacyLxn {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactPrivacyLxn {
    line-height: 160%;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtContactPrivacyLxn {
    font-size: 3.4666666667vw;
  }
}

.checkContactPrivacy {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  flex-flow: row wrap;
}
@media screen and (max-width: 1200px) {
  .checkContactPrivacy {
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .checkContactPrivacy {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .checkContactPrivacy {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mwform-checkbox-field {
  display: block;
  width: 100%;
}

.mwform-checkbox-field label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.mwform-checkbox-field label input {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid var(--bg-62B5D6, #62B5D6);
  margin: 0;
  padding: auto;
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field label input {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}

.mwform-checkbox-field label .mwform-checkbox-field-text {
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.2em;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .mwform-checkbox-field label .mwform-checkbox-field-text {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 1200px) {
  .mwform-checkbox-field label .mwform-checkbox-field-text {
    margin: 0% 0% 0% 1.6%;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field label .mwform-checkbox-field-text {
    line-height: normal;
    letter-spacing: 0.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mwform-checkbox-field label .mwform-checkbox-field-text {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mwform-checkbox-field label .mwform-checkbox-field-text {
    margin: 0% 0% 0% 2.38%;
  }
}

.btnToConfirmLxn {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .btnToConfirmLxn {
    margin-top: 13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnToConfirmLxn {
    width: 78%;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirmLxn {
    margin-top: 11.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 87.66%;
  }
}

.iconBtnToConfirmLxn {
  position: absolute;
  width: 32px;
  position: absolute;
  top: -20%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .iconBtnToConfirmLxn {
    width: 8.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnToConfirmLxn {
    top: -15%;
    right: 0;
    width: 25px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconBtnToConfirmLxn {
    width: 8.47%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnToConfirmLxn svg {
    width: 100%;
    height: auto;
    display: block;
  }
}

.btnToConfirm {
  cursor: pointer;
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
  font-family: "Zen Maru Gothic";
}
@media screen and (max-width: 1200px) {
  .btnToConfirm {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .btnToConfirm {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirm {
    aspect-ratio: 270/49;
    width: 270px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnToConfirm {
    width: 91.52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToConfirm {
    font-size: 4.2666666667vw;
  }
}

.btnToConfirm:hover {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
  opacity: 1;
}

.toThankBackLxn {
  display: none;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.thisPageConrifm .contactInputLxn {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .contactInputLxn {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .contactInputLxn {
    font-size: 1.3333333333vw;
  }
}
.thisPageConrifm .contactInputLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.thisPageConrifm .contactInputLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .contactInputLxn {
    margin-top: 4.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.25;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConrifm .contactInputLxn {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .contactInputLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.25) * 0.5em);
    content: "";
  }
  .thisPageConrifm .contactInputLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.25) * 0.5em);
    content: "";
  }
}
.thisPageConrifm .liContactForm:nth-child(n+2) {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .liContactForm:nth-child(n+2) {
    margin-top: 10.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .liContactForm:nth-child(n+2) {
    margin-top: 11.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConrifm .secContactPrivacy {
  display: none;
}
.thisPageConrifm .checkContactPrivacy {
  display: none;
}
.thisPageConrifm .toThankBackLxn {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
  display: block;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .toThankBackLxn {
    margin-top: 12.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .toThankBackLxn {
    width: 78%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .toThankBackLxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .toThankBackLxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .toThankBackLxn {
    width: 88.05%;
  }
}
.thisPageConrifm .toThankBackFx {
  width: 390px;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .toThankBackFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .toThankBackFx {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .toThankBackFx {
    width: 100%;
  }
}
.thisPageConrifm .btnToConfirmLxn {
  display: none;
}
.thisPageConrifm .btnBackLxn {
  position: relative;
  width: 390px;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnBackLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .btnBackLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .btnBackLxn {
    width: 100%;
  }
}
.thisPageConrifm .btnBack {
  cursor: pointer;
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
  font-family: "Zen Maru Gothic";
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnBack {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnBack {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .btnBack {
    aspect-ratio: 270/49;
    width: 270px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .btnBack {
    width: 91.52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConrifm .btnBack {
    font-size: 4.2666666667vw;
  }
}
.thisPageConrifm .btnBack:hover {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
  opacity: 1;
}
.thisPageConrifm .iconBtnToConfirmLxn {
  position: absolute;
  width: 32px;
  position: absolute;
  top: -16%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .iconBtnToConfirmLxn {
    width: 8.2%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .iconBtnToConfirmLxn {
    top: -16%;
    right: 0;
    width: 25px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .iconBtnToConfirmLxn {
    width: 8.47%;
  }
}
.thisPageConrifm .btnToThanksLxn {
  position: relative;
  width: 390px;
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnToThanksLxn {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnToThanksLxn {
    margin: 14.35% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .btnToThanksLxn {
    width: 295px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .btnToThanksLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .btnToThanksLxn {
    margin: 8.13% 0% 0% 0%;
  }
}
.thisPageConrifm .btnToThanks {
  cursor: pointer;
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
  font-family: "Zen Maru Gothic";
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnToThanks {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .thisPageConrifm .btnToThanks {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConrifm .btnToThanks {
    aspect-ratio: 270/49;
    width: 270px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thisPageConrifm .btnToThanks {
    width: 91.52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConrifm .btnToThanks {
    font-size: 4.2666666667vw;
  }
}
.thisPageConrifm .btnToThanks:hover {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
  opacity: 1;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) {
  .underPageTitleFvBorder {
    width: 335px;
    margin: 4vw auto 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .underPageTitleFvBorder {
    width: 89.33%;
  }
}

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

.txtThanksPageTop {
  font-size: 16px;
  line-height: 2.25;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtThanksPageTop {
    font-size: 1.3333333333vw;
  }
}
.txtThanksPageTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.txtThanksPageTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtThanksPageTop {
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksPageTop {
    font-size: 3.7333333333vw;
  }
}

.txtThanksPageBtm {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtThanksPageBtm {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtThanksPageBtm {
    font-size: 1.6666666667vw;
  }
}
.txtThanksPageBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtThanksPageBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtThanksPageBtm {
    margin-top: 13.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksPageBtm {
    font-size: 4.8vw;
  }
}

.btnTelThanksPage {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  .btnTelThanksPage {
    margin-top: 1.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnTelThanksPage {
    pointer-events: auto;
    width: 335px;
    margin-top: 12.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnTelThanksPage {
    width: 89.33%;
  }
}

.iconTelThanksPage {
  width: 43.74px;
}
@media screen and (max-width: 1200px) {
  .iconTelThanksPage {
    width: 3.64%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelThanksPage {
    width: 29px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconTelThanksPage {
    width: 8.65%;
  }
}

.txtTelThanksPage {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 0px;
  font-size: 60px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .txtTelThanksPage {
    margin: 0% 0% 0% 1%;
  }
}
@media screen and (max-width: 1200px) {
  .txtTelThanksPage {
    font-size: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTelThanksPage {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtTelThanksPage {
    margin: 0% 0% 0% 2.38%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTelThanksPage {
    font-size: 11.4666666667vw;
  }
}

.btnThanksPageToTopLxn {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1200px) {
  .btnThanksPageToTopLxn {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnThanksPageToTopLxn {
    width: 32.5%;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksPageToTopLxn {
    margin-top: 9.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnThanksPageToTopLxn {
    width: 78.66%;
  }
}

.btnThanksPageToTop {
  width: 100%;
  position: relative;
}

.btnThanksPageToTopBx {
  aspect-ratio: 358/62;
  width: 358px;
  border-radius: 999px;
  /* CSS3草案 */
  -webkit-border-radius: 999px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 999px;
  /* Firefox用 */
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  background: #62B5D6;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .btnThanksPageToTopBx {
    width: 91.79%;
  }
}
@media screen and (max-width: 1200px) {
  .btnThanksPageToTopBx {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksPageToTopBx {
    aspect-ratio: 270/49;
    width: 270px;
    border-radius: 999px;
    /* CSS3草案 */
    -webkit-border-radius: 999px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 999px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnThanksPageToTopBx {
    width: 91.52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanksPageToTopBx {
    font-size: 4.2666666667vw;
  }
}

.iconThanksPageToTopBx {
  width: 32px;
  position: absolute;
  top: -20%;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .iconThanksPageToTopBx {
    width: 8.2%;
  }
}
@media screen and (max-width: 767px) {
  .iconThanksPageToTopBx {
    top: -20%;
    right: 0;
    width: 25px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconThanksPageToTopBx {
    width: 8.47%;
  }
}

.btnThanksPageToTop:hover .btnThanksPageToTopBx {
  background: #FFF;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  color: #62B5D6;
  opacity: 1;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.baseHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.headerPc {
  padding-top: 33px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: transparent;
  transition: background-color 0.5s ease;
}
@media screen and (max-width: 1200px) {
  .headerPc {
    padding: 1.71% 0% 1.82% 0%;
  }
}
@media screen and (max-width: 767px) {
  .headerPc {
    background: unset;
  }
}

.baseHeader.off .headerPc {
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .baseHeader.off .headerPc {
    background: unset;
  }
}
.baseHeader.on .headerPc {
  padding-top: 23px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  width: 93.75vw;
  margin: auto;
  background-color: #fff;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  transform: translate(0, 10%);
  filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.03));
}
@media screen and (max-width: 1200px) {
  .baseHeader.on .headerPc {
    padding: 1.19% 0% 1.14% 0%;
  }
}
@media screen and (max-width: 767px) {
  .baseHeader.on .headerPc {
    background: unset;
  }
}

.logoHeaderPcWap {
  width: 375px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 80px;
  margin-right: auto;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .logoHeaderPcWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 4.16%;
    margin-right: auto;
  }
}
.logoHeaderPcWap img {
  width: 100%;
}

.baseHeader.on .logoHeaderPcWap {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 55px;
  margin-right: auto;
  width: 423px;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .baseHeader.on .logoHeaderPcWap {
    margin-top: 0.36%;
    margin-bottom: 0%;
    margin-left: 2.86%;
    margin-right: auto;
  }
}

.telInfoHeaderPc {
  display: block;
}

.baseHeader.on .telInfoHeaderPc {
  display: none;
}

.rybyTelInfoHeaderPc {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .rybyTelInfoHeaderPc {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .rybyTelInfoHeaderPc {
    font-size: 1.0833333333vw;
  }
}

.logoHeaderPc {
  display: none;
  transition-duration: 0.5s;
}

.baseHeader.on .logoHeaderPc {
  display: block;
}

.headerPcNavsWap {
  width: 545px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 56px;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .headerPcNavsWap {
    margin: 0% 2.91% 0% 0%;
  }
}

.baseHeader.on .headerPcNavsWap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 56px;
  width: 552px;
}
@media screen and (max-width: 1200px) {
  .baseHeader.on .headerPcNavsWap {
    margin: 0% 2.91% 0% 0%;
  }
}

.ulTopHeaderNavPc {
  width: 316px;
}
@media screen and (max-width: 1200px) {
  .ulTopHeaderNavPc {
    width: 57.98%;
  }
}

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

.btnTopHeaderNavPc {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.2em;
  display: block;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .btnTopHeaderNavPc {
    font-size: 1.3333333333vw;
  }
}
.btnTopHeaderNavPc:hover {
  color: #62B5D6;
}

.ulTopHeaderCtaNav {
  width: 243px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .ulTopHeaderCtaNav {
    width: 44.58%;
  }
}

.baseHeader.on .ulTopHeaderCtaNav {
  width: 233px;
}
@media screen and (max-width: 1200px) {
  .baseHeader.on .ulTopHeaderCtaNav {
    width: 42.21%;
  }
}

.liTopHeaderCtaNav {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 49.73%;
}
@media screen and (max-width: 1200px) {
  .liTopHeaderCtaNav {
    margin: 0% 0% 0% 0%;
  }
}
.liTopHeaderCtaNav:last-child {
  margin: 0;
}

.btnTopHeaderCtaNav {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.1em;
  aspect-ratio: 118/30;
  transform-origin: 0.5s;
  color: #FFF;
  text-decoration: none;
  border: 2px solid #62B5D6;
}
@media screen and (max-width: 1200px) {
  .btnTopHeaderCtaNav {
    font-size: 1.25vw;
  }
}
.btnTopHeaderCtaNav:hover {
  color: #62B5D6;
  background: #FFF;
  border: 2px solid #62B5D6;
}

.liTopHeaderCtaNav01 .btnTopHeaderCtaNav {
  border-radius: 999px 0 0 999px;
}

.liTopHeaderCtaNav02 .btnTopHeaderCtaNav {
  border-radius: 0 999px 999px 0;
}

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

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

.liBtmHeaderNavPc {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: auto;
  transition-duration: 0.5s;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .liBtmHeaderNavPc {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}
.liBtmHeaderNavPc:hover {
  opacity: 1;
}
.liBtmHeaderNavPc:hover .iconBtmHeaderPc {
  opacity: 1;
}
.liBtmHeaderNavPc:hover .subNavHeaderPc {
  display: block;
  transition-duration: 0.5s;
}

.liBtmHeaderNavPc01 {
  width: 89px;
}
@media screen and (max-width: 1200px) {
  .liBtmHeaderNavPc01 {
    width: 19.09%;
  }
}

.liBtmHeaderNavPc02 {
  width: 155px;
}
@media screen and (max-width: 1200px) {
  .liBtmHeaderNavPc02 {
    width: 33.26%;
  }
}

.liBtmHeaderNavPc03 {
  width: 87px;
}
@media screen and (max-width: 1200px) {
  .liBtmHeaderNavPc03 {
    width: 18.66%;
  }
}

.liBtmHeaderNavPc04 {
  width: 103px;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .liBtmHeaderNavPc04 {
    width: 22.1%;
  }
}

.btnBtmHeaderNavPc {
  color: #5c5c5c;
  text-decoration: none;
  transition-duration: 0.5s;
}
.btnBtmHeaderNavPc:hover {
  opacity: 1;
  color: #3193BA;
}

.liBtmHeaderNavPc:hover .btnBtmHeaderNavPc {
  opacity: 1;
  color: #3193BA;
}

.iconBtmHeaderPc {
  opacity: 0;
}

.txtBtnBtmHeaderNavPc {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .txtBtnBtmHeaderNavPc {
    font-size: 1.5vw;
  }
}

.subNavHeaderPc {
  position: absolute;
  right: 0;
  top: 187%;
  width: 282px;
  display: none;
}
@media screen and (max-width: 1200px) {
  .subNavHeaderPc {
    width: 280px;
    top: 120%;
  }
}

.subNavHeaderPclxn {
  position: relative;
}
.subNavHeaderPclxn img {
  width: 100%;
}

.subNavHeaderPclxn {
  position: relative;
}
.subNavHeaderPclxn::before {
  content: "";
  width: 302px;
  aspect-ratio: 302/70;
  position: absolute;
  top: -13%;
}
@media screen and (max-width: 1200px) {
  .subNavHeaderPclxn::before {
    width: 280px;
    aspect-ratio: 280/50;
  }
}

.backNavHeaderPclxn img {
  filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.05));
}

.ulSubNavHeaderPc {
  margin: 49px auto 0 14%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 70%;
}

.liSubNavHeaderPc:nth-child(n+2) {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liSubNavHeaderPc:nth-child(n+2) {
    margin: 9.89% 0% 0% 0%;
  }
}

.btnLiSubNavHeaderPc {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
  color: #5c5c5c;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .btnLiSubNavHeaderPc {
    font-size: 1.3333333333vw;
  }
}
.btnLiSubNavHeaderPc:hover {
  opacity: 1;
}

.iconBtnLiSubNavHeaderPc {
  width: 16px;
  color: #5c5c5c;
  transition-property: 0.5s;
}
@media screen and (max-width: 1200px) {
  .iconBtnLiSubNavHeaderPc {
    width: 8.33%;
  }
}

.btnLiSubNavHeaderPc:hover .iconBtnLiSubNavHeaderPc {
  color: #F39800;
}

.txtBtnLiSubNavHeaderPc {
  color: #5c5c5c;
  width: 170px;
}
@media screen and (max-width: 1200px) {
  .txtBtnLiSubNavHeaderPc {
    width: 88.54%;
  }
}

.btnLiSubNavHeaderPc:hover .txtBtnLiSubNavHeaderPc {
  color: #3193BA;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSpFx {
  padding: 5.6% 0% 0% 0%;
  width: 335px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .headerSpFx {
    width: 89.33%;
  }
}

.btnHeaderSp {
  width: 43px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  transition-duration: 0.5s;
  background-color: transparent;
}
@media screen and (max-width: 1200px) {
  .btnHeaderSp {
    width: 12.83%;
  }
}

.baseHeader.on .btnHeaderSp {
  background-color: #FFF;
}

.headerSpMenu {
  padding: 0 0 40% 0;
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.headerSpMenu::-webkit-scrollbar {
  display: none;
}

.headerSpMenuIn {
  padding: 6.4% 0% 8.66% 0%;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.headerSpMenuFx {
  width: 89.66%;
  margin: auto;
}

.btnHeaderSp {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .btnHeaderSp {
    font-size: 1.0833333333vw;
  }
}

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

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

.liNavHeaderSpMenu:nth-child(n+2) {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liNavHeaderSpMenu:nth-child(n+2) {
    margin: 10% 0% 0% 0%;
  }
}

.btnTrigerNavHeaderSp {
  line-height: normal;
  letter-spacing: 0.1em;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .btnTrigerNavHeaderSp {
    font-size: 3.4666666667vw;
  }
}

.nameTrigerNavHeaderSp {
  width: 214px;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .nameTrigerNavHeaderSp {
    width: 89.16%;
  }
}

.iconTrigerNavHeaderSp {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  width: 18px;
}
@media screen and (max-width: 1200px) {
  .iconTrigerNavHeaderSp {
    margin: 0% 3.33% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .iconTrigerNavHeaderSp {
    width: 7.5%;
  }
}

.nameTrigerNavHeaderSpIconNone {
  line-height: normal;
  letter-spacing: 0.1em;
  width: fit-content;
  text-align: left;
  margin: 0% 2.33% 0% 0%;
  font-weight: bold;
  color: #5c5c5c;
}
@media screen and (max-width: 767px) {
  .nameTrigerNavHeaderSpIconNone {
    font-size: 3.4666666667vw;
  }
}

.brdTrigerNavHeaderSpLxn {
  width: 13px;
}
@media screen and (max-width: 1200px) {
  .brdTrigerNavHeaderSpLxn {
    width: 5.41%;
  }
}

.btnTrigerNavHeaderSp.off .brdTrigerNavHeaderSp.off {
  display: block;
}
.btnTrigerNavHeaderSp.off .brdTrigerNavHeaderSp.on {
  display: none;
}

.btnTrigerNavHeaderSp.on .brdTrigerNavHeaderSp.off {
  display: none;
}
.btnTrigerNavHeaderSp.on .brdTrigerNavHeaderSp.on {
  display: block;
}

.subNavNavHeaderSp {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  width: 89.75%;
  display: none;
}
@media screen and (max-width: 1200px) {
  .subNavNavHeaderSp {
    margin-top: 2.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.liSubNavNavHeaderSp:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liSubNavNavHeaderSp:nth-child(n+2) {
    margin: 4.7% 0% 0% 0%;
  }
}

.btnLiSubNavHeaderSp {
  color: #5c5c5c;
}

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

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

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

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

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

.iconTelContentSp {
  width: 22px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 6px;
}
@media screen and (max-width: 1200px) {
  .iconTelContentSp {
    width: 8.62%;
  }
}
@media screen and (max-width: 1200px) {
  .iconTelContentSp {
    margin: 0% 2.35% 0% 0%;
  }
}

.txtTelContentSpTel {
  line-height: normal;
  letter-spacing: 0em;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .txtTelContentSpTel {
    font-size: 8.5333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  padding-top: 100px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .footer {
    padding: 5.2% 0% 2.08% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding-top: 60px;
    padding-bottom: 104px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .footer {
    padding: 16% 0% 27.73% 0%;
  }
}

.footerLxn {
  width: 1006px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .footerLxn {
    width: 83.83%;
  }
}
@media screen and (max-width: 767px) {
  .footerLxn {
    width: 314px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .footerLxn {
    width: 83.73%;
  }
}

.liTopInfoFooter {
  width: 314px;
}
@media screen and (max-width: 1200px) {
  .liTopInfoFooter {
    width: 31.21%;
  }
}
@media screen and (max-width: 767px) {
  .liTopInfoFooter {
    width: 314px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liTopInfoFooter {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liTopInfoFooter:nth-child(n+2) {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liTopInfoFooter:nth-child(n+2) {
    margin-top: 19.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mapTopInfoFooter {
  aspect-ratio: 314/250;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mapTopInfoFooter {
    aspect-ratio: 314/250;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
  }
}
.mapTopInfoFooter iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.btnLiTopInfoFooter {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border-radius: 999px;
  color: #62B5D6;
  transition-duration: 0.5s;
  aspect-ratio: 314/45;
  text-decoration: none;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .btnLiTopInfoFooter {
    margin-top: 7.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnLiTopInfoFooter {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLiTopInfoFooter {
    aspect-ratio: 314/45;
    margin-top: 20px;
    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: 1200px) {
  .btnLiTopInfoFooter {
    margin-top: 6.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLiTopInfoFooter {
    font-size: 4.2666666667vw;
  }
}
.btnLiTopInfoFooter:hover {
  color: #F39800;
}

.iconAccessLiTopInfoFooter {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
  background: url(../img/iconMapLiTopInfoFooter.svg) no-repeat left center;
  background-size: auto 70%;
}
@media screen and (max-width: 1200px) {
  .iconAccessLiTopInfoFooter {
    padding: 0% 0% 0% 7.96%;
  }
}
@media screen and (max-width: 767px) {
  .iconAccessLiTopInfoFooter {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
    background-size: auto 70%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconAccessLiTopInfoFooter {
    padding: 0% 0% 0% 7.96%;
  }
}

.btnLiTopInfoFooter:hover .iconAccessLiTopInfoFooter {
  background: url(../img/iconMapLiTopInfoFooterHover.svg) no-repeat left center;
  background-size: auto 70%;
}
@media screen and (max-width: 767px) {
  .btnLiTopInfoFooter:hover .iconAccessLiTopInfoFooter {
    background-size: auto 70%;
  }
}

.iconMapLiTopInfoFooter {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
  background: url(../img/iconMapLiTopInfoFooter.svg) no-repeat left center;
  background-size: auto 70%;
}
@media screen and (max-width: 1200px) {
  .iconMapLiTopInfoFooter {
    padding: 0% 0% 0% 7.96%;
  }
}
@media screen and (max-width: 767px) {
  .iconMapLiTopInfoFooter {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
    background-size: auto 70%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconMapLiTopInfoFooter {
    padding: 0% 0% 0% 7.96%;
  }
}

.btnLiTopInfoFooter:hover .iconMapLiTopInfoFooter {
  background: url(../img/iconMapLiTopInfoFooterHover.svg) no-repeat left center;
  background-size: auto 70%;
}
@media screen and (max-width: 767px) {
  .btnLiTopInfoFooter:hover .iconMapLiTopInfoFooter {
    background-size: auto 70%;
  }
}

.iconParkingLiTopInfoFooter {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
  background: url(../img/iconParkingLiTopInfoFooter.svg) no-repeat left center;
  background-size: auto 70%;
}
@media screen and (max-width: 1200px) {
  .iconParkingLiTopInfoFooter {
    padding: 0% 0% 0% 7.96%;
  }
}
@media screen and (max-width: 767px) {
  .iconParkingLiTopInfoFooter {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
    background-size: auto 70%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconParkingLiTopInfoFooter {
    padding: 0% 0% 0% 7.96%;
  }
}

.btnLiTopInfoFooter:hover .iconParkingLiTopInfoFooter {
  background: url(../img/iconParkingLiTopInfoFooterHover.svg) no-repeat left center;
  background-size: auto 70%;
}
@media screen and (max-width: 767px) {
  .btnLiTopInfoFooter:hover .iconParkingLiTopInfoFooter {
    background-size: auto 70%;
  }
}

.navFooerCnt {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 979px;
}
@media screen and (max-width: 1200px) {
  .navFooerCnt {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .navFooerCnt {
    width: 81.58%;
  }
}
@media screen and (max-width: 767px) {
  .navFooerCnt {
    width: 79%;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooerCnt {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.navFooerCntDetail01 {
  width: 273px;
}
@media screen and (max-width: 1200px) {
  .navFooerCntDetail01 {
    width: 27.88%;
  }
}
@media screen and (max-width: 767px) {
  .navFooerCntDetail01 {
    width: 295px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooerCntDetail01 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooerCntDetail01 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liNavInfoFooterList {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1200px) {
  .liNavInfoFooterList {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavInfoFooterList {
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavInfoFooterList {
    font-size: 3.4666666667vw;
  }
}
.liNavInfoFooterList:nth-child(n+2) {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liNavInfoFooterList:nth-child(n+2) {
    margin-top: 4.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liNavInfoFooterList:nth-child(n+2) {
    margin-top: 8.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnNavInfoFooterList {
  color: #fff;
  transition-duration: 0.5s;
}
.btnNavInfoFooterList:hover {
  opacity: 0.7;
}

.iconDental {
  width: 16px;
}
@media screen and (max-width: 1200px) {
  .iconDental {
    width: 5.86%;
  }
}
@media screen and (max-width: 767px) {
  .iconDental {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconDental {
    width: 6.77%;
  }
}

.txtNavInfoFooterList {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.2em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtNavInfoFooterList {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .txtNavInfoFooterList {
    margin: 0% 0% 0% 4.39%;
  }
}
@media screen and (max-width: 767px) {
  .txtNavInfoFooterList {
    line-height: normal;
    letter-spacing: 0.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtNavInfoFooterList {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtNavInfoFooterList {
    margin: 0% 0% 0% 2.71%;
  }
}

.iconNewTab {
  width: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 6px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .iconNewTab {
    width: 5.86%;
  }
}
@media screen and (max-width: 1200px) {
  .iconNewTab {
    margin: 0% 0% 0% 2.19%;
  }
}
@media screen and (max-width: 767px) {
  .iconNewTab {
    width: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconNewTab {
    width: 6.77%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconNewTab {
    margin: 0% 0% 0% 2.71%;
  }
}

.navFooerCntDetail02 {
  width: 273px;
}
@media screen and (max-width: 1200px) {
  .navFooerCntDetail02 {
    width: 27.13%;
  }
}
@media screen and (max-width: 767px) {
  .navFooerCntDetail02 {
    width: 295px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooerCntDetail02 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooerCntDetail02 {
    margin-top: 8.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconNavFooerCntDetail02 {
  width: 16px;
}
@media screen and (max-width: 1200px) {
  .iconNavFooerCntDetail02 {
    width: 5.86%;
  }
}
@media screen and (max-width: 767px) {
  .iconNavFooerCntDetail02 {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconNavFooerCntDetail02 {
    width: 6.77%;
  }
}

.txtH2NavFooerCntDetail02 {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.02em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 0px;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .txtH2NavFooerCntDetail02 {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 1200px) {
  .txtH2NavFooerCntDetail02 {
    margin: 0% 0% 0% 4.39%;
  }
}
@media screen and (max-width: 767px) {
  .txtH2NavFooerCntDetail02 {
    line-height: normal;
    letter-spacing: 0.02em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtH2NavFooerCntDetail02 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtH2NavFooerCntDetail02 {
    margin: 0% 0% 0% 2.71%;
  }
}

.ulNavModalFooter {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ulNavModalFooter {
    margin: 3.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavModalFooter {
    margin: 1.5% 0% 0% auto;
    width: 91%;
  }
}

.liNavModalFooter {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .liNavModalFooter {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavModalFooter {
    line-height: normal;
    letter-spacing: 0.2em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavModalFooter {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNavModalFooter {
    margin: 0% 0% 0% 0%;
  }
}
.liNavModalFooter:nth-child(n+2) {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liNavModalFooter:nth-child(n+2) {
    margin: 1.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavModalFooter:nth-child(n+2) {
    margin: 2.5% 0% 0% 0%;
  }
}

.navFooerCntDetail03 {
  width: 273px;
}
@media screen and (max-width: 1200px) {
  .navFooerCntDetail03 {
    width: 27.13%;
  }
}
@media screen and (max-width: 767px) {
  .navFooerCntDetail03 {
    width: 295px;
    margin: 5.13% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooerCntDetail03 {
    width: 100%;
  }
}

.liTopNavFooter03 {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.02em;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .liTopNavFooter03 {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liTopNavFooter03 {
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTopNavFooter03 {
    font-size: 3.2vw;
  }
}
.liTopNavFooter03:nth-child(n+2) {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liTopNavFooter03:nth-child(n+2) {
    margin: 2.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopNavFooter03:nth-child(n+2) {
    margin: 2.42% 0% 0% 0%;
  }
}

.ctNavFooter03 {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ctNavFooter03 {
    margin: 27.47% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ctNavFooter03 {
    margin: 14.27% 0% 0% 0%;
  }
}

.liCtNavFooter03:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liCtNavFooter03:nth-child(n+2) {
    margin: 5.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCtNavFooter03: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: 1200px) {
  .liCtNavFooter03:nth-child(n+2) {
    margin: 5.42% 0% 0% 0%;
  }
}

.btnCtNavFooter03 {
  aspect-ratio: 273/45;
  border-radius: 999px;
  background: var(--bg-FFFEFD, #FFFEFD);
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: #62B5D6;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .btnCtNavFooter03 {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCtNavFooter03 {
    aspect-ratio: 295/45;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCtNavFooter03 {
    font-size: 4.2666666667vw;
  }
}
.btnCtNavFooter03:hover {
  color: #F39800;
}

.iconLineCtNavFooter03 {
  background: url(../img/iconLineCtNavFooter03.svg) no-repeat left center;
  background-size: auto 80%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .iconLineCtNavFooter03 {
    padding: 0% 0% 0% 9.15%;
  }
}
@media screen and (max-width: 767px) {
  .iconLineCtNavFooter03 {
    background-size: auto 80%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconLineCtNavFooter03 {
    padding: 0% 0% 0% 8.47%;
  }
}

.iconContactCtNavFooter03 {
  background: url(../img/iconContactCtNavFooter03.svg) no-repeat left center;
  background-size: auto 80%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .iconContactCtNavFooter03 {
    padding: 0% 0% 0% 9.15%;
  }
}
@media screen and (max-width: 767px) {
  .iconContactCtNavFooter03 {
    background-size: auto 80%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconContactCtNavFooter03 {
    padding: 0% 0% 0% 8.47%;
  }
}

.btnCtNavFooter03:hover .iconLineCtNavFooter03 {
  background: url(../img/iconLineCtNavFooter03Hover.svg) no-repeat left center;
  background-size: auto 80%;
}
@media screen and (max-width: 767px) {
  .btnCtNavFooter03:hover .iconLineCtNavFooter03 {
    background-size: auto 80%;
  }
}
.btnCtNavFooter03:hover .iconContactCtNavFooter03 {
  background: url(../img/iconContactCtNavFooter03Hover.svg) no-repeat left center;
  background-size: auto 80%;
}
@media screen and (max-width: 767px) {
  .btnCtNavFooter03:hover .iconContactCtNavFooter03 {
    background-size: auto 80%;
  }
}

.copy {
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.2em;
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .copy {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 1200px) {
  .copy {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .copy {
    line-height: 160%;
    letter-spacing: 0.2em;
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 75.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copy {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .copy {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgmodalcnt {
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 999999;
  cursor: pointer;
}

.modalcnt {
  z-index: 9999999;
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 20px;
  background: var(--bg-FFFEFD, #FFFEFD);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  width: 558px;
  aspect-ratio: 558/383;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 1200px) {
  .modalcnt {
    padding: 1.25% 1.25% 1.25% 1.25%;
  }
}
@media screen and (max-width: 767px) {
  .modalcnt {
    width: 295px;
    aspect-ratio: 295/340;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalcnt {
    width: 78.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalcnt {
    padding: 4.26% 4.26% 4.26% 4.26%;
  }
}

.btnModalClose {
  width: 12.73px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .btnModalClose {
    width: 2.49%;
  }
}
@media screen and (max-width: 767px) {
  .btnModalClose {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnModalClose {
    width: 4.94%;
  }
}

.modalcntLxn {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 418px;
}
@media screen and (max-width: 1200px) {
  .modalcntLxn {
    margin-top: 3.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .modalcntLxn {
    width: 81.96%;
  }
}
@media screen and (max-width: 767px) {
  .modalcntLxn {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 247px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalcntLxn {
    margin-top: 4.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalcntLxn {
    width: 93.91%;
  }
}

.picModalcntTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 110px;
}
@media screen and (max-width: 1200px) {
  .picModalcntTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .picModalcntTop {
    width: 26.31%;
  }
}
@media screen and (max-width: 767px) {
  .picModalcntTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 72px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picModalcntTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picModalcntTop {
    width: 29.14%;
  }
}

.h3ModalcntTop {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4px;
}
@media screen and (max-width: 1200px) {
  .h3ModalcntTop {
    margin-top: 0.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3ModalcntTop {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3ModalcntTop {
    margin-top: 3.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ModalcntTop {
    font-size: 4.2666666667vw;
  }
}

.txtModalcntTop {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 25.6px */
}
@media screen and (max-width: 1200px) {
  .txtModalcntTop {
    margin-top: 8.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtModalcntTop {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtModalcntTop {
    margin-top: 6.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtModalcntTop {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.modalBxlist {
  width: 1024px;
  aspect-ratio: 1024/502;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 20px;
  border: 4px solid var(--bg-62B5D6, #62B5D6);
  background: #FFF;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999999;
  display: none;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .modalBxlist {
    padding: 1.25% 1.25% 1.25% 1.25%;
  }
}
@media screen and (max-width: 1200px) {
  .modalBxlist {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    width: 1024px;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .modalBxlist {
    padding: 2% 2% 2% 2%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .modalBxlist {
    width: 85.33%;
  }
}
@media screen and (max-width: 767px) {
  .modalBxlist {
    width: 295px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    aspect-ratio: 295/530;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalBxlist {
    width: 78.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalBxlist {
    padding: 5.33% 5.33% 5.33% 5.33%;
  }
}

.modalBxlist .closeModalBx {
  width: 13px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .modalBxlist .closeModalBx {
    width: 1.33%;
  }
}
@media screen and (max-width: 767px) {
  .modalBxlist .closeModalBx {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalBxlist .closeModalBx {
    width: 4.4%;
  }
}

.closeModalBx {
  cursor: pointer;
}

.modalBxlistScroll {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 976/675;
  width: 976px;
  overflow: auto;
}
@media screen and (max-width: 1200px) {
  .modalBxlistScroll {
    margin-top: 3.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .modalBxlistScroll {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .modalBxlistScroll {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 268/575;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalBxlistScroll {
    margin-top: 5.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .modalBxlistScroll {
    width: 100%;
  }
}

.inModalBxlistScroll {
  width: 800px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .inModalBxlistScroll {
    width: 81.96%;
  }
}
@media screen and (max-width: 767px) {
  .inModalBxlistScroll {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .inModalBxlistScroll {
    width: 100%;
  }
}

.h2InModalBxlistScroll {
  padding: 0 1.8%;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .h2InModalBxlistScroll {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InModalBxlistScroll {
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InModalBxlistScroll {
    font-size: 4.8vw;
  }
}

.brdInModalBxlistScroll {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px dashed #62B5D6;
}
@media screen and (max-width: 1200px) {
  .brdInModalBxlistScroll {
    margin-top: 0.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdInModalBxlistScroll {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px dashed #62B5D6;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .brdInModalBxlistScroll {
    margin-top: 6.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.publicModalFooter {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .publicModalFooter {
    margin-top: 3.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .publicModalFooter {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .publicModalFooter {
    margin-top: 6.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtPublicModalFooter {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .txtPublicModalFooter {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPublicModalFooter {
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPublicModalFooter {
    font-size: 3.7333333333vw;
  }
}

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

.listTojisyaModalFooter {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .listTojisyaModalFooter {
    margin-top: 3.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .listTojisyaModalFooter {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .listTojisyaModalFooter {
    margin-top: 9.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtListTojisyaModalFooterTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtListTojisyaModalFooterTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtListTojisyaModalFooterTop {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtListTojisyaModalFooterTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtListTojisyaModalFooterTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtListTojisyaModalFooterTop {
    font-size: 3.7333333333vw;
  }
}

.txtListTojisyaModalFooterBtm {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtListTojisyaModalFooterBtm {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtListTojisyaModalFooterBtm {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtListTojisyaModalFooterBtm {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtListTojisyaModalFooterBtm {
    margin-top: 15.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtListTojisyaModalFooterBtm {
    font-size: 3.7333333333vw;
  }
}
.txtListTojisyaModalFooterBtm strong {
  font-weight: 700;
}

.privacyModalFooter {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .privacyModalFooter {
    margin-top: 3.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .privacyModalFooter {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .privacyModalFooter {
    margin-top: 7.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtPrivacyModalFooter {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .txtPrivacyModalFooter {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPrivacyModalFooter {
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPrivacyModalFooter {
    font-size: 3.7333333333vw;
  }
}

.h3PrivacyModalFooter {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h3PrivacyModalFooter {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PrivacyModalFooter {
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PrivacyModalFooter {
    font-size: 3.7333333333vw;
  }
}

.secPrivacyModalFooter {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secPrivacyModalFooter {
    margin-top: 6.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacyModalFooter {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secPrivacyModalFooter {
    margin-top: 23.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4PrivacyModalFooterDetail {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .h4PrivacyModalFooterDetail {
    margin-top: 1.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h4PrivacyModalFooterDetail {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4PrivacyModalFooterDetail {
    margin-top: 2.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 160%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4PrivacyModalFooterDetail {
    font-size: 3.7333333333vw;
  }
}
.h4PrivacyModalFooterDetail strong {
  font-family: 700;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.fixedCalenderPc {
  position: fixed;
  width: 696px;
  bottom: 151px;
  right: 0;
  background: #fff;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
  border-radius: 20px 0 0 20px;
  transform: translateX(86%);
  z-index: 9;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .fixedCalenderPc {
    width: 58vw;
  }
}

.fixedCalenderPc.on {
  transform: translateX(0%);
}

.fixedCalenderPcFx {
  width: 100%;
}

.titleFixedCalenderPc {
  width: 114px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .titleFixedCalenderPc {
    width: 16.37%;
  }
}

.detailTableFixedCalenderPcLxn {
  width: 582px;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .detailTableFixedCalenderPcLxn {
    width: 83.62%;
  }
}
@media screen and (max-width: 1200px) {
  .detailTableFixedCalenderPcLxn {
    padding: 2.87% 0% 5.74% 0%;
  }
}

.detailTableFixedCalenderPcLxnWap {
  width: 487px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .detailTableFixedCalenderPcLxnWap {
    width: 83.67%;
  }
}

.tableFixedCalenderPc {
  width: 100%;
}

.thFixedCalenderPc {
  width: 151px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 8px;
  padding-right: 0px;
  border-bottom: 1px solid #5C5C5C;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .thFixedCalenderPc {
    width: 31%;
  }
}
@media screen and (max-width: 1200px) {
  .thFixedCalenderPc {
    padding: 2.87% 0% 2.87% 1.64%;
  }
}
.thFixedCalenderPc .titleFixedCalenderPc {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .thFixedCalenderPc .titleFixedCalenderPc {
    font-size: 1.25vw;
  }
}
.thFixedCalenderPc .titleFixedCalenderTopPc {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .thFixedCalenderPc .titleFixedCalenderTopPc {
    font-size: 1.25vw;
  }
}
.thFixedCalenderPc .titleFixedCalenderTopBtmPc {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1200px) {
  .thFixedCalenderPc .titleFixedCalenderTopBtmPc {
    margin-top: 2.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .thFixedCalenderPc .titleFixedCalenderTopBtmPc {
    font-size: 1vw;
  }
}

.tdFixedCalenderPc {
  width: 48px;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.02em;
  padding-top: 14px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  border-bottom: 1px solid #5C5C5C;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .tdFixedCalenderPc {
    width: 9.85%;
  }
}
@media screen and (max-width: 1200px) {
  .tdFixedCalenderPc {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1200px) {
  .tdFixedCalenderPc {
    padding: 2.87% 0% 3.69% 0%;
  }
}

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

.liTopBtmMainInfoCalenderPc {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .liTopBtmMainInfoCalenderPc {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .liTopBtmMainInfoCalenderPc {
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTopBtmMainInfoCalenderPc {
    font-size: 2.9333333333vw;
  }
}

.btnTopBtmMainInfoLineCalenderPc {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 21px;
  padding-right: 0px;
  background: url(../img/top/btnTopBtmMainInfoLine.svg) no-repeat left center;
  background-size: auto 80%;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.2em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoLineCalenderPc {
    padding: 0% 0% 0% 4.4%;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoLineCalenderPc {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoLineCalenderPc {
    padding: 0 0 0 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopBtmMainInfoLineCalenderPc {
    padding: 0 0 0 2.9333333333vw;
    background: url(../img/top/btnTopBtmMainInfoLine.svg) no-repeat left center;
    background-size: auto 80%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopBtmMainInfoLineCalenderPc {
    font-size: 2.9333333333vw;
  }
}

.liTopBtmMainInfo {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .liTopBtmMainInfo {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .liTopBtmMainInfo {
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTopBtmMainInfo {
    font-size: 2.9333333333vw;
  }
}

.btnTopBtmMainInfoAccessCalenderPc {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 21px;
  padding-right: 0px;
  background: url(../img/top/btnTopBtmMainInfoAccess.svg) no-repeat left center;
  background-size: auto 80%;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: #5C5C5C;
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoAccessCalenderPc {
    padding: 0% 0% 0% 4.4%;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoAccessCalenderPc {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1200px) {
  .btnTopBtmMainInfoAccessCalenderPc {
    padding: 0 0 0 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopBtmMainInfoAccessCalenderPc {
    padding: 0 0 0 2.9333333333vw;
    background: url(../img/top/btnTopBtmMainInfoAccess.svg) no-repeat left center;
    background-size: auto 80%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopBtmMainInfoAccessCalenderPc {
    font-size: 2.9333333333vw;
  }
}

.btnTop {
  width: 71px;
  position: fixed;
  bottom: 32px;
  right: -10%;
  transform: rotate(90deg);
  z-index: 10;
  transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .btnTop {
    top: 0%;
    right: -50%;
    position: absolute;
  }
}

.btnTop.on {
  right: 0%;
  transform: rotate(0deg);
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.ulFixedFooterSpLxn {
  position: fixed;
  bottom: 0vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
  width: 100%;
  width: 100%;
  padding: 2.5vw 0;
}

.ulFixedFooterSp {
  width: 335px;
  margin: auto;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  background: #fff;
  background-clip: padding-box;
}
@media screen and (max-width: 1200px) {
  .ulFixedFooterSp {
    width: 89.33%;
  }
}

.liFixedFooterSp01 {
  width: 110px;
  border-radius: 999px 0 0 999px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .liFixedFooterSp01 {
    width: 32.83%;
  }
}

.liFixedFooterSp02 {
  width: 110px;
}
@media screen and (max-width: 1200px) {
  .liFixedFooterSp02 {
    width: 32.83%;
  }
}

.liFixedFooterSp03 {
  width: 110px;
  border-radius: 0 999px 999px 0;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .liFixedFooterSp03 {
    width: 32.83%;
  }
}

.btnFixedFooterSp {
  aspect-ratio: 111/64;
  background: #62B5D6;
  width: 100%;
  line-height: normal;
  letter-spacing: 0.01em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btnFixedFooterSp {
    font-size: 3.7333333333vw;
  }
}

.detailTableFixedCalenderSpLxn {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff;
  padding: 4.26% 5.33% 24.5% 5.33%;
  overflow: hidden;
  display: none;
}

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

@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .thTopBtmMainInfos {
    padding: 1% 0% 1% 5%;
    width: 110px;
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxnSpFixed .thTopBtmMainInfos {
    width: 32.83%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .thTopBtmMainInfos {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .iconTopBtmMainInfos {
    background: url(../img/top/iconTopBtmMainInfos.svg) no-repeat left center;
    background-size: auto 70%;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .tdTopBtmMainInfos {
    padding: 1% 0% 1% 0%;
    width: 30px;
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxnSpFixed .tdTopBtmMainInfos {
    width: 8.95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .tdTopBtmMainInfos {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .tdTopBtmMainInfosM {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 16px;
    width: 45px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxnSpFixed .tdTopBtmMainInfosM {
    padding: 3.28% 4.77% 3.28% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxnSpFixed .tdTopBtmMainInfosM {
    width: 13.43%;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .ulTopBtmMainInfos {
    width: 302px;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tiemTopBtmMainInfosLxnSpFixed .ulTopBtmMainInfos {
    width: 90.14%;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .liTopBtmMainInfo {
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .liTopBtmMainInfo {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .btnTopBtmMainInfoLine {
    padding: 0 0 0 3.7vw;
    background: url(../img/top/btnTopBtmMainInfoLine.svg) no-repeat left center;
    background-size: auto 60%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .btnTopBtmMainInfoLine {
    font-size: 2.9333333333vw;
  }
}
.tiemTopBtmMainInfosLxnSpFixed .btnTopBtmMainInfoAccess {
  color: #5c5c5c;
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .btnTopBtmMainInfoAccess {
    padding: 0 0 0 4.5vw;
    background: url(../img/top/btnTopBtmMainInfoAccess.svg) no-repeat left center;
    background-size: auto 60%;
    line-height: normal;
    letter-spacing: 0em;
    color: #5c5c5c;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .btnTopBtmMainInfoAccess {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tiemTopBtmMainInfosLxnSpFixed .txtTopBtmMainInfo {
    margin-top: 1.38%;
    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) {
  .tiemTopBtmMainInfosLxnSpFixed .txtTopBtmMainInfo {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
Component
========================================================================== */
/*
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:33:59
    Author     : SPG-1105
*/
/*
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
*/
.c_pointer {
  cursor: pointer;
}

.cl_fff {
  color: #fff;
}

.cl_241A08 {
  color: #241A08;
}

.cl_F39800 {
  color: #F39800;
}

.cl_5C5C5C {
  color: #5C5C5C;
}

.cl_F39800 {
  color: #F39800;
}

.cl_3193BA {
  color: #3193BA;
}

.cl_62B5D6 {
  color: #62B5D6;
}

.cl_FFFEFD {
  color: #FFFEFD;
}

.cl_FFECCC {
  color: #FFECCC;
}

.bg_62B5D6 {
  background: #62B5D6;
}

.bg_FFFEFD {
  background: #FFFEFD;
}

.bg_F39800 {
  background: #F39800;
}

.bg_fff {
  background: #FFF;
}

.bg_FFFAEF {
  background: #FFFAEF;
}

.bg_62B5D6 {
  background: #62B5D6;
}

svg {
  width: 100%;
}

.underline {
  text-decoration: underline;
}

.v_middle {
  vertical-align: middle;
}

.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 */