@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 {
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-weight: 0;
}

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

.fw_100 {
  font-weight: 100;
}

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

.fw_200 {
  font-weight: 200;
}

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

.fw_300 {
  font-weight: 300;
}

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

.fw_400 {
  font-weight: 400;
}

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

.fw_500 {
  font-weight: 500;
}

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

.fw_600 {
  font-weight: 600;
}

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

.fw_700 {
  font-weight: 700;
}

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

.fw_800 {
  font-weight: 800;
}

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

.fw_900 {
  font-weight: 900;
}

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

.fw_1000 {
  font-weight: 1000;
}

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

.fw_1100 {
  font-weight: 1100;
}

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

.fw_1200 {
  font-weight: 1200;
}

.ovhidden {
  overflow: hidden;
}

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

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  color: #464646;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 500;
}

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

.t_center {
  text-align: center;
}

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

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

.roboto {
  font-family: "Roboto", sans-serif;
}

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

/*
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
*/
.undernone {
  text-decoration: none;
}

.cl_464646 {
  color: #464646;
}

.cl_C0344B {
  color: #C0344B;
}

.cl_110557 {
  color: #110557;
}

.bg_fff {
  background: #fff;
}

.bg_FFF0F2 {
  background: #FFF0F2;
}

.bg_FFF7F9 {
  background: #FFF7F9;
}

.bg_DCDCDC {
  background: #DCDCDC;
}

.bg_FFF0F2 {
  background: #FFF0F2;
}

.bg_F9F9F9 {
  background: #F9F9F9;
}

.bg_EBFCFF {
  background: #EBFCFF;
}

.cl_33AFDD {
  color: #33AFDD;
}

.cl_1C97DA {
  color: #1C97DA;
}

.cl_EE780C {
  color: #EE780C;
}

.bg_FFF0F2 {
  background: #FFF0F2;
}

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

.c_pointer {
  cursor: pointer;
}

.t_right {
  text-align: right;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.base_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  transition: 0.5s;
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .base_header {
    position: sticky;
  }
}

.base_header.hide {
  transform: translateY(-100px);
}

.bgHeaderPcMainMenuBtm {
  display: none;
  height: 100svh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.headerPc {
  padding-top: 8px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  z-index: 999;
}
@media screen and (max-width: 1279px) {
  .headerPc {
    padding: 0.41% 0% 0.83% 0%;
  }
}

.headerPcFx {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1279px) {
  .headerPcFx {
    padding: 0% 1.04% 0% 1.04%;
  }
}

.headerPclogoFx {
  width: 433px;
  transform: translate(0px, 4px);
}

.logoHeaderPc {
  width: 239px;
}
@media screen and (max-width: 1279px) {
  .logoHeaderPc {
    width: 55.19%;
  }
}

.h1HeaderPcFx {
  width: 174px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h1HeaderPcFx {
    width: 40.18%;
  }
}
@media screen and (max-width: 1279px) {
  .h1HeaderPcFx {
    font-size: 1.0164190774vw;
  }
}

.txtNavHeaderPc {
  font-size: 11px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtNavHeaderPc {
    font-size: 0.8600469116vw;
  }
}

.navHeaderPc {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 715px;
}
@media screen and (max-width: 1279px) {
  .navHeaderPc {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liNavHeaderPc {
  width: 230px;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .liNavHeaderPc {
    width: 32.39%;
  }
}

.btnNavHeaderPc {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.07em;
  aspect-ratio: 230/50;
}
@media screen and (max-width: 1279px) {
  .btnNavHeaderPc {
    font-size: 1.5637216575vw;
  }
}

.btnNavHeaderPc01 {
  color: #fff;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FFA6BF, #FF526F, #FF5C9D);
}
.btnNavHeaderPc01:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnNavHeaderPc01 {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 34px;
  padding-right: 0px;
  background-image: url(../img/top/iconBtnNavHeaderPc01.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 64%;
}
@media screen and (max-width: 1279px) {
  .iconBtnNavHeaderPc01 {
    padding: 2.17% 0% 2.17% 14.78%;
  }
}

.btnNavHeaderPc02 {
  color: #fff;
  background-image: linear-gradient(90deg, #7FDDFF, #1AADE3, #00DAF3);
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .btnNavHeaderPc02 {
    font-size: 1.250977326vw;
  }
}
.btnNavHeaderPc02:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnNavHeaderPc02 {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 34px;
  padding-right: 0px;
  background-image: url(../img/top/iconBtnNavHeaderPc02.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 70%;
}
@media screen and (max-width: 1279px) {
  .iconBtnNavHeaderPc02 {
    padding: 2.17% 0% 2.17% 14.78%;
  }
}

.btnNavHeaderPc03 {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0em;
  background: #F9F9F9;
  transition: all 0.3s ease-out;
  color: #C0344B;
}
@media screen and (max-width: 1279px) {
  .btnNavHeaderPc03 {
    font-size: 1.0946051603vw;
  }
}
.btnNavHeaderPc03:hover {
  background: #C0344B;
  opacity: 1;
  color: #fff;
}

.iconBtnNavHeaderPc03 {
  text-align: center;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSp {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .headerSp {
    padding: 3.2% 0% 3.2% 0%;
  }
}

.headerSpFx {
  width: 345px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .headerSpFx {
    width: 92%;
  }
}

.headerSplogoFx {
  width: 100%;
}

.logoHeaderSp {
  width: 122px;
}
@media screen and (max-width: 1279px) {
  .logoHeaderSp {
    width: 35.36%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.fv {
  padding-top: 302px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .fv {
    padding: 15.72% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fv {
    padding: 85.8% 0% 9.5% 0%;
  }
}

.bgFv {
  background: url(../img/top/bgFvPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgFv {
    background: url(../img/top/bgFvSp.png) no-repeat center top;
    background-size: cover;
  }
}

.fvWap {
  width: 1200px;
}
@media screen and (max-width: 1279px) {
  .fvWap {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .fvWap {
    width: 100%;
    margin: auto;
  }
}

.fvWapLxn {
  width: 505px;
  margin: 0;
}
@media screen and (max-width: 1279px) {
  .fvWapLxn {
    width: 42.08%;
  }
}
@media screen and (max-width: 767px) {
  .fvWapLxn {
    width: 305px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .fvWapLxn {
    width: 81.33%;
  }
}

.h2SecFv {
  font-size: 54px;
  line-height: 150%;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 1279px) {
  .h2SecFv {
    font-size: 4.2220484754vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SecFv {
    line-height: 150%;
    letter-spacing: 0.13em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SecFv {
    font-size: 7.4666666667vw;
  }
}

.h3SecFv {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 26px;
  line-height: 180%;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1279px) {
  .h3SecFv {
    margin: 3.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h3SecFv {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SecFv {
    margin: 2.5% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SecFv {
    font-size: 4vw;
  }
}

.h4SecFv {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h4SecFv {
    margin: 10.89% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4SecFv {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h4SecFv {
    margin: 7.2% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4SecFv {
    font-size: 4vw;
  }
}

.txtSecFv {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtSecFv {
    margin: 3.96% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtSecFv {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSecFv {
    margin: 4% 0% 0% 0%;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSecFv {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.fvNav {
  width: 520px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  box-shadow: 0 0 14px 0 rgba(192, 52, 75, 0.1);
  position: fixed;
  right: 0.4%;
  bottom: 2%;
  z-index: 999;
  background: #FFF;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .fvNav {
    width: 27.08%;
  }
}
@media screen and (max-width: 767px) {
  .fvNav {
    width: 355px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    box-shadow: 0 0 14px 0 rgba(192, 52, 75, 0.1);
    left: 0;
    bottom: 8.5%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .fvNav {
    width: 94.66%;
  }
}

.fvNavLxn {
  position: relative;
}

.fvNavTitle {
  background: #C0344B;
}

.iconMenuFvNav {
  width: 66px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
}
@media screen and (max-width: 1279px) {
  .iconMenuFvNav {
    width: 12.69%;
  }
}
@media screen and (max-width: 1279px) {
  .iconMenuFvNav {
    margin: 0% 1.92% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconMenuFvNav {
    width: 17.52%;
    margin: 0% 1% 0% 0%;
  }
}
.iconMenuFvNav .off {
  display: block;
}
.iconMenuFvNav .on {
  display: none;
}

.fvNavTitle.off .iconMenuFvNav .off {
  display: block;
}
.fvNavTitle.off .iconMenuFvNav .on {
  display: none;
}

.fvNavTitle.on .iconMenuFvNav .off {
  display: none;
}
.fvNavTitle.on .iconMenuFvNav .on {
  display: block;
}

.h3FvNav {
  transition-duration: 0.5s;
  font-size: 20px;
  letter-spacing: 0.06em;
  width: 100%;
  color: #fff;
}
@media screen and (max-width: 1279px) {
  .h3FvNav {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FvNav {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FvNav {
    font-size: 4.2666666667vw;
  }
}

.fvNavTitle:hover .h3FvNav {
  text-decoration: underline;
}

.navFvNav {
  width: 440px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  display: none;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 1279px) {
  .navFvNav {
    width: 84.61%;
  }
}
@media screen and (max-width: 1279px) {
  .navFvNav {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .navFvNav {
    padding: 7.69% 0% 7.69% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navFvNav {
    width: 317px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 2.69% 0% 7.69% 0%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .navFvNav {
    width: 89.29%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .navFvNav {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.navFvNav::-webkit-scrollbar {
  display: none;
}

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

.liNavFvNav:nth-child(n+2) {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liNavFvNav:nth-child(n+2) {
    margin-top: 6.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liNavFvNav:nth-child(n+2) {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnliNavFvNav {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .btnliNavFvNav {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .btnliNavFvNav {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnliNavFvNav {
    font-size: 3.4666666667vw;
  }
}
.btnliNavFvNav:hover {
  opacity: 1;
  text-decoration: underline;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.worries {
  padding-top: 150px;
  padding-bottom: 142px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .worries {
    padding: 7.81% 0% 7.39% 0%;
  }
}
@media screen and (max-width: 767px) {
  .worries {
    padding: 18% 0% 16.66% 0%;
  }
}

.bgworries {
  background: url(../img/top/bgWorriesPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgworries {
    background: url(../img/top/bgWorriesSp.png) no-repeat center top;
    background-size: cover;
  }
}

.worriesLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .worriesLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .worriesLxn {
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .worriesLxn {
    width: 92%;
  }
}

.h2Worries {
  width: 717px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 717/84;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2WorriesLeftPc.svg), url(../img/top/h2WorriesRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Worries {
    width: 59.75%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Worries {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Worries {
    width: 325px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 325/45;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2WorriesLeftSp.svg), url(../img/top/h2WorriesRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Worries {
    width: 94.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Worries {
    font-size: 4.8vw;
  }
}

.h3Worries {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3Worries {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3Worries {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .h3Worries {
    margin-top: 9.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3Worries {
    font-size: 4vw;
  }
}

.pointWorriesLxn {
  width: 1000px;
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 80px;
  /* CSS3草案 */
  -webkit-border-radius: 80px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 80px;
  /* Firefox用 */
  padding-top: 60px;
  padding-bottom: 55px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .pointWorriesLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1279px) {
  .pointWorriesLxn {
    margin-top: 4.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .pointWorriesLxn {
    padding: 5% 0% 4.58% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .pointWorriesLxn {
    border-radius: 6.25vw;
    /* CSS3草案 */
    -webkit-border-radius: 6.25vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6.25vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .pointWorriesLxn {
    margin-top: 12.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    padding: 11.59% 0% 9% 0%;
    border-radius: 42px;
    /* CSS3草案 */
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .pointWorriesLxn {
    width: 100%;
  }
}

.pointWorries {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 880px;
}
@media screen and (max-width: 1279px) {
  .pointWorries {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .pointWorries {
    width: 88%;
  }
}
@media screen and (max-width: 767px) {
  .pointWorries {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .pointWorries {
    width: 85.5%;
  }
}

.picPointWorries {
  width: 380px;
}
@media screen and (max-width: 1279px) {
  .picPointWorries {
    width: 43.18%;
  }
}
@media screen and (max-width: 767px) {
  .picPointWorries {
    width: 143px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picPointWorries {
    width: 48.47%;
  }
}

.ulPointWorries {
  width: 500px;
}
@media screen and (max-width: 1279px) {
  .ulPointWorries {
    width: 56.81%;
  }
}
@media screen and (max-width: 767px) {
  .ulPointWorries {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulPointWorries {
    margin-top: 13.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liPointWorries:nth-child(n+2) {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liPointWorries:nth-child(n+2) {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPointWorries:nth-child(n+2) {
    margin: 2.1% 0% 0% 0%;
  }
}

.iconLiPointWorries {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 12px;
  width: 20px;
}
@media screen and (max-width: 1279px) {
  .iconLiPointWorries {
    margin: 0% 2.4% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .iconLiPointWorries {
    width: 4%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiPointWorries {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 14px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiPointWorries {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiPointWorries {
    width: 4.74%;
  }
}

.txtLiPointWorries {
  width: 467px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  transform: translate(0px, -14%);
}
@media screen and (max-width: 1279px) {
  .txtLiPointWorries {
    width: 93.4%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiPointWorries {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiPointWorries {
    transform: translate(0, -1.25vw);
    width: 273px;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLiPointWorries {
    width: 92.54%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiPointWorries {
    font-size: 3.4666666667vw;
  }
}

.arrowWorries {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
}
@media screen and (max-width: 1279px) {
  .arrowWorries {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .arrowWorries {
    width: 4.16%;
  }
}
@media screen and (max-width: 767px) {
  .arrowWorries {
    margin-top: 13.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 53px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .arrowWorries {
    width: 15.36%;
  }
}

.txtWorriesLast {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtWorriesLast {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtWorriesLast {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtWorriesLast {
    width: 315px;
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtWorriesLast {
    width: 91.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtWorriesLast {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.load {
  padding-top: 148px;
  padding-bottom: 142px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .load {
    padding: 7.7% 0% 7.39% 0%;
  }
}
@media screen and (max-width: 767px) {
  .load {
    padding: 19% 0% 16.66% 0%;
  }
}

.loadLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .loadLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .loadLxn {
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .loadLxn {
    width: 92%;
  }
}

.h2Load {
  width: 640px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 640/151;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2WorriesLeftPc.svg), url(../img/top/h2WorriesRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Load {
    width: 53.33%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Load {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Load {
    width: 286px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 286/77;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2WorriesLeftSp.svg), url(../img/top/h2WorriesRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Load {
    width: 82.89%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Load {
    font-size: 4.8vw;
  }
}

.txtLoadTop {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLoadTop {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLoadTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLoadTop {
    margin-top: 8.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLoadTop {
    font-size: 3.7333333333vw;
  }
}

.ulLoad {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1279px) {
  .ulLoad {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulLoad {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulLoad {
    margin-top: 12.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulLoad {
    width: 100%;
  }
}

.liUlLoad {
  padding-top: 38px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 80px;
  /* CSS3草案 */
  -webkit-border-radius: 80px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 80px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liUlLoad {
    padding: 3.8% 0% 4% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liUlLoad {
    border-radius: 6.25vw;
    /* CSS3草案 */
    -webkit-border-radius: 6.25vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6.25vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .liUlLoad {
    border-radius: 42px;
    /* CSS3草案 */
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
    padding: 8.69% 0% 9.59% 0%;
  }
}
.liUlLoad:nth-child(n+2) {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liUlLoad:nth-child(n+2) {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liUlLoad:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liUlLoad:nth-child(n+2) {
    margin-top: 5.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liUlLoadFx {
  width: 880px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liUlLoadFx {
    width: 88%;
  }
}
@media screen and (max-width: 767px) {
  .liUlLoadFx {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liUlLoadFx {
    width: 85.5%;
  }
}

.photoUlLoadFx {
  width: 203px;
  margin: 1.5% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoUlLoadFx {
    width: 23.06%;
  }
}
@media screen and (max-width: 767px) {
  .photoUlLoadFx {
    width: 203px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoUlLoadFx {
    width: 68.81%;
  }
}

.secUlLoadFx {
  width: 617px;
}
@media screen and (max-width: 1279px) {
  .secUlLoadFx {
    width: 70.11%;
  }
}
@media screen and (max-width: 767px) {
  .secUlLoadFx {
    width: 295px;
    margin-top: 6.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secUlLoadFx {
    width: 100%;
  }
}

.h3SecUlLoadFx {
  font-size: 20px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3SecUlLoadFx {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SecUlLoadFx {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SecUlLoadFx {
    font-size: 4.8vw;
  }
}

.txtSecUlLoadFx {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtSecUlLoadFx {
    margin: 1.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtSecUlLoadFx {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSecUlLoadFx {
    margin: 4.16% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSecUlLoadFx {
    font-size: 3.4666666667vw;
  }
}

.h3LastLoad {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3LastLoad {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3LastLoad {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LastLoad {
    margin: 11.49% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LastLoad {
    font-size: 5.3333333333vw;
  }
}

.txtLastLoad {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLastLoad {
    margin-top: 1.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLastLoad {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastLoad {
    width: 315px;
    margin-top: 8.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLastLoad {
    width: 91.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastLoad {
    font-size: 3.7333333333vw;
  }
}

.infokanja {
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .infokanja {
    padding: 7.81% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infokanja {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .infokanja {
    padding: 0% 0% 0% 0%;
  }
}

.infokanjaLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .infokanjaLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .infokanjaLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .infokanjaLxn {
    width: 92%;
  }
}

.h2Infokanja {
  width: 869px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 869/86;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2InfokanjaLeftPc.svg), url(../img/top/h2InfokanjaRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Infokanja {
    width: 72.41%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Infokanja {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Infokanja {
    width: 267px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 267/77;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2InfokanjaLeftSp.svg), url(../img/top/h2InfokanjaRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Infokanja {
    width: 77.39%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Infokanja {
    font-size: 4.8vw;
  }
}

.infokanjabrds {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 72px;
  padding-bottom: 73px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 80px;
  /* CSS3草案 */
  -webkit-border-radius: 80px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 80px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .infokanjabrds {
    margin-top: 4.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .infokanjabrds {
    padding: 6% 0% 6.08% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .infokanjabrds {
    border-radius: 42px;
    /* CSS3草案 */
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .infokanjabrds {
    margin-top: 12%;
    margin-bottom: 20%;
    margin-left: auto;
    margin-right: auto;
    padding: 11.59% 0% 9.59% 0%;
    border-radius: 42px;
    /* CSS3草案 */
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
  }
}

.infokanjabrdslxn {
  width: 1040px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .infokanjabrdslxn {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) {
  .infokanjabrdslxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .infokanjabrdslxn {
    width: 85.5%;
  }
}

.picInfokanjabrds {
  width: 250px;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .picInfokanjabrds {
    width: 24.03%;
  }
}
@media screen and (max-width: 1279px) {
  .picInfokanjabrds {
    margin: 0.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .picInfokanjabrds {
    width: 170px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picInfokanjabrds {
    width: 57.62%;
  }
}

.txtInfokanjabrds {
  width: 730px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtInfokanjabrds {
    width: 70.19%;
  }
}
@media screen and (max-width: 1279px) {
  .txtInfokanjabrds {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfokanjabrds {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    line-height: 177%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfokanjabrds {
    font-size: 3.4666666667vw;
  }
}

.brdInfokanjabrds {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #dcdcdc;
  height: 1px;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .brdInfokanjabrds {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdInfokanjabrds {
    margin-top: 11.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmLastInfokanjabrds {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .btmLastInfokanjabrds {
    margin-top: 3.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btmLastInfokanjabrds {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .btmLastInfokanjabrds {
    margin-top: 11.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 177%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmLastInfokanjabrds {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.ctatop {
  padding-top: 120px;
  padding-bottom: 111px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ctatop {
    padding: 6.25% 0% 5.78% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ctatop {
    padding: 13% 0% 14% 0%;
  }
}

.bgCtatop {
  background: url(../img/top/bgCtatopPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgCtatop {
    background: url(../img/top/bgCtatopSp.png) no-repeat center top;
    background-size: cover;
  }
}

.secCtatop {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secCtatop {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .secCtatop {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secCtatop {
    width: 84%;
  }
}

.h2Ctatop {
  font-size: 28px;
  line-height: 60%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h2Ctatop {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Ctatop {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Ctatop {
    font-size: 5.3333333333vw;
  }
}

.txtTopCtaTop {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 28%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtTopCtaTop {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopCtaTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopCtaTop {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.1538461538;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopCtaTop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopCtaTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1538461538) * 0.5em);
    content: "";
  }
  .txtTopCtaTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1538461538) * 0.5em);
    content: "";
  }
}

.navCtaPc {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
@media screen and (max-width: 1279px) {
  .navCtaPc {
    margin-top: 3.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .navCtaPc {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .navCtaPc {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 79.36%;
    flex-flow: row wrap;
  }
}

.liNavCtaPc {
  width: 290px;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .liNavCtaPc {
    width: 48.33%;
  }
}
@media screen and (max-width: 1279px) {
  .liNavCtaPc {
    border-radius: 7.8125vw;
    /* CSS3草案 */
    -webkit-border-radius: 7.8125vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7.8125vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .liNavCtaPc {
    width: 250px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liNavCtaPc {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liNavCtaPc:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liNavCtaPc:nth-child(n+2) {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnNavCtaPc {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.07em;
  aspect-ratio: 290/60;
}
@media screen and (max-width: 1279px) {
  .btnNavCtaPc {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavCtaPc {
    line-height: 1.3;
    letter-spacing: 0.07em;
    aspect-ratio: 250/50;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavCtaPc {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavCtaPc::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .btnNavCtaPc::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.btnNavCtaPc01 {
  font-size: 22px;
  letter-spacing: 0.07em;
  color: #fff;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FFA6BF, #FF526F, #FF5C9D);
}
@media screen and (max-width: 1279px) {
  .btnNavCtaPc01 {
    font-size: 1.7200938233vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavCtaPc01 {
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavCtaPc01 {
    font-size: 5.3333333333vw;
  }
}
.btnNavCtaPc01:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnNavCtaPc01 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 42px;
  padding-right: 0px;
  background-image: url(../img/top/iconBtnNavCtaPc01.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .iconBtnNavCtaPc01 {
    padding: 0% 0% 0% 14.48%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnNavCtaPc01 {
    display: block;
    width: fit-content;
    margin: auto;
    padding: 0% 0% 0% 10.2%;
    background-image: url(../img/top/iconBtnNavCtaPc01.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 92%;
  }
}

.btnNavCtaPc02 {
  font-size: 16px;
  letter-spacing: 0em;
  color: #fff;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  color: #fff;
  background-image: linear-gradient(90deg, #7FDDFF, #1AADE3, #00DAF3);
}
@media screen and (max-width: 1279px) {
  .btnNavCtaPc02 {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavCtaPc02 {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavCtaPc02 {
    font-size: 4vw;
  }
}
.btnNavCtaPc02:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnNavCtaPc02 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 0px;
  background-image: url(../img/top/iconBtnNavCtaPc02.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .iconBtnNavCtaPc02 {
    padding: 0% 0% 0% 13.79%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnNavCtaPc02 {
    display: block;
    width: auto;
    margin: auto;
    padding: 1% 0% 1% 15.2%;
    background-image: url(../img/top/iconBtnNavCtaPc02.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 100%;
  }
}

.txtCtaTopInfo {
  width: 600px;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .txtCtaTopInfo {
    width: 50%;
  }
}
@media screen and (max-width: 1279px) {
  .txtCtaTopInfo {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtCtaTopInfo {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCtaTopInfo {
    margin-top: 9.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCtaTopInfo {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.disease {
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .disease {
    padding: 7.81% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .disease {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .disease {
    padding: 18.66% 0% 18.66% 0%;
  }
}

.diseaseLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .diseaseLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .diseaseLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .diseaseLxn {
    width: 92%;
  }
}

.h2Disease {
  width: 564px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 564/86;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2DiseaseLeftPc.svg), url(../img/top/h2DiseaseRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Disease {
    width: 47%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Disease {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Disease {
    width: 248px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 248/45;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2DiseaseLeftSp.svg), url(../img/top/h2DiseaseRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Disease {
    width: 71.88%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Disease {
    font-size: 4.8vw;
  }
}

.txtTopDisease {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtTopDisease {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopDisease {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopDisease {
    margin-top: 9.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopDisease {
    font-size: 3.4666666667vw;
  }
}

.ulDisease {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .ulDisease {
    margin-top: 4.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulDisease {
    margin-top: 14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liDisease {
  position: relative;
  width: 580px;
}
@media screen and (max-width: 1279px) {
  .liDisease {
    width: 48.33%;
  }
}
@media screen and (max-width: 767px) {
  .liDisease {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liDisease {
    width: 100%;
  }
}
.liDisease:nth-child(n+3) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liDisease:nth-child(n+3) {
    margin: 3.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDisease:nth-child(n+3) {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liDisease:nth-child(n+3) {
    margin: 8.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDisease:nth-child(n+2) {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liDisease:nth-child(n+2) {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnDiseaseLxn {
  position: absolute;
  width: 479px;
  margin: auto;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .btnDiseaseLxn {
    width: 82.58%;
  }
}
@media screen and (max-width: 1279px) {
  .btnDiseaseLxn {
    bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .btnDiseaseLxn {
    width: 295px;
    margin: auto;
    bottom: 7vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnDiseaseLxn {
    width: 85.5%;
  }
}

.btnDiseaseLxn0102 {
  position: absolute;
  width: 479px;
  margin: auto;
  bottom: 136px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .btnDiseaseLxn0102 {
    width: 82.58%;
  }
}
@media screen and (max-width: 1279px) {
  .btnDiseaseLxn0102 {
    bottom: 10.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .btnDiseaseLxn0102 {
    width: 295px;
    margin: auto;
    bottom: 24vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnDiseaseLxn0102 {
    width: 85.5%;
  }
}

.btnDisease {
  font-size: 16px;
  letter-spacing: 0.06em;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  line-height: 1;
  border: 1px solid #C0344B;
  aspect-ratio: 480/60;
  width: 100%;
  color: #C0344B;
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .btnDisease {
    font-size: 1.250977326vw;
  }
}
.btnDisease::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnDisease::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .btnDisease {
    border-radius: 7.8125vw;
    /* CSS3草案 */
    -webkit-border-radius: 7.8125vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7.8125vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .btnDisease {
    letter-spacing: 0.06em;
    line-height: normal;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
    border: 1px solid #C0344B;
    aspect-ratio: 295/50;
    width: 100%;
    color: #C0344B;
    background: white;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnDisease {
    font-size: 4vw;
  }
}
.btnDisease:hover {
  opacity: 1;
  color: #FFF;
  background: #C0344B;
}
.btnDisease:hover .hover {
  fill: #FFF;
  transition-duration: 0.5s;
}

@media screen and (max-width: 767px) {
  .iconbtnDisease {
    width: 87%;
  }
}

@media screen and (max-width: 767px) {
  .honbunbtnDisease {
    width: 88%;
    transform: translate(2%, -1%);
    white-space: nowrap;
  }
}

.iconbtnDiseasesvg {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 24px;
}
@media screen and (max-width: 1279px) {
  .iconbtnDiseasesvg {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .iconbtnDiseasesvg {
    width: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .iconbtnDiseasesvg {
    margin: 0 0 0 2.1333333333vw;
    width: 5.9vw;
  }
}
.iconbtnDiseasesvg .hover {
  fill: #C0344B;
  transition-duration: 0.5s;
}
.iconbtnDiseasesvg svg {
  width: 100%;
  height: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.surgery {
  padding-top: 150px;
  padding-bottom: 137px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .surgery {
    padding: 7.81% 0% 7.13% 0%;
  }
}
@media screen and (max-width: 767px) {
  .surgery {
    padding: 18% 0% 17% 0%;
  }
}

.surgeryLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .surgeryLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .surgeryLxn {
    width: 87.6%;
  }
}

.h2Surgery {
  width: 641px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 640/86;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2SurgeryLeftPc.svg), url(../img/top/h2SurgeryRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Surgery {
    width: 53.41%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Surgery {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Surgery {
    width: 286px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 286/45;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2SurgeryLeftSp.svg), url(../img/top/h2SurgeryRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Surgery {
    width: 85.37%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Surgery {
    font-size: 4.8vw;
  }
}

.txtTopSurgery {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
  width: 868px;
}
@media screen and (max-width: 1279px) {
  .txtTopSurgery {
    margin-top: 3.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopSurgery {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopSurgery {
    width: 72.33%;
  }
}
@media screen and (max-width: 767px) {
  .txtTopSurgery {
    width: 100%;
    margin-top: 9.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopSurgery {
    font-size: 3.4666666667vw;
  }
}

.surgeryTopFx {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .surgeryTopFx {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .surgeryTopFx {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
  }
}

.picSurgeryTop {
  width: 570px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .picSurgeryTop {
    width: 47.5%;
  }
}
@media screen and (max-width: 1279px) {
  .picSurgeryTop {
    margin: 0.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .picSurgeryTop {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picSurgeryTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secSurgeryTop {
  width: 570px;
}
@media screen and (max-width: 1279px) {
  .secSurgeryTop {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .secSurgeryTop {
    width: 100%;
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3SurgeryTop {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3SurgeryTop {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SurgeryTop {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SurgeryTop {
    font-size: 4.8vw;
  }
}

.txtSurgeryTop {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtSurgeryTop {
    margin-top: 1.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtSurgeryTop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSurgeryTop {
    margin-top: 4.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSurgeryTop {
    font-size: 3.2vw;
  }
}

.h3SurgeryTop02 {
  margin-top: 38px;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .h3SurgeryTop02 {
    margin-top: 6.66%;
    margin-bottom: 2.45%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3SurgeryTop02 {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.surgeryBtmFx {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .surgeryBtmFx {
    margin-top: 4.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .surgeryBtmFx {
    margin-top: 17.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSurgeryBtm {
  width: 570px;
}
@media screen and (max-width: 1279px) {
  .picSurgeryBtm {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .picSurgeryBtm {
    width: 95%;
    margin: auto;
  }
}

.secSurgeryBtm {
  width: 570px;
  margin-top: 82px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secSurgeryBtm {
    width: 47.5%;
  }
}
@media screen and (max-width: 1279px) {
  .secSurgeryBtm {
    margin: 6.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSurgeryBtm {
    width: 96%;
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3SurgeryBtm {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3SurgeryBtm {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SurgeryBtm {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SurgeryBtm {
    font-size: 4.8vw;
  }
}

.txtSurgeryBtm {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtSurgeryBtm {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtSurgeryBtm {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSurgeryBtm {
    margin-top: 4.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSurgeryBtm {
    font-size: 3.2vw;
  }
}

.txtLastTop {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLastTop {
    margin-top: 5.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLastTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastTop {
    margin-top: 14.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastTop {
    font-size: 3.7333333333vw;
  }
}

.txtLastBtm {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLastBtm {
    margin-top: 1.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLastBtm {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastBtm {
    margin-top: 6.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastBtm {
    font-size: 5.3333333333vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.doctorTop {
  padding-top: 150px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .doctorTop {
    padding: 7.81% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .doctorTop {
    padding: 19% 0% 0% 0%;
  }
}

.doctorTopLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .doctorTopLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .doctorTopLxn {
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .doctorTopLxn {
    width: 92%;
  }
}

.h2Doctor {
  width: 335px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 335/86;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2DoctorLeftPc.svg), url(../img/top/h2DoctorRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Doctor {
    width: 27.91%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Doctor {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Doctor {
    width: 134px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 134/45;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2DoctorLeftSp.svg), url(../img/top/h2DoctorRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Doctor {
    width: 38.84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Doctor {
    font-size: 4.8vw;
  }
}

.txtDoctorTop {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtDoctorTop {
    margin-top: 3.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtDoctorTop {
    width: 66.66%;
  }
}
@media screen and (max-width: 1279px) {
  .txtDoctorTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDoctorTop {
    margin-top: 8.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtDoctorTop {
    width: 91.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDoctorTop {
    font-size: 3.4666666667vw;
  }
}

.doctorTopFx {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .doctorTopFx {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .doctorTopFx {
    margin-top: 15.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoDoctorTop {
  width: 400px;
}
@media screen and (max-width: 1279px) {
  .photoDoctorTop {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .photoDoctorTop {
    width: 177px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoDoctorTop {
    width: 51.3%;
  }
}

.secDoctorTop {
  width: 580px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 110px;
}
@media screen and (max-width: 1279px) {
  .secDoctorTop {
    width: 48.33%;
  }
}
@media screen and (max-width: 1279px) {
  .secDoctorTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .secDoctorTop {
    margin: 5.25% 9.16% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDoctorTop {
    margin-top: 11.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secDoctorTop {
    width: 91.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secDoctorTop {
    font-size: 3.2vw;
  }
}

.h3DoctorTop {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3DoctorTop {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DoctorTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3DoctorTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DoctorTop {
    font-size: 4.8vw;
  }
}

.txtDoctorTop02 {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtDoctorTop02 {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtDoctorTop02 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDoctorTop02 {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDoctorTop02 {
    font-size: 3.2vw;
  }
}

.h4DoctorTop {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h4DoctorTop {
    margin: 4.13% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4DoctorTop {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h4DoctorTop {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4DoctorTop {
    font-size: 3.4666666667vw;
  }
}

.nameDoctorTop {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .nameDoctorTop {
    margin-top: 1.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1279px) {
  .nameDoctorTop {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .nameDoctorTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameDoctorTop {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.doctorSemmon {
  padding-top: 80px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .doctorSemmon {
    padding: 4.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .doctorSemmon {
    padding: 11.33% 0% 0% 0%;
  }
}

.doctorSemmonLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .doctorSemmonLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .doctorSemmonLxn {
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .doctorSemmonLxn {
    width: 92%;
  }
}

.doctorSemmonBx {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 80px;
  /* CSS3草案 */
  -webkit-border-radius: 80px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 80px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .doctorSemmonBx {
    padding: 5% 0% 5% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .doctorSemmonBx {
    border-radius: 6.25vw;
    /* CSS3草案 */
    -webkit-border-radius: 6.25vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6.25vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .doctorSemmonBx {
    border-radius: 42px;
    /* CSS3草案 */
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
    padding: 14.33% 0% 6.66% 0%;
  }
}

.doctorSemmonBxLxn {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .doctorSemmonBxLxn {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .doctorSemmonBxLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .doctorSemmonBxLxn {
    width: 85.5%;
  }
}

.doctorSemmonTopLeft {
  width: 510px;
}
@media screen and (max-width: 1279px) {
  .doctorSemmonTopLeft {
    width: 47.22%;
  }
}
@media screen and (max-width: 767px) {
  .doctorSemmonTopLeft {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .doctorSemmonTopLeft {
    width: 100%;
  }
}

.h3DoctorSemmonTopLeft {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  background: #FFF0F2;
  aspect-ratio: 510/40;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .h3DoctorSemmonTopLeft {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DoctorSemmonTopLeft {
    aspect-ratio: 295/32;
    line-height: normal;
    letter-spacing: 0.06em;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    background: #FFF0F2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DoctorSemmonTopLeft {
    font-size: 3.7333333333vw;
  }
}

.txtDoctorSemmonTopLeft {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtDoctorSemmonTopLeft {
    margin: 3.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtDoctorSemmonTopLeft {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDoctorSemmonTopLeft {
    margin: 7% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDoctorSemmonTopLeft {
    font-size: 3.4666666667vw;
  }
}

.secDoctorSemmonTopLeft02 {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secDoctorSemmonTopLeft02 {
    margin: 4.31% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDoctorSemmonTopLeft02 {
    margin: 8.16% 0% 0% 0%;
  }
}

.ulDoctorSemmonTopLeft {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulDoctorSemmonTopLeft {
    margin: 3.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulDoctorSemmonTopLeft {
    margin: 7.16% 0% 0% 0%;
  }
}

.liDoctorSemmonTopLeft:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liDoctorSemmonTopLeft:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDoctorSemmonTopLeft:nth-child(n+2) {
    margin: 1.77% 0% 0% 0%;
  }
}

.iconLiDoctorSemmonTopLeft {
  width: 15px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .iconLiDoctorSemmonTopLeft {
    width: 2.94%;
  }
}
@media screen and (max-width: 1279px) {
  .iconLiDoctorSemmonTopLeft {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .iconLiDoctorSemmonTopLeft {
    width: 15px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiDoctorSemmonTopLeft {
    width: 5.08%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconLiDoctorSemmonTopLeft {
    font-size: 3.4666666667vw;
  }
}

.txtLiDoctorSemmonTopLeft {
  width: 487px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLiDoctorSemmonTopLeft {
    width: 95.49%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiDoctorSemmonTopLeft {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiDoctorSemmonTopLeft {
    width: 278px;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLiDoctorSemmonTopLeft {
    width: 94.23%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiDoctorSemmonTopLeft {
    font-size: 3.4666666667vw;
  }
}

.doctorSemmonTopRight {
  width: 510px;
}
@media screen and (max-width: 1279px) {
  .doctorSemmonTopRight {
    width: 47.22%;
  }
}
@media screen and (max-width: 767px) {
  .doctorSemmonTopRight {
    width: 295px;
    margin: 6.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .doctorSemmonTopRight {
    width: 100%;
  }
}

.h3DoctorSemmonTopRight {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  background: #FFF0F2;
  aspect-ratio: 510/40;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .h3DoctorSemmonTopRight {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DoctorSemmonTopRight {
    aspect-ratio: 295/32;
    line-height: normal;
    letter-spacing: 0.06em;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    background: #FFF0F2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DoctorSemmonTopRight {
    font-size: 3.7333333333vw;
  }
}

.rubyDoctorSemmonTopRight {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .rubyDoctorSemmonTopRight {
    margin: 3.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .rubyDoctorSemmonTopRight {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyDoctorSemmonTopRight {
    margin: 8.16% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyDoctorSemmonTopRight {
    font-size: 3.4666666667vw;
  }
}

.ulDoctorSemmonTopRight {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulDoctorSemmonTopRight {
    margin: 2.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulDoctorSemmonTopRight {
    margin: 2.13% 0% 0% 0%;
  }
}

.liDoctorSemmonTopRight:nth-child(n+2) {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liDoctorSemmonTopRight:nth-child(n+2) {
    margin: 0.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDoctorSemmonTopRight:nth-child(n+2) {
    margin: 1.5% 0% 0% 0%;
  }
}

.iconTitleDoctorSemmonTopRight {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  width: 15px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .iconTitleDoctorSemmonTopRight {
    margin: 0% 1.56% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTitleDoctorSemmonTopRight {
    width: 2.94%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTitleDoctorSemmonTopRight {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleDoctorSemmonTopRight {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 17px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTitleDoctorSemmonTopRight {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTitleDoctorSemmonTopRight {
    width: 5.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconTitleDoctorSemmonTopRight {
    font-size: 3.4666666667vw;
  }
}

.txtTitleDoctorSemmonTopRight {
  width: 487px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtTitleDoctorSemmonTopRight {
    width: 95.49%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTitleDoctorSemmonTopRight {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleDoctorSemmonTopRight {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 278px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTitleDoctorSemmonTopRight {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTitleDoctorSemmonTopRight {
    width: 94.23%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleDoctorSemmonTopRight {
    font-size: 3.4666666667vw;
  }
}

.honbunDoctorSemmonTopRight {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .honbunDoctorSemmonTopRight {
    margin: 0.39% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .honbunDoctorSemmonTopRight {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .honbunDoctorSemmonTopRight {
    margin: 0.5% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .honbunDoctorSemmonTopRight {
    font-size: 3.2vw;
  }
}

.btnDoctorSemmonTopBx {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .btnDoctorSemmonTopBx {
    margin: 4.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnDoctorSemmonTopBx {
    margin: 7.5% 0% 0% 0%;
  }
}

.btnDoctorSemmonTopLxn {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  aspect-ratio: 510/60;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  border: 2px solid #FFB965;
  color: #C0344B;
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .btnDoctorSemmonTopLxn {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .btnDoctorSemmonTopLxn {
    line-height: normal;
    letter-spacing: 0.06em;
    aspect-ratio: 295/60;
    border: 2px solid #FFB965;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnDoctorSemmonTopLxn {
    font-size: 3.7333333333vw;
  }
}
.btnDoctorSemmonTopLxn:hover {
  opacity: 1;
  background: #FFB965;
  color: #fff;
}

.bestDoctor {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .bestDoctor {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .bestDoctor {
    padding: 3.33% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bestDoctor {
    width: 295px;
    margin-top: 9.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    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: 767px) and (max-width: 1279px) {
  .bestDoctor {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .bestDoctor {
    padding: 10.16% 0% 10.16% 0%;
  }
}

.bestDoctorFx {
  width: 980px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .bestDoctorFx {
    width: 81.66%;
  }
}
@media screen and (max-width: 767px) {
  .bestDoctorFx {
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .bestDoctorFx {
    width: 86.44%;
  }
}

.picBestDoctor {
  width: 205px;
  transform: translate(0px, 3%);
}
@media screen and (max-width: 1279px) {
  .picBestDoctor {
    width: 20.91%;
  }
}
@media screen and (max-width: 767px) {
  .picBestDoctor {
    width: 121px;
    margin: auto;
    transform: translate(0px, 0%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picBestDoctor {
    width: 47.45%;
  }
}

.secBestDoctor {
  width: 715px;
}
@media screen and (max-width: 1279px) {
  .secBestDoctor {
    width: 72.95%;
  }
}
@media screen and (max-width: 767px) {
  .secBestDoctor {
    width: 255px;
    margin-top: 6.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secBestDoctor {
    width: 100%;
  }
}

.h3BestDoctor {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3BestDoctor {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3BestDoctor {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3BestDoctor {
    font-size: 4.8vw;
  }
}

.txtBestDoctor {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtBestDoctor {
    margin: 2.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtBestDoctor {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBestDoctor {
    margin: 5.76% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBestDoctor {
    font-size: 3.2vw;
  }
}

.h4BestDoctor {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h4BestDoctor {
    margin: 4.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4BestDoctor {
    font-size: 1.4073494918vw;
  }
}
.h4BestDoctor::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.h4BestDoctor::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4BestDoctor {
    margin: 8.76% 0% 0% 0%;
    line-height: 2.1428571429;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4BestDoctor {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4BestDoctor::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .h4BestDoctor::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.honbunBestDoctor {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .honbunBestDoctor {
    margin: 1.39% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .honbunBestDoctor {
    font-size: 1.4073494918vw;
  }
}
.honbunBestDoctor::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.honbunBestDoctor::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .honbunBestDoctor {
    margin: 4.84% 0% 0% 0%;
    line-height: 150%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .honbunBestDoctor {
    font-size: 3.4666666667vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.otherDoctors {
  padding-top: 101px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .otherDoctors {
    padding: 5.26% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .otherDoctors {
    padding: 10.33% 0% 19.66% 0%;
  }
}

.otherDoctorsLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .otherDoctorsLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .otherDoctorsLxn {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .otherDoctorsLxn {
    width: 84%;
  }
}

.h2OtherDoctors {
  font-size: 24px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h2OtherDoctors {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2OtherDoctors {
    line-height: 180%;
    letter-spacing: 0.03em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OtherDoctors {
    font-size: 4.8vw;
  }
}

.infoOtherDoctor {
  margin-top: 86px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .infoOtherDoctor {
    margin-top: 7.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoOtherDoctor {
    margin-top: 12.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoInfoOtherDoctor {
  width: 150px;
}
@media screen and (max-width: 1279px) {
  .photoInfoOtherDoctor {
    width: 12.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoInfoOtherDoctor {
    width: 100px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoInfoOtherDoctor {
    width: 31.74%;
  }
}

.secInfoOtherDoctor {
  width: 1000px;
  margin: -1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .secInfoOtherDoctor {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .secInfoOtherDoctor {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secInfoOtherDoctor {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .nameInfoOtherDoctorFx {
    justify-content: center;
  }
}

.h3NameInfoOtherDoctorFx {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3NameInfoOtherDoctorFx {
    margin: 0% 2% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h3NameInfoOtherDoctorFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h3NameInfoOtherDoctorFx {
    margin: 0% 3.8% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3NameInfoOtherDoctorFx {
    font-size: 3.7333333333vw;
  }
}

.h4NameInfoOtherDoctorFx {
  font-size: 22px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h4NameInfoOtherDoctorFx {
    font-size: 1.7200938233vw;
  }
}
@media screen and (max-width: 767px) {
  .h4NameInfoOtherDoctorFx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4NameInfoOtherDoctorFx {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4NameInfoOtherDoctorFx {
    font-size: 4.8vw;
  }
}

.txtNameInfoOtherDoctorFx {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtNameInfoOtherDoctorFx {
    margin: 1% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtNameInfoOtherDoctorFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtNameInfoOtherDoctorFx {
    margin: 4.5% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtNameInfoOtherDoctorFx {
    font-size: 3.2vw;
  }
}

.genreLicenseInfoOtherDoctor {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 16px;
  /* CSS3草案 */
  -webkit-border-radius: 16px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 16px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .genreLicenseInfoOtherDoctor {
    margin-top: 2.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .genreLicenseInfoOtherDoctor {
    padding: 3% 0% 2% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .genreLicenseInfoOtherDoctor {
    border-radius: 1.25vw;
    /* CSS3草案 */
    -webkit-border-radius: 1.25vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 1.25vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .genreLicenseInfoOtherDoctor {
    margin: 8.52% 0% 0% 0%;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    padding: 7.93% 0% 4.93% 0%;
  }
}

.genreLicenseInfoOtherDoctorLxn {
  width: 940px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .genreLicenseInfoOtherDoctorLxn {
    width: 94%;
  }
}
@media screen and (max-width: 767px) {
  .genreLicenseInfoOtherDoctorLxn {
    width: 265px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .genreLicenseInfoOtherDoctorLxn {
    width: 84.12%;
  }
}

.genreInfoOtherDoctor {
  width: 455px;
}
@media screen and (max-width: 1279px) {
  .genreInfoOtherDoctor {
    width: 48.4%;
  }
}
@media screen and (max-width: 767px) {
  .genreInfoOtherDoctor {
    width: 265px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .genreInfoOtherDoctor {
    width: 100%;
  }
}

.licenseInfoOtherDoctor {
  width: 455px;
}
@media screen and (max-width: 1279px) {
  .licenseInfoOtherDoctor {
    width: 48.4%;
  }
}
@media screen and (max-width: 767px) {
  .licenseInfoOtherDoctor {
    margin-top: 6.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 265px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .licenseInfoOtherDoctor {
    width: 100%;
  }
}

.h5GenreLicenseInfoOtherDoctor {
  aspect-ratio: 455/40;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .h5GenreLicenseInfoOtherDoctor {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .h5GenreLicenseInfoOtherDoctor {
    border-radius: 0.625vw;
    /* CSS3草案 */
    -webkit-border-radius: 0.625vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.625vw;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .h5GenreLicenseInfoOtherDoctor {
    aspect-ratio: 265/32;
    line-height: normal;
    letter-spacing: 0.06em;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5GenreLicenseInfoOtherDoctor {
    font-size: 3.7333333333vw;
  }
}

.txtGenreLicenseInfoOtherDoctor {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtGenreLicenseInfoOtherDoctor {
    margin-top: 4.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtGenreLicenseInfoOtherDoctor {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGenreLicenseInfoOtherDoctor {
    margin-top: 6.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGenreLicenseInfoOtherDoctor {
    font-size: 3.4666666667vw;
  }
}

.ulGenreLicenseInfoOtherDoctor {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulGenreLicenseInfoOtherDoctor {
    margin: 3.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulGenreLicenseInfoOtherDoctor {
    margin-top: 6.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.iconLiGenreLicenseInfoOtherDoctor {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  width: 15px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    margin: 0% 1.56% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    width: 2.94%;
  }
}
@media screen and (max-width: 1279px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 15px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    width: 5.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconLiGenreLicenseInfoOtherDoctor {
    font-size: 3.4666666667vw;
  }
}

.txtLiGenreLicenseInfoOtherDoctor {
  width: 487px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLiGenreLicenseInfoOtherDoctor {
    width: 95.49%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiGenreLicenseInfoOtherDoctor {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiGenreLicenseInfoOtherDoctor {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 248px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLiGenreLicenseInfoOtherDoctor {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLiGenreLicenseInfoOtherDoctor {
    width: 93.58%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiGenreLicenseInfoOtherDoctor {
    font-size: 3.4666666667vw;
  }
}

.infoOtherDoctor02 {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .infoOtherDoctor02 {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoOtherDoctor02 {
    margin-top: 15.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.strong {
  padding-top: 150px;
  padding-bottom: 141px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/top/bgStrongPc.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1279px) {
  .strong {
    padding: 7.81% 0% 7.34% 0%;
  }
}
@media screen and (max-width: 767px) {
  .strong {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 0px;
    padding-right: 0px;
    background: url(../img/top/bgStrongSp.png) no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .strong {
    padding: 18.66% 0% 18.66% 0%;
  }
}

.strongLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .strongLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .strongLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .strongLxn {
    width: 84%;
  }
}

.secStrongTitle {
  width: 423px;
}
@media screen and (max-width: 1279px) {
  .secStrongTitle {
    width: 35.25%;
  }
}
@media screen and (max-width: 767px) {
  .secStrongTitle {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secStrongTitle {
    width: 100%;
  }
}

.h2StrongTitle {
  width: 423px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 423/151;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2StrongLeftPc.svg), url(../img/top/h2StrongRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2StrongTitle {
    width: 100%;
  }
}
@media screen and (max-width: 1279px) {
  .h2StrongTitle {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2StrongTitle {
    width: 178px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 178/77;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2StrongLeftSp.svg), url(../img/top/h2StrongRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2StrongTitle {
    width: 56.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2StrongTitle {
    font-size: 4.8vw;
  }
}

.txtStrongTitle {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtStrongTitle {
    margin: 9.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtStrongTitle {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtStrongTitle {
    margin: 9.69% 0% 0% 0%;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtStrongTitle {
    font-size: 3.4666666667vw;
  }
}

.cntStrongMain {
  width: 777px;
  margin-top: -11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .cntStrongMain {
    width: 64.75%;
  }
}
@media screen and (max-width: 1279px) {
  .cntStrongMain {
    margin: -0.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntStrongMain {
    width: 315px;
    margin: 12.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntStrongMain {
    width: 100%;
  }
}

.ulStrongMain {
  width: 577px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulStrongMain {
    width: 74.25%;
  }
}
@media screen and (max-width: 767px) {
  .ulStrongMain {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulStrongMain {
    width: 100%;
  }
}

.liStrongMain:nth-child(n+2) {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liStrongMain:nth-child(n+2) {
    margin: 5.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStrongMain:nth-child(n+2) {
    margin: 10.87% 0% 0% 0%;
  }
}

.h3StrongMain {
  font-size: 20px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3StrongMain {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3StrongMain {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3StrongMain {
    font-size: 4.8vw;
  }
}

.txtStrongMain {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtStrongMain {
    margin-top: 1.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtStrongMain {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtStrongMain {
    margin: 4.52% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtStrongMain {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faq {
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .faq {
    padding: 7.81% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faq {
    padding: 18.66% 0% 18.66% 0%;
  }
}

.faqLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .faqLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .faqLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .faqLxn {
    width: 92%;
  }
}

.faqTitleFx {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .faqTitleFx {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .faqTitleFx {
    width: 92.5%;
  }
}

.pcFaqTitleLeft {
  width: 144px;
}
@media screen and (max-width: 1279px) {
  .pcFaqTitleLeft {
    width: 13.33%;
  }
}

.secFaqTitle {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 791px;
}
@media screen and (max-width: 1279px) {
  .secFaqTitle {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .secFaqTitle {
    width: 73.24%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqTitle {
    width: 315px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secFaqTitle {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secFaqTitle {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2FaqTitle {
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 797/86;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2FaqLeftPc.svg), url(../img/top/h2FaqRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2FaqTitle {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FaqTitle {
    width: 248px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 248/77;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2FaqLeftSp.svg), url(../img/top/h2FaqRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2FaqTitle {
    width: 78.73%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FaqTitle {
    font-size: 4.8vw;
  }
}

.txtFaqTitle {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtFaqTitle {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtFaqTitle {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFaqTitle {
    margin-top: 9.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFaqTitle {
    font-size: 3.4666666667vw;
  }
}

.pcFaqTitleRight {
  width: 144px;
  transform: translate(13%, 0px);
}
@media screen and (max-width: 1279px) {
  .pcFaqTitleRight {
    width: 13.33%;
  }
}

@media screen and (max-width: 767px) {
  .spFaqTitle {
    margin-top: 12.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 156px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .spFaqTitle {
    width: 45.21%;
  }
}

.mainFaqWap {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1279px) {
  .mainFaqWap {
    margin-top: 5.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .mainFaqWap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .mainFaqWap {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainFaqWap {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainFaqWap {
    width: 100%;
  }
}

.liMainFaqWap:nth-child(n+2) {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liMainFaqWap:nth-child(n+2) {
    margin-top: 0.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liMainFaqWap:nth-child(n+2) {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnMainFaqTitle {
  padding-top: 8px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1020px;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 1279px) {
  .btnMainFaqTitle {
    padding: 0.74% 0% 0.83% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .btnMainFaqTitle {
    width: 94.44%;
  }
}
@media screen and (max-width: 767px) {
  .btnMainFaqTitle {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-right: 0px;
    width: 321px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnMainFaqTitle {
    padding: 3.47% 0% 3.47% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnMainFaqTitle {
    width: 93.04%;
  }
}

.btnMainFaqTitleFx {
  width: 100%;
}

.iconBtnMainFaqTitle {
  width: 33px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .iconBtnMainFaqTitle {
    width: 3.23%;
  }
}
@media screen and (max-width: 1279px) {
  .iconBtnMainFaqTitle {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnMainFaqTitle {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnMainFaqTitle {
    width: 8.72%;
  }
}

.h2BtnMainFaqTitle {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
  width: 877px;
}
@media screen and (max-width: 1279px) {
  .h2BtnMainFaqTitle {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2BtnMainFaqTitle {
    width: 85.98%;
  }
}
@media screen and (max-width: 767px) {
  .h2BtnMainFaqTitle {
    width: 243px;
    line-height: 160%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2BtnMainFaqTitle {
    width: 75.7%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2BtnMainFaqTitle {
    font-size: 3.4666666667vw;
  }
}

.brdBtnMainFaqTitleLxn {
  position: relative;
  width: 58px;
  aspect-ratio: 1/1;
  transform: translate(17%, 0px);
}
@media screen and (max-width: 1279px) {
  .brdBtnMainFaqTitleLxn {
    width: 5.68%;
  }
}
@media screen and (max-width: 767px) {
  .brdBtnMainFaqTitleLxn {
    transform: translate(0%, 0px);
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdBtnMainFaqTitleLxn {
    width: 8.72%;
  }
}

.brdBtnMainFaqTitle {
  width: 14px;
  margin: auto;
  height: 1px;
  background: #33afdd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .brdBtnMainFaqTitle {
    width: 24.13%;
  }
}
@media screen and (max-width: 767px) {
  .brdBtnMainFaqTitle {
    width: 14px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdBtnMainFaqTitle {
    width: 50%;
  }
}

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

.btnMainFaqTitle.on .brdBtnMainFaqTitle02 {
  transform: rotate(0deg);
  opacity: 0;
}

.answerMainFaq {
  display: none;
}

.brdAnswerMainFaq {
  height: 1px;
  width: 100%;
  background: #CFCFCF;
}

.answerMainFaqFx {
  width: 1020px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .answerMainFaqFx {
    width: 94.44%;
  }
}
@media screen and (max-width: 1279px) {
  .answerMainFaqFx {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .answerMainFaqFx {
    padding: 0% 0% 2.77% 0%;
  }
}
@media screen and (max-width: 767px) {
  .answerMainFaqFx {
    width: 321px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .answerMainFaqFx {
    width: 93.04%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .answerMainFaqFx {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .answerMainFaqFx {
    padding: 0% 0% 5.79% 0%;
  }
}

.iconBtnMainFaqAnswer {
  width: 33px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .iconBtnMainFaqAnswer {
    width: 3.23%;
  }
}
@media screen and (max-width: 1279px) {
  .iconBtnMainFaqAnswer {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnMainFaqAnswer {
    width: 28px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnMainFaqAnswer {
    width: 8.72%;
  }
}

.cntMainFaqAnswer {
  width: 960px;
  margin-top: -8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .cntMainFaqAnswer {
    width: 94.11%;
  }
}
@media screen and (max-width: 1279px) {
  .cntMainFaqAnswer {
    margin: -0.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqAnswer {
    margin: -2.4% 0 0 0;
    width: 281px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntMainFaqAnswer {
    width: 87.53%;
  }
}

.cntMainFaqAnswer p {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .cntMainFaqAnswer p {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqAnswer p {
    line-height: 183%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntMainFaqAnswer p {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.gimonTop {
  padding-top: 150px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .gimonTop {
    padding: 7.81% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .gimonTop {
    padding-top: 70px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .gimonTop {
    padding: 18.66% 0% 0% 0%;
  }
}

.titleGimonTop {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .titleGimonTop {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .titleGimonTop {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleGimonTop {
    width: 84%;
  }
}

.h2GimonTop {
  width: 527px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 526/151;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2GimonTopLeftPc.svg), url(../img/top/h2GimonTopRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2GimonTop {
    width: 43.91%;
  }
}
@media screen and (max-width: 1279px) {
  .h2GimonTop {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2GimonTop {
    width: 229px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    aspect-ratio: 229/77;
    display: flex;
    justify-content: center;
    background: url(../img/top/h2GimonTopLeftSp.svg), url(../img/top/h2GimonTopRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2GimonTop {
    width: 72.69%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2GimonTop {
    font-size: 4.8vw;
  }
}

.txtGimonTopTop {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtGimonTopTop {
    margin-top: 3.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtGimonTopTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGimonTopTop {
    margin-top: 9.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGimonTopTop {
    font-size: 3.4666666667vw;
  }
}

.photoGimonTop {
  width: 1000px;
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .photoGimonTop {
    width: 83.33%;
  }
}
@media screen and (max-width: 1279px) {
  .photoGimonTop {
    margin-top: 5.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoGimonTop {
    width: 315px;
    margin-top: 17.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoGimonTop {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.gimonTab {
  padding-top: 99px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .gimonTab {
    padding: 5.15% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .gimonTab {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .gimonTab {
    padding: 18.66% 0% 18.66% 0%;
  }
}

.gimonTabLxns {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .gimonTabLxns {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .gimonTabLxns {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .gimonTabLxns {
    width: 92%;
  }
}

.ulGimonTab {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulGimonTab {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulGimonTab {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulGimonTab {
    width: 91.3%;
  }
}

.liGimonTab {
  width: 244px;
  border-radius: 20px 20px 0 0;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.06em;
  aspect-ratio: 244/80;
  color: #C0344B;
  background: #FFF;
  text-align: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .liGimonTab {
    width: 24.4%;
  }
}
@media screen and (max-width: 1279px) {
  .liGimonTab {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .liGimonTab {
    border-radius: 1.5625vw 1.5625vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .liGimonTab {
    border-radius: 12px 12px 0 0;
    width: 155px;
    line-height: 150%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liGimonTab {
    width: 49.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liGimonTab {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .liGimonTab:nth-child(n+3) {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liGimonTab.on {
  background: #C0344B;
  color: #FFF;
}

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

.openGimonTab {
  display: none;
}

.openGimonTab.on {
  display: block;
}

.h2OpenGimonTab {
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h2OpenGimonTab {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .h2OpenGimonTab {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OpenGimonTab {
    font-size: 5.3333333333vw;
  }
}

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

.liOpenGimonTab {
  padding-top: 73px;
  padding-bottom: 73px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 80px;
  /* CSS3草案 */
  -webkit-border-radius: 80px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 80px;
  /* Firefox用 */
  background: #FFF;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .liOpenGimonTab {
    padding: 6.08% 0% 6.08% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liOpenGimonTab {
    padding: 11% 0% 12% 0%;
    border-radius: 42px;
    /* CSS3草案 */
    -webkit-border-radius: 42px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 42px;
    /* Firefox用 */
  }
}
.liOpenGimonTab:nth-child(n+2) {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liOpenGimonTab:nth-child(n+2) {
    margin: 2.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liOpenGimonTab:nth-child(n+2) {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liOpenGimonTab:nth-child(n+2) {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liOpenGimonTabLxn {
  width: 1040px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liOpenGimonTabLxn {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) {
  .liOpenGimonTabLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liOpenGimonTabLxn {
    width: 85.5%;
  }
}

.h3OpenGimonTab {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3OpenGimonTab {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3OpenGimonTab {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3OpenGimonTab {
    font-size: 4.2666666667vw;
  }
}

.brdOpenGimonTab {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #CFCFCF;
  height: 1px;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .brdOpenGimonTab {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdOpenGimonTab {
    margin-top: 7.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.contOpenGimonTab {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .contOpenGimonTab {
    margin-top: 2.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contOpenGimonTab {
    margin-top: 7.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.contOpenGimonTab h2 {
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .contOpenGimonTab h2 {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .contOpenGimonTab h2 {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .contOpenGimonTab h2 {
    font-size: 3.7333333333vw;
  }
}
.contOpenGimonTab h2 + h2,
.contOpenGimonTab p + h2,
.contOpenGimonTab img + h2 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .contOpenGimonTab h2 + h2,
  .contOpenGimonTab p + h2,
  .contOpenGimonTab img + h2 {
    margin-top: 1.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contOpenGimonTab h2 + h2,
  .contOpenGimonTab p + h2,
  .contOpenGimonTab img + h2 {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .contOpenGimonTab h2 + h2,
  .contOpenGimonTab p + h2,
  .contOpenGimonTab img + h2 {
    margin-top: 9.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.contOpenGimonTab p {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .contOpenGimonTab p {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .contOpenGimonTab p {
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .contOpenGimonTab p {
    font-size: 3.4666666667vw;
  }
}
.contOpenGimonTab h2 + p,
.contOpenGimonTab p + p,
.contOpenGimonTab img + p {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .contOpenGimonTab h2 + p,
  .contOpenGimonTab p + p,
  .contOpenGimonTab img + p {
    margin-top: 1.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contOpenGimonTab h2 + p,
  .contOpenGimonTab p + p,
  .contOpenGimonTab img + p {
    margin-top: 4.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.contOpenGimonTab img {
  max-width: 100%;
  width: auto;
}
.contOpenGimonTab h2 + p img,
.contOpenGimonTab h3 + p img,
.contOpenGimonTab h4 + p img,
.contOpenGimonTab h5 + p img,
.contOpenGimonTab p + p img {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .contOpenGimonTab h2 + p img,
  .contOpenGimonTab h3 + p img,
  .contOpenGimonTab h4 + p img,
  .contOpenGimonTab h5 + p img,
  .contOpenGimonTab p + p img {
    margin: 2.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .contOpenGimonTab h2 + p img,
  .contOpenGimonTab h3 + p img,
  .contOpenGimonTab h4 + p img,
  .contOpenGimonTab h5 + p img,
  .contOpenGimonTab p + p img {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.contOpenGimonTab .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
.contOpenGimonTab .alignleft {
  float: left;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.contOpenGimonTab .alignright {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.ulGimonTabBtm {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .ulGimonTabBtm {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulGimonTabBtm {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulGimonTabBtm {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulGimonTabBtm {
    margin-top: 17.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulGimonTabBtm {
    width: 91.3%;
  }
}

.liGimonBtmTab {
  width: 244px;
  border-radius: 0 0 20px 20px;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.06em;
  aspect-ratio: 244/80;
  color: #C0344B;
  text-align: center;
  background: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .liGimonBtmTab {
    width: 24.4%;
  }
}
@media screen and (max-width: 1279px) {
  .liGimonBtmTab {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .liGimonBtmTab {
    width: 155px;
    border-radius: 0 0 12px 12px;
    line-height: 150%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liGimonBtmTab {
    width: 49.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liGimonBtmTab {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .liGimonBtmTab:nth-child(n+3) {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liGimonBtmTab:nth-child(n+3) {
    margin: 3.17% 0% 0% 0%;
  }
}

.btnGimonTab:hover {
  background: #FFF0F2;
}

.btnGimonTab.on {
  background: #C0344B;
  color: #FFF;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.price {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 151px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .price {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .price {
    padding: 7.86% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .price {
    padding: 18.66% 0% 17.66% 0%;
  }
}

.priceLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .priceLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .priceLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .priceLxn {
    width: 84%;
  }
}

.h2PriceTop {
  width: 413px;
  aspect-ratio: 413/86;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  background-image: url(../img/top/h2PriceTopLeftPc.svg), url(../img/top/h2PriceTopRightPc.svg);
  background-position: top left, top right;
  background-size: auto 100%, auto 100%;
  background-repeat: no-repeat, no-repeat;
}
@media screen and (max-width: 1279px) {
  .h2PriceTop {
    width: 34.41%;
  }
}
@media screen and (max-width: 1279px) {
  .h2PriceTop {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceTop {
    width: 172px;
    aspect-ratio: 172/45;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin: auto;
    background-image: url(../img/top/h2PriceTopLeftSp.svg), url(../img/top/h2PriceTopRightSp.svg);
    background-position: top left, top right;
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat, no-repeat;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2PriceTop {
    width: 54.6%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PriceTop {
    font-size: 4.8vw;
  }
}

.txtPriceTopTop {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtPriceTopTop {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtPriceTopTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPriceTopTop {
    margin-top: 9.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPriceTopTop {
    font-size: 3.4666666667vw;
  }
}

.priceDetail {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 56px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 80px;
}
@media screen and (max-width: 1279px) {
  .priceDetail {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .priceDetail {
    padding: 4.16% 0% 4.66% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .priceDetail {
    border-radius: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .priceDetail {
    margin-top: 13.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 12.87% 0% 15.19% 0%;
    border-radius: 11.2vw;
  }
}

.priceDetailFx {
  width: 1062px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .priceDetailFx {
    width: 88.5%;
  }
}
@media screen and (max-width: 767px) {
  .priceDetailFx {
    width: 265px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .priceDetailFx {
    width: 84.12%;
  }
}

.casePriceDetail {
  width: 492px;
}
@media screen and (max-width: 1279px) {
  .casePriceDetail {
    width: 46.32%;
  }
}
@media screen and (max-width: 767px) {
  .casePriceDetail {
    width: 100%;
  }
}

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

.h3CasePriceDetail {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3CasePriceDetail {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CasePriceDetail {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CasePriceDetail {
    font-size: 5.3333333333vw;
  }
}

.ulCasePriceDetail {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .ulCasePriceDetail {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulCasePriceDetail {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liCasePriceDetail:nth-child(n+2) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liCasePriceDetail:nth-child(n+2) {
    margin-top: 2.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liCasePriceDetail:nth-child(n+2) {
    margin-top: 5.54%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconCasePriceDetailTitle {
  width: 23px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .iconCasePriceDetailTitle {
    width: 4.67%;
  }
}
@media screen and (max-width: 1279px) {
  .iconCasePriceDetailTitle {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .iconCasePriceDetailTitle {
    width: 17px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconCasePriceDetailTitle {
    width: 6.41%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconCasePriceDetailTitle {
    font-size: 3.4666666667vw;
  }
}

.mainCasePriceDetailTitle {
  width: 468px;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .mainCasePriceDetailTitle {
    width: 95.12%;
  }
}
@media screen and (max-width: 1279px) {
  .mainCasePriceDetailTitle {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .mainCasePriceDetailTitle {
    width: 248px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainCasePriceDetailTitle {
    width: 93.58%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCasePriceDetailTitle {
    font-size: 3.4666666667vw;
  }
}

.mainLiCasePriceDetailFx {
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  align-items: flex-end;
}
@media screen and (max-width: 1279px) {
  .mainLiCasePriceDetailFx {
    margin-top: -0.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainLiCasePriceDetailFx {
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4MainLiCasePriceDetailFx {
  width: 303px;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h4MainLiCasePriceDetailFx {
    width: 61.58%;
  }
}
@media screen and (max-width: 1279px) {
  .h4MainLiCasePriceDetailFx {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h4MainLiCasePriceDetailFx {
    width: 265px;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4MainLiCasePriceDetailFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4MainLiCasePriceDetailFx {
    font-size: 3.2vw;
  }
}

.txtMainLiCasePriceDetailFx {
  width: 189px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.06em;
  text-align: right;
}
@media screen and (max-width: 1279px) {
  .txtMainLiCasePriceDetailFx {
    width: 38.41%;
  }
}
@media screen and (max-width: 1279px) {
  .txtMainLiCasePriceDetailFx {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainLiCasePriceDetailFx {
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 265px;
    line-height: normal;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtMainLiCasePriceDetailFx {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtMainLiCasePriceDetailFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainLiCasePriceDetailFx {
    font-size: 4vw;
  }
}

.txtBtmPrice {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtBtmPrice {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtmPrice {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmPrice {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmPrice {
    font-size: 2.9333333333vw;
  }
}

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

.h2PriceLast {
  aspect-ratio: 1200/40;
  border-radius: 8px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h2PriceLast {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceLast {
    aspect-ratio: 315/32;
    border-radius: 2.1333333333vw;
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PriceLast {
    font-size: 3.7333333333vw;
  }
}

.txtPriceLast {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtPriceLast {
    margin-top: 2.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtPriceLast {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPriceLast {
    margin-top: 6.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 177%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPriceLast {
    font-size: 3.4666666667vw;
  }
}

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

.h3PriceMeyasuNew {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3PriceMeyasuNew {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PriceMeyasuNew {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PriceMeyasuNew {
    font-size: 5.3333333333vw;
  }
}

.priceMeyasuNewLxn {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 898px;
}
@media screen and (max-width: 1279px) {
  .priceMeyasuNewLxn {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .priceMeyasuNewLxn {
    width: 74.83%;
  }
}
@media screen and (max-width: 767px) {
  .priceMeyasuNewLxn {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .priceMeyasuNewLxn::-webkit-scrollbar {
    display: none;
  }
}

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

.thPriceMeyasuNew {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.06em;
  border: 1px solid #dcdcdc;
  border-collapse: collapse;
}
@media screen and (max-width: 1279px) {
  .thPriceMeyasuNew {
    padding: 1.11% 2.22% 1.11% 2.22%;
  }
}
@media screen and (max-width: 1279px) {
  .thPriceMeyasuNew {
    font-size: 1.5637216575vw;
  }
}
.thPriceMeyasuNew::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.thPriceMeyasuNew::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thPriceMeyasuNew {
    padding: 1.5% 3.11%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thPriceMeyasuNew {
    font-size: 3.7333333333vw;
  }
}

.thPriceMeyasuNew01 {
  width: 636px;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .thPriceMeyasuNew01 {
    width: 70.82%;
  }
}
@media screen and (max-width: 767px) {
  .thPriceMeyasuNew01 {
    width: 439px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thPriceMeyasuNew01 {
    width: 68.27%;
  }
}

.thPriceMeyasuNew02 {
  width: 130px;
}
@media screen and (max-width: 1279px) {
  .thPriceMeyasuNew02 {
    width: 14.47%;
  }
}
@media screen and (max-width: 767px) {
  .thPriceMeyasuNew02 {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thPriceMeyasuNew02 {
    width: 15.55%;
  }
}

.thPriceMeyasuNew03 {
  width: 130px;
}
@media screen and (max-width: 1279px) {
  .thPriceMeyasuNew03 {
    width: 14.47%;
  }
}
@media screen and (max-width: 767px) {
  .thPriceMeyasuNew03 {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thPriceMeyasuNew03 {
    width: 15.55%;
  }
}

.tdPriceMeyasuNew {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.06em;
  border: 1px solid #dcdcdc;
  border-collapse: collapse;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .tdPriceMeyasuNew {
    padding: 1.11% 0% 1.11% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .tdPriceMeyasuNew {
    font-size: 1.5637216575vw;
  }
}
.tdPriceMeyasuNew::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.tdPriceMeyasuNew::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdPriceMeyasuNew {
    padding: 1.57% 2.5%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdPriceMeyasuNew {
    font-size: 3.7333333333vw;
  }
}

.tdPriceMeyasuNew01 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .tdPriceMeyasuNew01 {
    padding: 1.11% 2.22% 1.11% 2.22%;
  }
}
@media screen and (max-width: 767px) {
  .tdPriceMeyasuNew01 {
    padding: 1.57% 3.11%;
  }
}

.txtBtmPrice02 {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .txtBtmPrice02 {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmPrice02 {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secPriceBtnWap {
  width: 290px;
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .secPriceBtnWap {
    width: 24.16%;
  }
}
@media screen and (max-width: 1279px) {
  .secPriceBtnWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPriceBtnWap {
    width: 79.06%;
    margin-top: 13.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secPriceBtn {
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0em;
  background: linear-gradient(90deg, #FFA6BF 0%, #FF526F 100%);
  color: #FFF;
  aspect-ratio: 290/60;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .secPriceBtn {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .secPriceBtn {
    line-height: 200%;
    line-height: 150%;
    letter-spacing: 0em;
    aspect-ratio: 250/50;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secPriceBtn {
    font-size: 4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.flow {
  padding-top: 150px;
  padding-bottom: 140px;
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: hidden;
}
@media screen and (max-width: 1279px) {
  .flow {
    padding: 7.81% 0% 7.29% 0%;
  }
}
@media screen and (max-width: 767px) {
  .flow {
    padding: 18.66% 0% 16.66% 0%;
  }
}

.bgFlow {
  background: url(../img/top/bgFlowPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgFlow {
    background: url(../img/top/bgFlowSp.png) no-repeat center top;
    background-size: cover;
  }
}

.flowLxn {
  width: 1200px;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .flowLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .flowLxn {
    width: 85%;
  }
}

.h2Flow {
  width: 373px;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  aspect-ratio: 373/86;
  display: flex;
  justify-content: center;
  background: url(../img/top/h2WorriesLeftPc.svg), url(../img/top/h2WorriesRightPc.svg);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}
@media screen and (max-width: 1279px) {
  .h2Flow {
    width: 31.08%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Flow {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Flow {
    background: url(../img/top/h2WorriesLeftSp.svg), url(../img/top/h2WorriesRightSp.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    line-height: 180%;
    letter-spacing: 0.06em;
    aspect-ratio: 153/45;
    width: 48.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Flow {
    font-size: 4.8vw;
  }
}

.h3Flow {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3Flow {
    margin-top: 3.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3Flow {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h3Flow {
    margin-top: 13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3Flow {
    font-size: 3.4666666667vw;
  }
}

.flowswiper {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .flowswiper {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .flowswiper {
    margin-top: 13.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.swiper {
  width: 95vw;
}
@media screen and (max-width: 767px) {
  .swiper {
    width: 100vw;
    padding: 0 12vw 0 0;
  }
}

.demo01_slider_item {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  width: 280px;
  aspect-ratio: 280/446;
  background: #FFF;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .demo01_slider_item {
    padding: 2.5% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .demo01_slider_item {
    padding: 5% 0% 5% 0%;
    width: 260px;
    aspect-ratio: 260/400;
  }
  .demo01_slider_item:last-child {
    display: none;
  }
}
.demo01_slider_item:last-child {
  background: none;
}
@media screen and (max-width: 767px) {
  .demo01_slider_item:last-child {
    display: none;
  }
}

.flowSwiperLxn {
  width: 220px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .flowSwiperLxn {
    width: 78.57%;
  }
}
@media screen and (max-width: 767px) {
  .flowSwiperLxn {
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .flowSwiperLxn {
    width: 84.61%;
  }
}

.photosFlowSwipper {
  position: relative;
  aspect-ratio: 220/140;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .photosFlowSwipper {
    aspect-ratio: 220/140;
  }
}
.photosFlowSwipper img {
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.h4FlowSwipper {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h4FlowSwipper {
    margin-top: 10.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4FlowSwipper {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h4FlowSwipper {
    margin-top: 10.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4FlowSwipper {
    font-size: 4vw;
  }
}

.cntSecFlowSwipper {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .cntSecFlowSwipper {
    margin-top: 3.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntSecFlowSwipper {
    margin-top: 3.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntSecFlowSwipper p {
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .cntSecFlowSwipper p {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .cntSecFlowSwipper p {
    line-height: 180%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntSecFlowSwipper p {
    font-size: 3.2vw;
  }
}

#flow .sliderScrollbar {
  position: relative;
  width: 600px;
  height: 2px;
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #ccc;
  border-radius: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  #flow .sliderScrollbar {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #flow .sliderScrollbar {
    margin-top: 16.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.slider__btn {
  background: #C0344B;
  border-radius: 7px;
  width: 100px;
  height: 8px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .slider__btn {
    width: 52px;
    height: 8px;
    border-radius: 2px;
  }
}

.txtFlowLast {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtFlowLast {
    margin-top: 5.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtFlowLast {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFlowLast {
    margin-top: 15.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 84%;
    line-height: 180%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFlowLast {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.info {
  padding-top: 150px;
  padding-bottom: 141px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .info {
    padding: 7.81% 0% 7.34% 0%;
  }
}
@media screen and (max-width: 767px) {
  .info {
    padding: 18.66% 0% 17.66% 0%;
  }
}

.infoLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .infoLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .infoLxn {
    width: 85%;
  }
}

.h2Info {
  width: 488px;
  aspect-ratio: 488/151;
  font-size: 36px;
  line-height: 180%;
  letter-spacing: 0.06em;
  margin: auto;
  background-image: url(../img/top/h2InfoLeftPc.svg), url(../img/top/h2InfoRightPc.svg);
  background-position: top left, top right;
  background-size: auto 100%, auto 100%;
  background-repeat: no-repeat, no-repeat;
}
@media screen and (max-width: 1279px) {
  .h2Info {
    width: 40.66%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Info {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Info {
    width: 210px;
    aspect-ratio: 210/77;
    background-image: url(../img/top/h2InfoLeftSp.svg), url(../img/top/h2InfoRightSp.svg);
    background-position: top left, top right;
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat, no-repeat;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2Info {
    width: 66.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Info {
    font-size: 4.8vw;
  }
}

.txtTopInfo {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtTopInfo {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopInfo {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopInfo {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.06em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopInfo {
    font-size: 3.4666666667vw;
  }
}

.tabInfoUl {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 828px;
}
@media screen and (max-width: 1279px) {
  .tabInfoUl {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .tabInfoUl {
    width: 68.99%;
  }
}
@media screen and (max-width: 767px) {
  .tabInfoUl {
    margin-top: 12.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.liTabInfoUl {
  width: 410px;
  aspect-ratio: 410/73;
  border-radius: 20px 20px 0 0;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.06em;
  transition-duration: 0.5s;
  color: #33AFDD;
  background: #EBFCFF;
}
@media screen and (max-width: 1279px) {
  .liTabInfoUl {
    width: 49.51%;
  }
}
@media screen and (max-width: 1279px) {
  .liTabInfoUl {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .liTabInfoUl {
    width: 155px;
    aspect-ratio: 155/50;
    border-radius: 12px 12px 0 0;
    line-height: 150%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTabInfoUl {
    width: 49.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTabInfoUl {
    font-size: 3.2vw;
  }
}
.liTabInfoUl:hover {
  color: #fff;
  background: #65DAFA;
}
.liTabInfoUl.on {
  color: #fff;
  background: #33AFDD;
}

.tabInfoMainLxn {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1279px) {
  .tabInfoMainLxn {
    margin-top: 4.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .tabInfoMainLxn {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .tabInfoMainLxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tabInfoMainLxn {
    margin-top: 12.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tabInfoMain.off {
  display: none;
}

.tabInfoMain.on {
  display: block;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topInfoTabDetailMain {
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .topInfoTabDetailMain {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .topInfoTabDetailMain {
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .topInfoTabDetailMain {
    font-size: 3.4666666667vw;
  }
}

.infoTabDetail {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .infoTabDetail {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoTabDetail {
    margin-top: 9.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
  }
}

.h2InfoTabDetailTop {
  aspect-ratio: 1080/40;
  border-radius: 8px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h2InfoTabDetailTop {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoTabDetailTop {
    aspect-ratio: 315/32;
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoTabDetailTop {
    font-size: 3.7333333333vw;
  }
}

.txtInfoTabDetailTop {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtInfoTabDetailTop {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtInfoTabDetailTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoTabDetailTop {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoTabDetailTop {
    font-size: 3.4666666667vw;
  }
}
.txtInfoTabDetailTop a {
  text-decoration: none;
  color: #464646;
}

.infoTabDetail02 {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .infoTabDetail02 {
    margin-top: 3.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoTabDetail02 {
    margin-top: 10.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .ulInfoTabDetailTopWap {
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ulInfoTabDetailTopWap::-webkit-scrollbar {
    display: none;
  }
}

.ulInfoTabDetailTop {
  margin-top: 40px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1279px) {
  .ulInfoTabDetailTop {
    margin-top: 3.7%;
    margin-bottom: 4.44%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulInfoTabDetailTop {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ulInfoTabDetailTop {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 1420px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulInfoTabDetailTop {
    margin-top: 9.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liInfoTabDetailTop {
  width: 170px;
  padding-top: 8px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
}
@media screen and (max-width: 1279px) {
  .liInfoTabDetailTop {
    width: 15.74%;
  }
}
@media screen and (max-width: 1279px) {
  .liInfoTabDetailTop {
    padding: 0.74% 0% 1.48% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoTabDetailTop {
    width: 220px;
    padding: 0.6% 0% 1.4% 0%;
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liInfoTabDetailTop {
    width: 15.49%;
  }
}

.h3LiInfoTabDetailTop {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h3LiInfoTabDetailTop {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiInfoTabDetailTop {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiInfoTabDetailTop {
    font-size: 5.3333333333vw;
  }
}

.iconLiInfoTabDetailTop {
  width: 60px;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .iconLiInfoTabDetailTop {
    width: 35.29%;
  }
}
@media screen and (max-width: 1279px) {
  .iconLiInfoTabDetailTop {
    margin-top: 6.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .iconLiInfoTabDetailTop {
    width: 60px;
    margin-top: 5.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiInfoTabDetailTop {
    width: 27.27%;
  }
}

.h4LiInfoTabDetailTop {
  width: 138px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.06em;
  min-height: 45px;
}
@media screen and (max-width: 1279px) {
  .h4LiInfoTabDetailTop {
    width: 81.17%;
  }
}
@media screen and (max-width: 1279px) {
  .h4LiInfoTabDetailTop {
    margin-top: 11.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4LiInfoTabDetailTop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .h4LiInfoTabDetailTop {
    min-height: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LiInfoTabDetailTop {
    width: 180px;
    margin-top: 6.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4LiInfoTabDetailTop {
    width: 81.81%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LiInfoTabDetailTop {
    font-size: 3.7333333333vw;
  }
}

.txtLiInfoTabDetailTop {
  width: 138px;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .txtLiInfoTabDetailTop {
    width: 81.17%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiInfoTabDetailTop {
    margin-top: 1.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiInfoTabDetailTop {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiInfoTabDetailTop {
    width: 180px;
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLiInfoTabDetailTop {
    width: 81.81%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiInfoTabDetailTop {
    font-size: 3.2vw;
  }
}

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

.liInfoTabMerit:nth-child(n+2) {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liInfoTabMerit:nth-child(n+2) {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liInfoTabMerit:nth-child(n+2) {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liInfoTabMerit:nth-child(n+2) {
    margin-top: 9.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.infoTabDetailbtm {
  overflow: visible;
}

.iconTitleliInfoTabMeritFx {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
  width: 26px;
}
@media screen and (max-width: 1279px) {
  .iconTitleliInfoTabMeritFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .iconTitleliInfoTabMeritFx {
    width: 2.4%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleliInfoTabMeritFx {
    width: 17px;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTitleliInfoTabMeritFx {
    width: 5.34%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconTitleliInfoTabMeritFx {
    font-size: 3.4666666667vw;
  }
}

.txtTitleliInfoTabMeritF {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
  width: 1054px;
}
@media screen and (max-width: 1279px) {
  .txtTitleliInfoTabMeritF {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtTitleliInfoTabMeritF {
    width: 97.59%;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleliInfoTabMeritF {
    width: 93.58%;
    line-height: 200%;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleliInfoTabMeritF {
    font-size: 3.4666666667vw;
  }
}

.honbunLiInfoTabMerit {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .honbunLiInfoTabMerit {
    margin-top: 0.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .honbunLiInfoTabMerit {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .honbunLiInfoTabMerit {
    line-height: 1.6923076923;
    letter-spacing: 0.16em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .honbunLiInfoTabMerit {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .honbunLiInfoTabMerit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .honbunLiInfoTabMerit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .honbunLiInfoTabMerit {
    margin-top: 3.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .footer {
    padding: 6.25% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding-top: 70px;
    padding-bottom: 89px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footer {
    padding: 18.66% 0% 23.73% 0%;
  }
}

.footerLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .footerLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .footerLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footerLxn {
    width: 84%;
  }
}

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

.addressFooter {
  width: 603px;
}
@media screen and (max-width: 1279px) {
  .addressFooter {
    width: 50.24%;
  }
}
@media screen and (max-width: 767px) {
  .addressFooter {
    width: 100%;
  }
}

.logoFooter {
  width: 397px;
}
@media screen and (max-width: 1279px) {
  .logoFooter {
    width: 65.83%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooter {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .logoFooter {
    width: 100%;
  }
}

.h2AddressFooter {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2AddressFooter {
    margin-top: 3.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2AddressFooter {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AddressFooter {
    margin-top: 7.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AddressFooter {
    font-size: 3.4666666667vw;
  }
}

.listAddressFooter {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .listAddressFooter {
    margin-top: 2.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .listAddressFooter {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liAddressFooter {
  flex-flow: row wrap;
}
.liAddressFooter:nth-child(n+2) {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liAddressFooter:nth-child(n+2) {
    margin-top: 0.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liAddressFooter:nth-child(n+2) {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3AddressFooter {
  width: 110px;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3AddressFooter {
    width: 18.24%;
  }
}
@media screen and (max-width: 1279px) {
  .h3AddressFooter {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h3AddressFooter {
    width: 100%;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AddressFooter {
    font-size: 3.4666666667vw;
  }
}

.txtAddressFooter {
  width: 493px;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtAddressFooter {
    width: 81.75%;
  }
}
@media screen and (max-width: 1279px) {
  .txtAddressFooter {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAddressFooter {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtAddressFooter {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAddressFooter {
    font-size: 3.2vw;
  }
}

.copyFooter {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 2.4;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .copyFooter {
    margin-top: 9.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .copyFooter {
    font-size: 0.7818608288vw;
  }
}
.copyFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.copyFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .copyFooter {
    margin-top: 11.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 170%;
    letter-spacing: 0.06em;
    order: 3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copyFooter {
    font-size: 2.6666666667vw;
  }
}

.mapFooter {
  width: 597px;
}
@media screen and (max-width: 1279px) {
  .mapFooter {
    width: 49.75%;
  }
}
@media screen and (max-width: 767px) {
  .mapFooter {
    margin-top: 12.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.mapFooterFx {
  flex-flow: row wrap;
}

.ggmapLxn {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 361px;
}
@media screen and (max-width: 1279px) {
  .ggmapLxn {
    margin: 13.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .ggmapLxn {
    width: 60.46%;
  }
}
@media screen and (max-width: 767px) {
  .ggmapLxn {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 166px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ggmapLxn {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ggmapLxn {
    width: 52.86%;
  }
}

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

.picMap {
  width: 204px;
}
@media screen and (max-width: 1279px) {
  .picMap {
    width: 34.17%;
  }
}
@media screen and (max-width: 767px) {
  .picMap {
    width: 139px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picMap {
    width: 44.26%;
  }
}

.btnLinkMapFooterLxn {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .btnLinkMapFooterLxn {
    margin-top: 2.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnLinkMapFooterLxn {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLinkMapFooterLxn {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLinkMapFooterLxn {
    font-size: 3.2vw;
  }
}

.txtMapFooterLast {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtMapFooterLast {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtMapFooterLast {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMapFooterLast {
    margin-top: 2.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMapFooterLast {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.spFooter {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}

.ulSpFooter {
  width: 100%;
}

.liSpFooter50 {
  width: 163px;
}
@media screen and (max-width: 1279px) {
  .liSpFooter50 {
    width: 43.46%;
  }
}
.liSpFooter50 svg {
  width: 100%;
  height: auto;
}

.liSpFooter25 {
  width: 48px;
}
@media screen and (max-width: 1279px) {
  .liSpFooter25 {
    width: 12.8%;
  }
}
.liSpFooter25 svg {
  width: 100%;
  height: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.contactBase {
  padding-top: 209px;
  padding-bottom: 200px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .contactBase {
    padding: 10.88% 0% 10.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .contactBase {
    padding: 15.9% 0% 38.5% 0%;
  }
}

.contactPageLxn {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .contactPageLxn {
    width: 85.93%;
  }
}
@media screen and (max-width: 767px) {
  .contactPageLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .contactPageLxn {
    width: 84%;
  }
}

.h1ContactTitle {
  font-size: 36px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .h1ContactTitle {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ContactTitle {
    line-height: 180%;
    letter-spacing: 0.06em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ContactTitle {
    font-size: 5.3333333333vw;
  }
}

.contactInfo {
  margin-top: 110px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .contactInfo {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contactInfo {
    margin-top: 19.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnContactInfo {
  width: 100%;
  aspect-ratio: 1100/66;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.06em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: #464646;
  color: #FFF;
}
@media screen and (max-width: 1279px) {
  .btnContactInfo {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .btnContactInfo {
    aspect-ratio: 315/66;
    line-height: 160%;
    letter-spacing: 0.02em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnContactInfo {
    font-size: 3.7333333333vw;
  }
}

.contactTopPrex {
  margin-top: 90px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .contactTopPrex {
    margin-top: 8.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .contactTopPrex {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .contactTopPrex {
    margin-top: 16.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .contactTopPrex {
    font-size: 3.2vw;
  }
}

.alertContactBx {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background: #FFE4E8;
}
@media screen and (max-width: 1279px) {
  .alertContactBx {
    margin-top: 3.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .alertContactBx {
    padding: 0.9% 1.81% 0.9% 1.81%;
  }
}
@media screen and (max-width: 767px) {
  .alertContactBx {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5% 5.07% 2.5% 5.07%;
  }
}

.h2AlertContactBx {
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2AlertContactBx {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AlertContactBx {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AlertContactBx {
    font-size: 3.2vw;
  }
}

.txtAlertContactBx {
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtAlertContactBx {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAlertContactBx {
    line-height: 184%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAlertContactBx {
    font-size: 3.2vw;
  }
}

.contactForm {
  margin-top: 102px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .contactForm {
    margin-top: 9.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contactForm {
    margin-top: 18.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.liFormCnt:nth-child(n+2) {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liFormCnt:nth-child(n+2) {
    margin-top: 2.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liFormCnt:nth-child(n+2) {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleLiForm {
  width: 300px;
}
@media screen and (max-width: 1279px) {
  .titleLiForm {
    width: 27.27%;
  }
}
@media screen and (max-width: 767px) {
  .titleLiForm {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleLiForm {
    width: 100%;
  }
}

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

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

.liFormCnt:last-child .titleLiForm {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liFormCnt:last-child .titleLiForm {
    margin: 18.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liFormCnt:last-child .titleLiForm {
    margin: 2.8645833333vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .liFormCnt:last-child .titleLiForm {
    margin: 0;
  }
}

.hissuTitleLiForm {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .hissuTitleLiForm {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.33%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .hissuTitleLiForm {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .hissuTitleLiForm {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) and (max-width: 1279px) {
  .hissuTitleLiForm {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.26%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hissuTitleLiForm {
    font-size: 3.7333333333vw;
  }
}

.inputWFormCntLxn {
  width: 800px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .inputWFormCntLxn {
    width: 72.72%;
  }
}
@media screen and (max-width: 1279px) {
  .inputWFormCntLxn {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .inputWFormCntLxn {
    margin: 4.6% 0% 0% 0%;
    width: 315px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .inputWFormCntLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputWFormCntLxn {
    font-size: 3.4666666667vw;
  }
}

.inputW100 {
  padding-top: 16px;
  padding-bottom: 18px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    padding: 2% 3% 2.25% 3%;
  }
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    padding: 3.7% 5.07% 3.8% 5.07%;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.4666666667vw;
  }
}
.inputW100::placeholder {
  color: #9F9F9F;
}

.selectW100 {
  padding-top: 19px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  color: #464646;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .selectW100 {
    padding: 2.37% 3% 2.5% 3%;
  }
}
@media screen and (max-width: 1279px) {
  .selectW100 {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .selectW100 {
    padding: 4.7% 5.07% 4.6% 5.07%;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .selectW100 {
    font-size: 3.4666666667vw;
  }
}
.selectW100::placeholder {
  color: #9F9F9F;
}
.selectW100::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
  transform: translateY(-50%);
  pointer-events: none;
}

.txtW100 {
  padding-top: 17px;
  padding-bottom: 15px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 800/300;
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    padding: 2.12% 3% 1.87% 3%;
  }
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtW100 {
    padding: 3.7% 5.07% 3.8% 5.07%;
    line-height: 180%;
    letter-spacing: 0.05em;
    aspect-ratio: 315/240;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtW100 {
    font-size: 3.4666666667vw;
  }
}
.txtW100::placeholder {
  color: #9F9F9F;
}

.ulInputFormLxn {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulInputFormLxn {
    margin: 2.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulInputFormLxn {
    margin: 7% 0% 0% 0%;
  }
}

.liInputFormLxn {
  color: #DA0000;
}
.liInputFormLxn:nth-child(n+2) {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liInputFormLxn:nth-child(n+2) {
    margin: 0.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liInputFormLxn:nth-child(n+2) {
    margin: 2.34% 0% 0% 0%;
  }
}

.iconInputFormLxn {
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0em;
  width: 14px;
}
@media screen and (max-width: 1279px) {
  .iconInputFormLxn {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 1279px) {
  .iconInputFormLxn {
    width: 1.75%;
  }
}
@media screen and (max-width: 767px) {
  .iconInputFormLxn {
    width: 12px;
    line-height: 180%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconInputFormLxn {
    width: 3.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconInputFormLxn {
    font-size: 3.2vw;
  }
}

.txtBxInputFormLxn {
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0em;
  width: 782px;
}
@media screen and (max-width: 1279px) {
  .txtBxInputFormLxn {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtBxInputFormLxn {
    width: 97.75%;
  }
}
@media screen and (max-width: 767px) {
  .txtBxInputFormLxn {
    width: 299px;
    line-height: 180%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtBxInputFormLxn {
    width: 94.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBxInputFormLxn {
    font-size: 3.2vw;
  }
}

.txtBxInputFormLxn a {
  color: #DA0000;
}

.secPrivacy {
  margin-top: 92px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .secPrivacy {
    margin-top: 8.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacy {
    margin-top: 24.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2SecPrivacy {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  aspect-ratio: 1100/60;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: #EFEFEF;
  color: #464646;
}
@media screen and (max-width: 1279px) {
  .h2SecPrivacy {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2SecPrivacy {
    padding: 0% 1.81% 0% 1.81%;
  }
}
@media screen and (max-width: 767px) {
  .h2SecPrivacy {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 315/50;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2SecPrivacy {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SecPrivacy {
    font-size: 4vw;
  }
}

.txtSecPrivacy {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtSecPrivacy {
    margin: 2.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtSecPrivacy {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSecPrivacy {
    margin-top: 6.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSecPrivacy {
    font-size: 3.4666666667vw;
  }
}

.chackSecPrivacLxn {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1279px) {
  .chackSecPrivacLxn {
    margin: 2.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .chackSecPrivacLxn {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .chackSecPrivacLxn {
    margin: 6.52% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .chackSecPrivacLxn {
    font-size: 3.7333333333vw;
  }
}

.chackSecPrivacLxn label {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1279px) {
  .chackSecPrivacLxn label {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .chackSecPrivacLxn label {
    line-height: normal;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .chackSecPrivacLxn label {
    font-size: 3.7333333333vw;
  }
}

.cheackbox {
  margin-right: 0 15px 0 0 !important;
  width: 21px;
  aspect-ratio: 1/1;
  border: 1px solid #585858;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  transform: translateY(-5%);
}
@media screen and (max-width: 767px) {
  .cheackbox {
    margin: 0 16px 0 0 !important;
  }
}

.btnToConfirmLxn {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 330px;
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    margin-top: 9.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirmLxn {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToConfirmLxn {
    margin-top: 31.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 100%;
  }
}

.btnToConfirm {
  width: 100%;
  aspect-ratio: 330/60;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  background: #464646;
  color: #FFF;
  border: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnToConfirm {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirm {
    aspect-ratio: 315/60;
    line-height: 150%;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToConfirm {
    font-size: 4vw;
  }
}

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

.txtConfirmInfo {
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtConfirmInfo {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConfirmInfo {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConfirmInfo {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 767px) {
  .nowConfirm {
    margin-top: 16.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.nowConfirm .liFormCnt02 {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .nowConfirm .liFormCnt02 {
    margin: 5.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .nowConfirm .liFormCnt02 {
    margin: 11.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .nowConfirm .inputWFormCntLxn {
    margin: 4% 0% 0% 0%;
  }
}
.nowConfirm .secPrivacy {
  display: none;
}
.nowConfirm .btnToConfirmLxn {
  display: none;
}
.nowConfirm .toThankBackFx {
  display: flex;
}

.toThankBackFx {
  margin-top: 92px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 690px;
}
@media screen and (max-width: 1279px) {
  .toThankBackFx {
    margin-top: 8.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .toThankBackFx {
    width: 62.72%;
  }
}
@media screen and (max-width: 767px) {
  .toThankBackFx {
    margin-top: 30%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.btnBackLxn {
  width: 330px;
}
@media screen and (max-width: 1279px) {
  .btnBackLxn {
    width: 47.82%;
  }
}
@media screen and (max-width: 767px) {
  .btnBackLxn {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnBackLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnBackLxn {
    width: 100%;
  }
}

.btnBack {
  width: 100%;
  aspect-ratio: 330/60;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  background: #FFF;
  color: #464646;
  border: 1px solid #464646;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnBack {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnBack {
    aspect-ratio: 315/60;
    line-height: 150%;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBack {
    font-size: 4vw;
  }
}

.btnToThanksLxn {
  width: 330px;
}
@media screen and (max-width: 1279px) {
  .btnToThanksLxn {
    width: 47.82%;
  }
}
@media screen and (max-width: 767px) {
  .btnToThanksLxn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToThanksLxn {
    margin-top: 3.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToThanksLxn {
    width: 100%;
  }
}

.btnToThanks {
  width: 100%;
  aspect-ratio: 330/60;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  background: #464646;
  border: 1px solid #464646;
  color: #FFF;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnToThanks {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToThanks {
    aspect-ratio: 315/60;
    line-height: 150%;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToThanks {
    font-size: 4vw;
  }
}

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

.h2ThanksInfo {
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2ThanksInfo {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ThanksInfo {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ThanksInfo {
    font-size: 4.2666666667vw;
  }
}

.txtThanksInfo {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtThanksInfo {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtThanksInfo {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksInfo {
    margin-top: 8.409%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksInfo {
    font-size: 3.2vw;
  }
}

.btnThanskInfoLxn {
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .btnThanskInfoLxn {
    margin-top: 9.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnThanskInfoLxn {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanskInfoLxn {
    margin-top: 22.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanskInfoLxn {
    font-size: 3.7333333333vw;
  }
}

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