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

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

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

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

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

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

svg {
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-weight: 0;
}

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

.fw_100 {
  font-weight: 100;
}

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

.fw_200 {
  font-weight: 200;
}

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

.fw_300 {
  font-weight: 300;
}

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

.fw_400 {
  font-weight: 400;
}

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

.fw_500 {
  font-weight: 500;
}

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

.fw_600 {
  font-weight: 600;
}

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

.fw_700 {
  font-weight: 700;
}

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

.fw_800 {
  font-weight: 800;
}

.ovhidden {
  overflow: hidden;
}

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

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #3D3D3D;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 500;
}

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

.t_center {
  text-align: center;
}

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

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

.entitle {
  font-family: "Josefin Sans", sans-serif;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.cormorant {
  font-family: "Cormorant", serif;
}

.sawamin {
  font-family: "Sawarabi Mincho", sans-serif;
}

.Bebas {
  font-family: "Bebas Neue", cursive;
}

.ShipporiMincho {
  font-family: "Shippori Mincho B1", serif;
}

.Garamond {
  font-family: "Cormorant Garamond", serif;
}

.cp {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Verdana;
}

.bellefair {
  font-family: "Bellefair", serif;
}

.staatliches {
  font-family: "Staatliches", cursive;
}

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

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

.cl_00C8C8 {
  color: #00C8C8;
}

.cl_BFF1F1 {
  color: #BFF1F1;
}

.bg_B2DCEE {
  background: #B2DCEE;
}

.bg_FCAC14 {
  background: #FCAC14;
}

.bg_00C8C8 {
  background: #00C8C8;
}

.bg_00A6BA {
  background: #00A6BA;
}

.bg_80E3E3 {
  background: #80E3E3;
}

.bg_F2F2F2 {
  background: #F2F2F2;
}

.bg_fff {
  background: #fff;
}

.bg_FBFBB9 {
  background: #FBFBB9;
}

.cl_FE7F00 {
  color: #FE7F00;
}

.cl_5AB1BA {
  color: #5AB1BA;
}

.bg_5AB1BA {
  background: #5AB1BA;
}

.bg_FBFBFB {
  background: #FBFBFB;
}

.bg_00BCD2to009CAF {
  background: #00bcd2; /* Old browsers */
  background: -moz-linear-gradient(top, #00bcd2 0%, #009caf 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00bcd2 0%, #009caf 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00bcd2 0%, #009caf 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00bcd2", endColorstr="#009caf",GradientType=0 ); /* IE6-9 */
}

.bg_0081BA {
  background: #0081BA;
}

.bg_3FBCCB {
  background: #3FBCCB;
}

.bg_00A6BA {
  background: #00A6BA;
}

.bg_EDF9FF {
  background: #EDF9FF;
}

.bg_E9E9E9 {
  background: #E9E9E9;
}

.bg_CBDDDF {
  background: #CBDDDF;
}

.bg_E6EFFF {
  background: #E6EFFF;
}

.bg_D60101 {
  background: #D60101;
}

.bg_00C8C8 {
  background: #00C8C8;
}

.bg_C5DAFF {
  background: #C5DAFF;
}

.bg_F6AC19 {
  background: #F6AC19;
}

.bg_FFFFA2 {
  background: #FFFFA2;
}

.bg_FFDD01 {
  background: #FFDD01;
}

.bg_F3F3F3 {
  background: #F3F3F3;
}

.bg_FFFEEE {
  background: #FFFEEE;
}

.bg_C5DAFF {
  background: #C5DAFF;
}

.cl_534741 {
  color: #534741;
}

.cl_C7B299 {
  color: #C7B299;
}

.cl_fff {
  color: #FFF;
}

.cl_808080 {
  color: #808080;
}

.cl_00A6BA {
  color: #00A6BA;
}

.cl_5AB1BA {
  color: #5AB1BA;
}

.cl_F6AC19 {
  color: #F6AC19;
}

.cl_00C8C8 {
  color: #00C8C8;
}

.cl_F6AC19 {
  color: #F6AC19;
}

.cl_00BCCB {
  color: #00BCCB;
}

.cl_808080 {
  color: #808080;
}

.cl_3D3D3D {
  color: #3D3D3D;
}

.cl_000 {
  color: #000;
}

.cl_706041 {
  color: #706041;
}

.cl_0081BA {
  color: #0081BA;
}

.cl_00A6BA {
  color: #00A6BA;
}

.cl_F61919 {
  color: #F61919;
}

.underNone {
  text-decoration: none;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.base_header {
  position: sticky;
  top: 0;
  width: 100%;
  background: #00A6BA;
  z-index: 99999;
}

.headerPcWap {
  position: relative;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
}

.headerPcFx {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .headerPcFx {
    padding: 0% 0% 0% 1.3%;
  }
}

.logoHeaderPc {
  width: 91.7px;
}

/* ==========================================================================
メインナビ
========================================================================== */
.navBoxiesHeaderPc {
  width: 1030.48px;
}
@media screen and (max-width: 1300px) {
  .navBoxiesHeaderPc {
    width: 53.67%;
  }
}
@media screen and (max-width: 1300px) {
  .navBoxiesHeaderPc {
    width: 1030.48px;
  }
}
@media screen and (max-width: 1300px) and (max-width: 1300px) {
  .navBoxiesHeaderPc {
    width: 79.26%;
  }
}

.gNavBoxiesHeaderPc {
  width: 535px;
}
@media screen and (max-width: 1300px) {
  .gNavBoxiesHeaderPc {
    width: 51.91%;
  }
}
@media screen and (max-width: 1300px) {
  .gNavBoxiesHeaderPc {
    width: 81%;
  }
}

.liNavBoxiesHeaderPc {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc {
    font-size: 1.2307692308vw;
  }
}
.liNavBoxiesHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.liNavBoxiesHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
.liNavBoxiesHeaderPc:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 48px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc:nth-child(n+2) {
    margin: 0% 0% 0% 8.97%;
  }
}

.liNavBoxiesHeaderPc .active {
  color: #FBFBB9;
}

/* ==========================================================================
ホバー時の挙動
========================================================================== */
.SNavBoxiesHeaderPcFixed {
  position: absolute;
  left: 0;
  top: 100%;
  width: 130px;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  display: none;
  z-index: 99999999;
}
@media screen and (max-width: 1300px) {
  .SNavBoxiesHeaderPcFixed {
    font-size: 1.0769230769vw;
  }
}
.SNavBoxiesHeaderPcFixed::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.SNavBoxiesHeaderPcFixed::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .SNavBoxiesHeaderPcFixed {
    padding: 11.53% 0% 11.53% 0%;
  }
}

.ulSNavBoxiesHeaderPcFixed {
  width: 84px;
  margin: auto;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .ulSNavBoxiesHeaderPcFixed {
    width: 64.61%;
  }
}

.liNavBoxiesHeaderPc:hover .SNavBoxiesHeaderPcFixed {
  display: block;
}

/* ==========================================================================
サブナビ
========================================================================== */
.subNavBoxiesHeaderPc {
  width: 392.48px;
}
@media screen and (max-width: 1300px) {
  .subNavBoxiesHeaderPc {
    width: 38.08%;
  }
}
@media screen and (max-width: 1300px) {
  .subNavBoxiesHeaderPc {
    width: 61%;
  }
}

.ulNavBoxiesHeaderPc {
  width: 100%;
  height: 100%;
}
.ulNavBoxiesHeaderPc img {
  width: 100%;
}

.liNavBoxiesHeaderPc {
  height: 100%;
  display: flex;
  align-items: center;
}

.liNavBoxiesHeaderPc01 {
  width: 100px;
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc01 {
    width: 23.12%;
  }
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc01 {
    width: 26.666%;
  }
}

.liNavBoxiesHeaderPc02 {
  width: 100px;
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc02 {
    width: 23.12%;
  }
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc02 {
    width: 26.666%;
  }
}

.liNavBoxiesHeaderPc03 {
  width: 100px;
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc03 {
    width: 23.12%;
  }
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc03 {
    width: 26.666%;
  }
}

.liNavBoxiesHeaderPc04 {
  width: 92px;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc04 {
    width: 21.27%;
  }
}
@media screen and (max-width: 1300px) {
  .liNavBoxiesHeaderPc04 {
    display: flex;
    align-items: center;
    width: 20%;
  }
}

/* ==========================================================================
検索ボックス
========================================================================== */
.searchHeaderPcLxn {
  background: #FFF;
  width: 505px;
  position: absolute;
  right: 0;
  display: none;
  z-index: 9999999;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .searchHeaderPcLxn {
    padding: 0.98% 0% 0.98% 0%;
  }
}

.searchHeaderPcFx {
  width: 458.39px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .searchHeaderPcFx {
    width: 90.77%;
  }
}

.searchHeaderPcFxWap {
  width: 415px;
}
@media screen and (max-width: 1300px) {
  .searchHeaderPcFxWap {
    width: 90.53%;
  }
}

.iconSearchHeaderPc {
  width: 26.66px;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  .iconSearchHeaderPc {
    width: 6.42%;
  }
}

.inputSearchform {
  height: 50px;
  width: 100%;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  border: 1px solid #707070;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 23px;
  padding-right: 23px;
}
@media screen and (max-width: 1300px) {
  .inputSearchform {
    font-size: 1.2307692308vw;
  }
}
.inputSearchform::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.inputSearchform::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .inputSearchform {
    padding: 0% 5.54% 0% 5.54%;
  }
}

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

/* ==========================================================================
ヘッダートップ
========================================================================== */
.headerSpTopWap {
  padding: 3.5% 0% 2.4% 0%;
}

.headerSpTop {
  width: 344px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .headerSpTop {
    width: 91.73%;
  }
}

.logoHeaderSp {
  width: 91.7px;
}
@media screen and (max-width: 1300px) {
  .logoHeaderSp {
    width: 26.65%;
  }
}

.btnHeaderSpTop {
  width: 119px;
}
@media screen and (max-width: 1300px) {
  .btnHeaderSpTop {
    width: 34.59%;
  }
}

.btnHeaderSpTop.off .btnHeaderSpTopOff {
  display: block;
}
.btnHeaderSpTop.off .btnHeaderSpTopOn {
  display: none;
}

.btnHeaderSpTop.on .btnHeaderSpTopOff {
  display: none;
}
.btnHeaderSpTop.on .btnHeaderSpTopOn {
  display: block;
}

/* ==========================================================================
グローバルナビ
========================================================================== */
.headerSpFixed {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 999999;
  padding: 5.06% 0% 44.46% 0%;
  max-height: calc(100vh - 18.4vw);
  overflow: auto;
}
.headerSpFixed::-webkit-scrollbar {
  display: none;
}

.navHeaderSpFixed {
  width: 330px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .navHeaderSpFixed {
    width: 88%;
  }
}

.liHeaderSpFixed {
  border-bottom: 1px solid #FFF;
}

.btnHeaderSpFixed {
  height: 14.9333333333vw;
  display: flex;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 23px;
  padding-right: 0px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .btnHeaderSpFixed {
    padding: 0% 0% 0% 6.96%;
  }
}
@media screen and (max-width: 767px) {
  .btnHeaderSpFixed {
    font-size: 4.8vw;
  }
}
.btnHeaderSpFixed::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnHeaderSpFixed::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.iconHomeHeaderSpFixed {
  background: url(../img/iconHomeHeaderSpFixed.svg) no-repeat left 40%;
  background-size: auto 95%;
  padding: 0.66% 0% 0% 8.66%;
}

.iconMaruHeaderSpFixed {
  background: url(../img/iconMaruHeaderSpFixed.svg) no-repeat left 40%;
  background-size: auto 90%;
  padding: 0.66% 0% 0% 8.66%;
}

/* ==========================================================================
追従
========================================================================== */
.iconbtnHeaderSpFixed {
  transition-duration: 0.5s;
}

.iconbtnHeaderSpFixed.off {
  background: url(../img/iconbtnHeaderSpFixedOff.svg) no-repeat 95.5% 40%;
  background-size: auto 36%;
}

.iconbtnHeaderSpFixed.on {
  background: url(../img/iconbtnHeaderSpFixedOn.svg) no-repeat 95.5% 55%;
  background-size: auto 36%;
}

.SNavBoxiesHeaderSpFixed {
  width: 85%;
  margin: 0 0 5% auto;
  display: none;
}

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

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

/* ==========================================================================
検索ボックス
========================================================================== */
.searchHeaderSpLxn {
  width: 314.84px;
  margin-top: 11.4%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .searchHeaderSpLxn {
    width: 83.95%;
  }
}

.searchHeaderSpFxWap {
  width: 275px;
}
@media screen and (max-width: 1300px) {
  .searchHeaderSpFxWap {
    width: 87.34%;
  }
}

.inputSearchHeaderSpFxWap {
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  height: 13.3333333333vw;
  width: 100%;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #707070;
  padding: 0% 8.5% 0% 8.5%;
}
@media screen and (max-width: 767px) {
  .inputSearchHeaderSpFxWap {
    font-size: 4.2666666667vw;
  }
}
.inputSearchHeaderSpFxWap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.inputSearchHeaderSpFxWap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.iconSearchHeaderSp {
  width: 27.84px;
}
@media screen and (max-width: 1300px) {
  .iconSearchHeaderSp {
    width: 8.84%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  padding-top: 47px;
  padding-bottom: 49px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .footer {
    padding: 2.44% 0% 2.55% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 12.4% 0% 7.5% 0%;
  }
}

.logoFooter {
  width: 91.7px;
  margin: auto;
  display: block;
}
@media screen and (max-width: 1300px) {
  .logoFooter {
    width: 7.05%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooter {
    width: 91.7px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .logoFooter {
    width: 24.45%;
  }
}

.navFooter {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1104px;
}
@media screen and (max-width: 1300px) {
  .navFooter {
    margin-top: 1.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .navFooter {
    width: 84.92%;
  }
}
@media screen and (max-width: 767px) {
  .navFooter {
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .navFooter {
    margin-top: 5.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .navFooter {
    width: 100%;
  }
}

.ulFooter {
  flex-flow: row wrap;
}

.liFooter {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 29px;
  padding-right: 29px;
  border-right: 1px solid #3D3D3D;
  width: auto;
}
@media screen and (max-width: 1300px) {
  .liFooter {
    padding: 0% 2.62% 0% 2.62%;
  }
}
.liFooter:last-child {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .liFooter {
    padding: 3.5% 0% 2.6% 0%;
    border-right: unset;
    border-top: 1px solid #3D3D3D;
    width: 50%;
    text-align: center;
  }
  .liFooter:nth-child(2n) {
    border-left: 1px solid #3D3D3D;
  }
  .liFooter:nth-child(n+5) {
    border-bottom: 1px solid #3D3D3D;
  }
}

.linksFooter {
  font-size: 13px;
  line-height: 2.4615384615;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  text-decoration: none;
  color: #3D3D3D;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .linksFooter {
    font-size: 1vw;
  }
}
.linksFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4615384615) * 0.5em);
  content: "";
}
.linksFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4615384615) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .linksFooter {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linksFooter {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .linksFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .linksFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
SNS
========================================================================== */
.ulSnsFooter {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 216px;
}
@media screen and (max-width: 1300px) {
  .ulSnsFooter {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .ulSnsFooter {
    width: 16.61%;
  }
}
@media screen and (max-width: 767px) {
  .ulSnsFooter {
    margin-top: 9.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 214px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulSnsFooter {
    width: 57.06%;
  }
}

.liDnsFooter {
  width: 38px;
  opacity: 0.7;
}
@media screen and (max-width: 1300px) {
  .liDnsFooter {
    width: 17.75%;
  }
}
@media screen and (max-width: 767px) {
  .liDnsFooter {
    width: 38.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liDnsFooter {
    width: 17.94%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
トップへ戻るボタン
========================================================================== */
.gotop {
  width: 60px;
  position: fixed;
  bottom: 14%;
  right: 0;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .gotop {
    bottom: 8%;
  }
}

/* ==========================================================================
コピーライト
========================================================================== */
.footerCopy {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
  line-height: 2.6666666667;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .footerCopy {
    padding: 0.92% 0% 0.92% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .footerCopy {
    font-size: 0.9230769231vw;
  }
}
.footerCopy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.6666666667) * 0.5em);
  content: "";
}
.footerCopy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .footerCopy {
    padding: 3.2% 0% 3.2% 0%;
    line-height: 2.6666666667;
    letter-spacing: -0.01em;
    text-indent: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .footerCopy {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .footerCopy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.6666666667) * 0.5em);
    content: "";
  }
  .footerCopy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.6666666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
追従ボタン
========================================================================== */
.fxMenu {
  margin: auto 0 auto auto;
  position: fixed;
  bottom: 2%;
  right: 1.4%;
  width: 934px;
  z-index: 9;
}
@media screen and (max-width: 1300px) {
  .fxMenu {
    width: 48.64%;
  }
}
@media screen and (max-width: 767px) {
  .fxMenu {
    position: sticky;
    bottom: 0%;
    right: 0%;
    left: 0;
    margin: auto;
    width: 100%;
  }
}

.ulfxMenu {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  background: #fff;
  border-radius: 38px;
  /* CSS3草案 */
  -webkit-border-radius: 38px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 38px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .ulfxMenu {
    padding: 0.85% 0.85% 0.85% 0.85%;
  }
}
@media screen and (max-width: 767px) {
  .ulfxMenu {
    box-shadow: unset;
    padding: 0;
  }
}

.lifxMenu {
  width: 300px;
}
@media screen and (max-width: 1300px) {
  .lifxMenu {
    width: 32.11%;
  }
}
@media screen and (max-width: 767px) {
  .lifxMenu {
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .lifxMenu {
    width: 33.33%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.fxShopLpMenu {
  position: fixed;
  right: 2%;
  bottom: 5%;
  width: 32.55vw;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  background: #FFF;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
  z-index: 9999999;
}
@media screen and (max-width: 767px) {
  .fxShopLpMenu {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    box-shadow: none;
    padding: 0;
    background: none;
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
  }
}

.ulfxShopLpMenu {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (max-width: 1300px) {
  .ulfxShopLpMenu {
    padding: 1.28% 1.28% 1.28% 1.28%;
  }
}
@media screen and (max-width: 767px) {
  .ulfxShopLpMenu {
    width: 345px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    background: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    margin: auto;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulfxShopLpMenu {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulfxShopLpMenu {
    padding: 1.06% 1.6% 1.06% 1.6%;
  }
}

.lifxShopLpMenu {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .lifxShopLpMenu {
    width: 165px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .lifxShopLpMenu {
    width: 49.54%;
  }
}
.lifxShopLpMenu img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.indexFv {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* ==========================================================================
スライダー枠
========================================================================== */
.indexFvSliderWap {
  width: 100%;
  max-width: 1920px;
  margin: 0 0 0 auto;
}

/* ==========================================================================
スライダー設定
========================================================================== */
.slide-animation {
  animation: fadezoom 8s 0s forwards;
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
/* ==========================================================================
メインピクチャー
========================================================================== */
.indexFvPic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .indexFvPic {
    top: unset;
    bottom: -0.3%;
  }
}

.picIndexFvMain {
  width: 600px;
}
@media screen and (max-width: 1300px) {
  .picIndexFvMain {
    width: 46.15%;
  }
}
@media screen and (max-width: 767px) {
  .picIndexFvMain {
    width: 345px;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 3.9%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .picIndexFvMain {
    width: 92%;
  }
}

/* ==========================================================================
スクロール画像
========================================================================== */
.picScroll {
  width: 110px;
  margin-top: -46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .picScroll {
    width: 5.72%;
  }
}
@media screen and (max-width: 1300px) {
  .picScroll {
    margin-top: -3.54%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .picScroll {
    width: 6.79%;
  }
}
@media screen and (max-width: 767px) {
  .picScroll {
    display: none;
  }
}

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

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

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

.txtIndexForYou {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtIndexForYou {
    font-size: 1.8461538462vw;
  }
}
.txtIndexForYou::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtIndexForYou::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtIndexForYou {
    margin: 1.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexForYou {
    line-height: 1.1111111111;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexForYou {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexForYou::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1111111111) * 0.5em);
    content: "";
  }
  .txtIndexForYou::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1111111111) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtIndexForYou {
    margin: 4.05% 0% 0% 0%;
  }
}

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

.indexTitleLxn {
  width: 100%;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .indexTitleLxn {
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) {
  .indexTitleLxn {
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
  }
}

.indexTitleWap {
  height: 80px;
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .indexTitleWap {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .indexTitleWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexTitleWap {
    height: 6.1538461538vw;
  }
}
@media screen and (max-width: 767px) {
  .indexTitleWap {
    width: 345px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 16vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexTitleWap {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexTitleWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.indexTitleMain {
  width: 231px;
}
@media screen and (max-width: 1300px) {
  .indexTitleMain {
    width: 21%;
  }
}
@media screen and (max-width: 767px) {
  .indexTitleMain {
    width: 35.2%;
  }
}

.indexTitleMainFx {
  flex-flow: row wrap;
}

.h2IndexTitleMainFx {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 13px;
}
@media screen and (max-width: 1300px) {
  .h2IndexTitleMainFx {
    font-size: 1.5384615385vw;
  }
}
.h2IndexTitleMainFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.h2IndexTitleMainFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2IndexTitleMainFx {
    margin: 0% 10.56% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexTitleMainFx {
    line-height: 1.25;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexTitleMainFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexTitleMainFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .h2IndexTitleMainFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) and (max-width: 1300px) {
  .h2IndexTitleMainFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}

.txtIndexTitleMainFx {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtIndexTitleMainFx {
    font-size: 1.1538461538vw;
  }
}
.txtIndexTitleMainFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.txtIndexTitleMainFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexTitleMainFx {
    margin: 1.5% 0% 0% 0%;
    line-height: 1.1111111111;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexTitleMainFx {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexTitleMainFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1111111111) * 0.5em);
    content: "";
  }
  .txtIndexTitleMainFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1111111111) * 0.5em);
    content: "";
  }
}

.indexTitleMain02 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  margin-right: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 25px;
  padding-right: 0px;
  border-left: 1px solid #FFF;
}
@media screen and (max-width: 1300px) and (max-width: 1300px) {
  .indexTitleMain02 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.92%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexTitleMain02 {
    padding: 0.46% 0% 0.46% 1.92%;
  }
}
@media screen and (max-width: 767px) {
  .indexTitleMain02 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: auto;
    padding: 3.1% 0% 3.1% 2.4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) and (max-width: 1300px) {
  .indexTitleMain02 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}

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

/* ==========================================================================
画像と文字
========================================================================== */
.indexFeatureCnt {
  position: relative;
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
}
@media screen and (max-width: 1300px) {
  .indexFeatureCnt {
    margin-top: 5.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexFeatureCnt {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .indexFeatureCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexFeatureCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexFeatureCnt {
    width: 100%;
  }
}

.photoIndexFeature {
  width: 630px;
  background: unset;
}
@media screen and (max-width: 1300px) {
  .photoIndexFeature {
    width: 57.27%;
  }
}
@media screen and (max-width: 767px) {
  .photoIndexFeature {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoIndexFeature {
    width: 100%;
  }
}

.indexFeatureCntWap {
  position: absolute;
  width: 537px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .indexFeatureCntWap {
    width: 48.81%;
  }
}
@media screen and (max-width: 767px) {
  .indexFeatureCntWap {
    width: 345px;
    width: 100%;
    position: relative;
    margin: -5% auto 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexFeatureCntWap {
    width: 92%;
  }
}

.secIndexFeature {
  padding-top: 42px;
  padding-bottom: 74px;
  padding-left: 48px;
  padding-right: 48px;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  margin: auto;
  height: auto;
  background: #fff;
}
@media screen and (max-width: 1300px) {
  .secIndexFeature {
    padding: 3.23% 3.69% 5.69% 3.69%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexFeature {
    padding: 7.5% 6.5% 6.6% 6.5%;
  }
}

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

.txtIndexFeature {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtIndexFeature {
    margin: 1.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtIndexFeature {
    font-size: 1.2307692308vw;
  }
}
.txtIndexFeature::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtIndexFeature::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexFeature {
    margin: 4.23% 0% 0% 0%;
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexFeature {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexFeature::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtIndexFeature::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.btnIndexFeatureWap {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .btnIndexFeatureWap {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnIndexFeatureWap {
    width: 26.76%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexFeatureWap {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnIndexFeatureWap {
    margin-top: 5.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnIndexFeatureWap {
    width: 92%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexPriceWap {
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 42px;
  padding-bottom: 44px;
  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: 1300px) {
  .indexPriceWap {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexPriceWap {
    padding: 2.18% 0% 2.29% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexPriceWap {
    margin-top: 8.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 0% 5.6% 0%;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}

.mainIndexPrice {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
  flex-flow: row wrap;
}
@media screen and (max-width: 1300px) {
  .mainIndexPrice {
    margin-top: 0.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .mainIndexPrice {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .mainIndexPrice {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainIndexPrice {
    width: 100%;
  }
}

.secMainIndexPrice {
  width: 364px;
}
@media screen and (max-width: 1300px) {
  .secMainIndexPrice {
    width: 33.09%;
  }
}
@media screen and (max-width: 767px) {
  .secMainIndexPrice {
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secMainIndexPrice {
    width: 92%;
  }
}

.h2MainIndexPrice {
  font-size: 26px;
  line-height: 1.3846153846;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2MainIndexPrice {
    font-size: 2vw;
  }
}
.h2MainIndexPrice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3846153846) * 0.5em);
  content: "";
}
.h2MainIndexPrice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3846153846) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2MainIndexPrice {
    line-height: 1.8333333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MainIndexPrice {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h2MainIndexPrice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8333333333) * 0.5em);
    content: "";
  }
  .h2MainIndexPrice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8333333333) * 0.5em);
    content: "";
  }
}

.txtMainIndexPrice {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtMainIndexPrice {
    margin-top: 2.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .txtMainIndexPrice {
    font-size: 1.2307692308vw;
  }
}
.txtMainIndexPrice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtMainIndexPrice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainIndexPrice {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtMainIndexPrice {
    margin-top: 3.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainIndexPrice {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainIndexPrice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtMainIndexPrice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.photoIndexPrice {
  width: 630px;
}
@media screen and (max-width: 1300px) {
  .photoIndexPrice {
    width: 57.27%;
  }
}
@media screen and (max-width: 767px) {
  .photoIndexPrice {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoIndexPrice {
    width: 100%;
  }
}

.btnIndexPriceWap {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .btnIndexPriceWap {
    margin-top: 4.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnIndexPriceWap {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexPriceWap {
    margin-top: 3.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 2.06% 0% 0% 0%;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnIndexPriceWap {
    width: 92%;
  }
}

.btnIndexPrice {
  display: block;
}

@media screen and (max-width: 767px) {
  .indexTitleMainPrice {
    padding: 0% 0% 0% 2.4%;
  }
}

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

.indexIntroCnt {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .indexIntroCnt {
    margin-top: 3.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexIntroCnt {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .indexIntroCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexIntroCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexIntroCnt {
    width: 100%;
  }
}

/* ==========================================================================
画像と文字
========================================================================== */
.photoIndexIntro {
  width: 630px;
  background: unset;
}
@media screen and (max-width: 1300px) {
  .photoIndexIntro {
    width: 57.27%;
  }
}
@media screen and (max-width: 767px) {
  .photoIndexIntro {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoIndexIntro {
    width: 100%;
  }
}

.indexIntroCntWap {
  position: absolute;
  width: 537px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .indexIntroCntWap {
    width: 48.81%;
  }
}
@media screen and (max-width: 767px) {
  .indexIntroCntWap {
    width: 345px;
    width: 100%;
    position: relative;
    margin: -5% auto 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexIntroCntWap {
    width: 92%;
  }
}

.secIndexIntro {
  padding-top: 40px;
  padding-bottom: 48px;
  padding-left: 49px;
  padding-right: 49px;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  margin: auto;
  height: auto;
  background: #fff;
}
@media screen and (max-width: 1300px) {
  .secIndexIntro {
    padding: 3.07% 3.76% 3.69% 3.76%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexIntro {
    padding: 8% 6.5% 9.9% 6.5%;
  }
}

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

.txtIndexIntro {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtIndexIntro {
    margin: 2.04% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtIndexIntro {
    font-size: 1.2307692308vw;
  }
}
.txtIndexIntro::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtIndexIntro::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexIntro {
    margin: 3.9% 0% 0% 0%;
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexIntro {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexIntro::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtIndexIntro::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
4つのリンクボタン
========================================================================== */
.underPageInfoIntor {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
}
@media screen and (max-width: 1300px) {
  .underPageInfoIntor {
    margin-top: 4.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .underPageInfoIntor {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .underPageInfoIntor {
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .underPageInfoIntor {
    margin-top: 5.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .underPageInfoIntor {
    width: 92%;
  }
}

.ulIndexIntor {
  flex-flow: row wrap;
}

.liIndexIntor {
  width: 254px;
}
@media screen and (max-width: 1300px) {
  .liIndexIntor {
    width: 23.09%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexIntor {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liIndexIntor {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexIntor:nth-child(n+2) {
    margin-top: 5.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexClubs {
  margin-top: 127px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  padding-bottom: 71px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .indexClubs {
    margin-top: 6.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexClubs {
    padding: 3.33% 0% 3.69% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexClubs {
    margin-top: 38px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 21.5% 0% 20.8% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexClubs {
    margin-top: 10.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2indexClubs {
  font-size: 30px;
  line-height: 1.0666666667;
  letter-spacing: 0.23em;
  text-indent: -0.23em;
}
@media screen and (max-width: 1300px) {
  .h2indexClubs {
    font-size: 2.3076923077vw;
  }
}
.h2indexClubs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.0666666667) * 0.5em);
  content: "";
}
.h2indexClubs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.0666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2indexClubs {
    line-height: 1.28;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2indexClubs {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2indexClubs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.28) * 0.5em);
    content: "";
  }
  .h2indexClubs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.28) * 0.5em);
    content: "";
  }
}

.ulIndexClubs {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 818px;
  flex-flow: row wrap;
}
@media screen and (max-width: 1300px) {
  .ulIndexClubs {
    margin-top: 2.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .ulIndexClubs {
    width: 62.92%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexClubs {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 254px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulIndexClubs {
    width: 67.73%;
  }
}

.liIndexClubs {
  width: 254px;
}
@media screen and (max-width: 1300px) {
  .liIndexClubs {
    width: 31.05%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexClubs {
    width: 254px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liIndexClubs {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexClubs:nth-child(n+2) {
    margin-top: 15.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.figIndexClubs {
  width: 100%;
}

.btnIndexClubs {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
  width: 100%;
  border-radius: 18px;
  /* CSS3草案 */
  -webkit-border-radius: 18px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 18px;
  /* Firefox用 */
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 1300px) {
  .btnIndexClubs {
    margin-top: 7.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnIndexClubs {
    font-size: 1.3846153846vw;
  }
}
.btnIndexClubs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btnIndexClubs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnIndexClubs {
    height: 2.3076923077vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexClubs {
    height: 8vw;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnIndexClubs {
    margin-top: 7.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexClubs {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexClubs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .btnIndexClubs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.btnIndexClubs .arrow {
  width: 100%;
  background: url(../img/btnIndexClubs.svg) no-repeat 95% center;
  background-size: auto 27%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btnIndexClubs .arrow {
    background-size: auto 25%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexEnrollment {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .indexEnrollment {
    padding: 5.2% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexEnrollment {
    padding: 4.53% 0% 6.7% 0%;
  }
}

@media screen and (max-width: 767px) {
  .indexEnrollmentWap {
    width: 346px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexEnrollmentWap {
    width: 92.26%;
  }
}

.indexEnrollmentInner {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 65px;
  padding-bottom: 84px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .indexEnrollmentInner {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .indexEnrollmentInner {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexEnrollmentInner {
    padding: 5% 0% 6.46% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexEnrollmentInner {
    width: 100%;
    padding: 15.2% 0% 9.82% 0%;
  }
}

.indexEnrollmentTop {
  width: 724px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .indexEnrollmentTop {
    width: 65.81%;
  }
}
@media screen and (max-width: 767px) {
  .indexEnrollmentTop {
    width: 320px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexEnrollmentTop {
    width: 92.48%;
  }
}

.h2IndexEnrollment {
  font-size: 36px;
  line-height: 1.1944444444;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2IndexEnrollment {
    font-size: 2.7692307692vw;
  }
}
.h2IndexEnrollment::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1944444444) * 0.5em);
  content: "";
}
.h2IndexEnrollment::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1944444444) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexEnrollment {
    line-height: 1.72;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexEnrollment {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexEnrollment::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.72) * 0.5em);
    content: "";
  }
  .h2IndexEnrollment::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.72) * 0.5em);
    content: "";
  }
}

.h3IndexEnrollment {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 27px;
  line-height: 1.1851851852;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h3IndexEnrollment {
    margin-top: 1.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h3IndexEnrollment {
    font-size: 2.0769230769vw;
  }
}
.h3IndexEnrollment::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1851851852) * 0.5em);
  content: "";
}
.h3IndexEnrollment::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1851851852) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3IndexEnrollment {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h3IndexEnrollment {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexEnrollment {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexEnrollment::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3IndexEnrollment::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.bdrIndexEnrollment {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 5.4px;
  width: 108px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .bdrIndexEnrollment {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .bdrIndexEnrollment {
    width: 9.81%;
  }
}
@media screen and (max-width: 1300px) {
  .bdrIndexEnrollment {
    height: 0.4153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .bdrIndexEnrollment {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    height: 1.44vw;
    width: 108px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .bdrIndexEnrollment {
    width: 33.75%;
  }
}

.txtIndexEnrollment {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtIndexEnrollment {
    margin-top: 3.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .txtIndexEnrollment {
    font-size: 1.2307692308vw;
  }
}
.txtIndexEnrollment::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtIndexEnrollment::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexEnrollment {
    margin-top: 10.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexEnrollment {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexEnrollment::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .txtIndexEnrollment::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.chyshakIndexEnrollment {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.4615384615;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .chyshakIndexEnrollment {
    margin-top: 1.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .chyshakIndexEnrollment {
    font-size: 1vw;
  }
}
.chyshakIndexEnrollment::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4615384615) * 0.5em);
  content: "";
}
.chyshakIndexEnrollment::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4615384615) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .chyshakIndexEnrollment {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3846153846;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .chyshakIndexEnrollment {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .chyshakIndexEnrollment::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3846153846) * 0.5em);
    content: "";
  }
  .chyshakIndexEnrollment::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3846153846) * 0.5em);
    content: "";
  }
}

.indexEnrollmentBtm {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
@media screen and (max-width: 1300px) {
  .indexEnrollmentBtm {
    margin-top: 3.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .indexEnrollmentBtm {
    width: 87.27%;
  }
}
@media screen and (max-width: 767px) {
  .indexEnrollmentBtm {
    margin-top: 8.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .indexEnrollmentBtm {
    width: 100%;
  }
}

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

.liIndexEnrollmentBtm {
  width: 225px;
}
@media screen and (max-width: 1300px) {
  .liIndexEnrollmentBtm {
    width: 23.43%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexEnrollmentBtm {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liIndexEnrollmentBtm {
    margin-top: 4.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liIndexEnrollmentBtm {
    width: 100%;
  }
}
.liIndexEnrollmentBtm img {
  width: 100%;
}

.btnIndexEnrollmentBtmWap {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .btnIndexEnrollmentBtmWap {
    margin-top: 3.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnIndexEnrollmentBtmWap {
    width: 35.45%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexEnrollmentBtmWap {
    margin-top: 7.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnIndexEnrollmentBtmWap {
    width: 92.75%;
  }
}

.btnIndexEnrollmentBtm {
  height: 60px;
  width: 100%;
  font-size: 21px;
  line-height: 1.1904761905;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 1300px) {
  .btnIndexEnrollmentBtm {
    font-size: 1.6153846154vw;
  }
}
.btnIndexEnrollmentBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1904761905) * 0.5em);
  content: "";
}
.btnIndexEnrollmentBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1904761905) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnIndexEnrollmentBtm {
    height: 5.4545454545vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexEnrollmentBtm {
    height: 16vw;
    line-height: 1.1904761905;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexEnrollmentBtm {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexEnrollmentBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1904761905) * 0.5em);
    content: "";
  }
  .btnIndexEnrollmentBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1904761905) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
パンくず
========================================================================== */
.breadcrumbListWap {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .breadcrumbListWap {
    margin-top: 1.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbListWap {
    display: none;
  }
}

.breadcrumbList {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.4375;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .breadcrumbList {
    font-size: 1.2307692308vw;
  }
}
.breadcrumbList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4375) * 0.5em);
  content: "";
}
.breadcrumbList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4375) * 0.5em);
  content: "";
}

.breadcrumbList a,
.breadcrumbList span {
  color: #808080;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.4375;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .breadcrumbList a,
  .breadcrumbList span {
    font-size: 1.2307692308vw;
  }
}
.breadcrumbList a::before,
.breadcrumbList span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4375) * 0.5em);
  content: "";
}
.breadcrumbList a::after,
.breadcrumbList span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4375) * 0.5em);
  content: "";
}

.breadcrumbList > span:nth-child(n+2) {
  margin-right: 9px;
  margin-left: 9px;
}

.bHomeIcon {
  margin-right: 5px;
  background: url(../img/bHomeIcon.svg) no-repeat center top;
  background-size: auto 100%;
  width: 15.67px;
  height: 15.31px;
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
タイトル部分
========================================================================== */
.pageTopFv {
  padding-top: 73.5px;
  padding-bottom: 66px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .pageTopFv {
    padding: 3.82% 0% 3.43% 0%;
  }
}
@media screen and (max-width: 767px) {
  .pageTopFv {
    padding: 14.9% 0% 8.8% 0%;
  }
}

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

.h1PageTopFv {
  height: 40px;
  width: auto;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .h1PageTopFv {
    height: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) {
  .h1PageTopFv {
    height: 6.5546666667vw;
  }
}
.h1PageTopFv img {
  margin: auto;
  width: auto;
  height: 100%;
}

.brdPageTopFv {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #00A6BA;
  width: 413px;
  height: 1px;
}
@media screen and (max-width: 1300px) {
  .brdPageTopFv {
    margin-top: 0.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .brdPageTopFv {
    width: 21.51%;
  }
}
@media screen and (max-width: 1300px) {
  .brdPageTopFv {
    width: 100%;
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdPageTopFv {
    margin-top: 5.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 201px;
  }
}

.h2PageTopFv {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1300px) {
  .h2PageTopFv {
    margin-top: 0.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h2PageTopFv {
    font-size: 1.2307692308vw;
  }
}
.h2PageTopFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h2PageTopFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2PageTopFv {
    margin-top: 8.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2PageTopFv {
    margin-top: 6.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PageTopFv {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PageTopFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h2PageTopFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
“定額制で使い放題”サブスクフィットネス
========================================================================== */
.beginnerFeature {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .beginnerFeature {
    margin: 0.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .beginnerFeature {
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h1BeginnerFeature {
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1BeginnerFeature {
    font-size: 2.3076923077vw;
  }
}
.h1BeginnerFeature::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.h1BeginnerFeature::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1BeginnerFeature {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1BeginnerFeature {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1BeginnerFeature::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h1BeginnerFeature::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.bnrBeginnerFeature {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 58px;
  padding-bottom: 132.5px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .bnrBeginnerFeature {
    margin: 1.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .bnrBeginnerFeature {
    padding: 3.02% 0% 6.9% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bnrBeginnerFeature {
    padding-top: 231px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 7.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .bnrBeginnerFeature {
    padding: 61.6% 0% 0% 0%;
  }
}

.bgBnrBeginnerFeature {
  background: url(../img/beginner/bgBnrBeginnerFeaturePc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgBnrBeginnerFeature {
    background: url(../img/beginner/bgBnrBeginnerFeatureSp.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}

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

.bnrBeginnerFeatureLxn {
  width: 495px;
  background: rgba(255, 255, 255, 0.77);
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1300px) {
  .bnrBeginnerFeatureLxn {
    width: 38.07%;
  }
}
@media screen and (max-width: 767px) {
  .bnrBeginnerFeatureLxn {
    width: 346px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .bnrBeginnerFeatureLxn {
    width: 92.26%;
  }
}

.secBnrBeginnerFeature {
  padding-top: 46.9px;
  padding-bottom: 46px;
  padding-left: 0px;
  padding-right: 0px;
  width: 390px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secBnrBeginnerFeature {
    padding: 9.47% 0% 9.29% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .secBnrBeginnerFeature {
    width: 78.78%;
  }
}

.btnBeginnerFeatureLxn {
  margin-top: 16.6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  height: 60px;
  text-decoration: none;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .btnBeginnerFeatureLxn {
    margin-top: 3.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnBeginnerFeatureLxn {
    font-size: 1.6153846154vw;
  }
}
.btnBeginnerFeatureLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnBeginnerFeatureLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnBeginnerFeatureLxn {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btnBeginnerFeatureLxn {
    height: 11.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBeginnerFeatureLxn {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 1300px) {
  .btnBeginnerFeatureLxn {
    margin-top: 4.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .btnBeginnerFeatureLxn {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBeginnerFeatureLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .btnBeginnerFeatureLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
ZEXISの特徴
========================================================================== */
.bgMainBeginnerFeature {
  background: url(../img/beginner/bgMainBeginnerFeaturePc.png) no-repeat center 0%;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgMainBeginnerFeature {
    background: url(../img/beginner/bgMainBeginnerFeatureSp.png) no-repeat center top;
    background-size: auto 100%;
  }
}

.mainBeginnerFeature {
  padding-top: 21px;
  padding-bottom: 117px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1300px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .mainBeginnerFeature {
    padding: 1.09% 0% 6.09% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .mainBeginnerFeature {
    margin-top: -2.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .mainBeginnerFeature {
    width: 67.7%;
  }
}
@media screen and (max-width: 767px) {
  .mainBeginnerFeature {
    padding: 13.53% 0% 16% 0%;
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 355px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainBeginnerFeature {
    width: 94.66%;
  }
}

.secMainBeginnerFeature {
  width: 1100px;
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secMainBeginnerFeature {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .secMainBeginnerFeature {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secMainBeginnerFeature {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 314px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secMainBeginnerFeature {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secMainBeginnerFeature {
    width: 88.45%;
  }
}

.h2MainBeginnerFeature {
  font-size: 30px;
  line-height: 2.1666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2MainBeginnerFeature {
    font-size: 2.3076923077vw;
  }
}
.h2MainBeginnerFeature::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1666666667) * 0.5em);
  content: "";
}
.h2MainBeginnerFeature::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2MainBeginnerFeature {
    line-height: 3.2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MainBeginnerFeature {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2MainBeginnerFeature::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.2) * 0.5em);
    content: "";
  }
  .h2MainBeginnerFeature::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.2) * 0.5em);
    content: "";
  }
}

.mainBeginnerFeatureFx {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .mainBeginnerFeatureFx {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainBeginnerFeatureFx {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainBeginnerFeatureFx {
    margin-top: 15.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liMainBeginnerFeatureFx {
  width: 348px;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .liMainBeginnerFeatureFx {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .liMainBeginnerFeatureFx {
    width: 355px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liMainBeginnerFeatureFx {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .liMainBeginnerFeatureFx02,
  .liMainBeginnerFeatureFx03 {
    margin: 26.53% 0% 0% 0%;
  }
}

.photoMainBeginnerFeature {
  width: 100%;
}

.numberMainBeginnerFeature {
  width: 46px;
  position: absolute;
  top: -5%;
  left: 3%;
}
@media screen and (max-width: 1300px) {
  .numberMainBeginnerFeature {
    width: 13.21%;
  }
}
@media screen and (max-width: 767px) {
  .numberMainBeginnerFeature {
    width: 42px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .numberMainBeginnerFeature {
    width: 13.37%;
  }
}

.h3MainBeginnerFeature {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: 1.0333333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h3MainBeginnerFeature {
    margin: 5.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .h3MainBeginnerFeature {
    font-size: 1.8461538462vw;
  }
}
.h3MainBeginnerFeature::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.0333333333) * 0.5em);
  content: "";
}
.h3MainBeginnerFeature::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.0333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3MainBeginnerFeature {
    margin: 6.45% 0% 0% 0%;
    line-height: 1.1428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3MainBeginnerFeature {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .h3MainBeginnerFeature::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1428571429) * 0.5em);
    content: "";
  }
  .h3MainBeginnerFeature::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1428571429) * 0.5em);
    content: "";
  }
}

.txtMainBeginnerFeature {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: -0.02em;
  text-indent: 0.02em;
  font-weight: 500;
}
@media screen and (max-width: 1300px) {
  .txtMainBeginnerFeature {
    margin: 5.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtMainBeginnerFeature {
    font-size: 1.2307692308vw;
  }
}
.txtMainBeginnerFeature::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtMainBeginnerFeature::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainBeginnerFeature {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtMainBeginnerFeature {
    margin: 4.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainBeginnerFeature {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainBeginnerFeature::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtMainBeginnerFeature::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.btmMainBeginnerFeatureWap {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .btmMainBeginnerFeatureWap {
    margin-top: 3.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btmMainBeginnerFeatureWap {
    width: 35.45%;
  }
}
@media screen and (max-width: 767px) {
  .btmMainBeginnerFeatureWap {
    margin-top: 10.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btmMainBeginnerFeatureWap {
    width: 95.54%;
  }
}

.btmMainBeginnerFeature {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btmMainBeginnerFeature {
    font-size: 1.6153846154vw;
  }
}
.btmMainBeginnerFeature::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btmMainBeginnerFeature::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btmMainBeginnerFeature {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btmMainBeginnerFeature {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmMainBeginnerFeature {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btmMainBeginnerFeature::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btmMainBeginnerFeature::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.beginnerFree {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 77px;
  padding-bottom: 66px;
  padding-left: 0px;
  padding-right: 0px;
  background: rgba(197, 218, 255, 0.1);
}
@media screen and (max-width: 1300px) {
  .beginnerFree {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .beginnerFree {
    padding: 4.01% 0% 3.43% 0%;
  }
}
@media screen and (max-width: 767px) {
  .beginnerFree {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 7.66% 0% 11.46% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .beginnerFree {
    margin-top: 3.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleBeginnerFree {
  position: relative;
  width: 992px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .titleBeginnerFree {
    width: 76.3%;
  }
}
@media screen and (max-width: 767px) {
  .titleBeginnerFree {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .titleBeginnerFree {
    width: 92%;
  }
}

.h1TitleBeginnerFree {
  font-size: 30px;
  line-height: 2.4;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1TitleBeginnerFree {
    font-size: 2.3076923077vw;
  }
}
.h1TitleBeginnerFree::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.h1TitleBeginnerFree::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1TitleBeginnerFree {
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1TitleBeginnerFree {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1TitleBeginnerFree::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  .h1TitleBeginnerFree::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.leftBrdBeginnerFree {
  position: absolute;
  top: 45%;
  left: 0;
  height: 6px;
  width: 85px;
  border-radius: 100px;
}
@media screen and (max-width: 1300px) {
  .leftBrdBeginnerFree {
    width: 6.53%;
  }
}
@media screen and (max-width: 767px) {
  .leftBrdBeginnerFree {
    display: none;
  }
}

.rightBrdBeginnerFree {
  position: absolute;
  right: 0;
  top: 50%;
  height: 6px;
  width: 80px;
}
@media screen and (max-width: 1300px) {
  .rightBrdBeginnerFree {
    width: 6.15%;
  }
}
@media screen and (max-width: 767px) {
  .rightBrdBeginnerFree {
    display: none;
  }
}

.btmBrdBeginnerFree {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 6px;
  width: 676px;
  display: block;
}
@media screen and (max-width: 1300px) {
  .btmBrdBeginnerFree {
    margin-top: 1.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btmBrdBeginnerFree {
    width: 52%;
  }
}
@media screen and (max-width: 767px) {
  .btmBrdBeginnerFree {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.ulBeginnerFree {
  margin-top: 136px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1012px;
}
@media screen and (max-width: 1300px) {
  .ulBeginnerFree {
    margin-top: 10.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .ulBeginnerFree {
    width: 77.84%;
  }
}
@media screen and (max-width: 767px) {
  .ulBeginnerFree {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 310px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulBeginnerFree {
    margin-top: 26.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulBeginnerFree {
    width: 82.66%;
  }
}

.liBeginnerFree {
  padding-top: 102px;
  padding-bottom: 21px;
  padding-left: 0px;
  padding-right: 0px;
  width: 310px;
  position: relative;
  border-radius: 24px;
  /* CSS3草案 */
  -webkit-border-radius: 24px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 24px;
  /* Firefox用 */
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1300px) {
  .liBeginnerFree {
    padding: 10.19% 0% 2.1% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .liBeginnerFree {
    width: 31%;
  }
}
@media screen and (max-width: 767px) {
  .liBeginnerFree {
    padding: 30.8% 0% 8.2% 0%;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .liBeginnerFree02,
  .liBeginnerFree03 {
    margin: 36.13% 0% 0% 0%;
  }
}

.iconBeginnerFree {
  width: 150px;
  position: absolute;
  top: -16%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .iconBeginnerFree {
    width: 48.38%;
  }
}
@media screen and (max-width: 767px) {
  .iconBeginnerFree {
    width: 47%;
    top: -19%;
  }
}

.secBeginnerFree {
  width: 254px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secBeginnerFree {
    width: 81.93%;
  }
}
@media screen and (max-width: 767px) {
  .secBeginnerFree {
    width: 264px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secBeginnerFree {
    width: 85.16%;
  }
}

.h2BeginnerFree {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2BeginnerFree {
    font-size: 1.5384615385vw;
  }
}
.h2BeginnerFree::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2BeginnerFree::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2BeginnerFree {
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2BeginnerFree {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2BeginnerFree::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  .h2BeginnerFree::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.txtBeginnerFree {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .txtBeginnerFree {
    margin: 10.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtBeginnerFree {
    font-size: 1.2307692308vw;
  }
}
.txtBeginnerFree::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtBeginnerFree::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBeginnerFree {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtBeginnerFree {
    margin: 3.78% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBeginnerFree {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBeginnerFree::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtBeginnerFree::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.btmBeginnerFreeWap {
  margin-top: 71px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .btmBeginnerFreeWap {
    margin-top: 5.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btmBeginnerFreeWap {
    width: 35.45%;
  }
}
@media screen and (max-width: 767px) {
  .btmBeginnerFreeWap {
    margin-top: 38px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btmBeginnerFreeWap {
    margin-top: 10.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmBeginnerFree {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
}
@media screen and (max-width: 1300px) {
  .btmBeginnerFree {
    font-size: 1.6153846154vw;
  }
}
.btmBeginnerFree::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btmBeginnerFree::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmBeginnerFree {
    line-height: 1.5238095238;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmBeginnerFree {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btmBeginnerFree::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btmBeginnerFree::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

.picBeginnerComparison {
  margin-top: 43.2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .picBeginnerComparison {
    margin-top: 3.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picBeginnerComparison {
    margin-top: 4.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.secBeginnerComparison {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secBeginnerComparison {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .secBeginnerComparison {
    width: 92.6%;
  }
}

.h1BeginnerComparison {
  font-size: 30px;
  line-height: 2.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1BeginnerComparison {
    font-size: 2.3076923077vw;
  }
}
.h1BeginnerComparison::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.h1BeginnerComparison::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1BeginnerComparison {
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1BeginnerComparison {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1BeginnerComparison::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  .h1BeginnerComparison::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.txtBeginnerComparison {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .txtBeginnerComparison {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .txtBeginnerComparison {
    font-size: 1.3846153846vw;
  }
}
.txtBeginnerComparison::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtBeginnerComparison::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBeginnerComparison {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBeginnerComparison {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBeginnerComparison::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtBeginnerComparison::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.txtBeginnerComparison02 {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  text-align: right;
}
@media screen and (max-width: 1300px) {
  .txtBeginnerComparison02 {
    margin-top: 2.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .txtBeginnerComparison02 {
    font-size: 0.9230769231vw;
  }
}
.txtBeginnerComparison02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtBeginnerComparison02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBeginnerComparison02 {
    ext-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBeginnerComparison02 {
    font-size: 3.2vw;
  }
}

.btmBeginnerComparisonWap {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .btmBeginnerComparisonWap {
    margin-top: 2.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btmBeginnerComparisonWap {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btmBeginnerComparisonWap {
    margin-top: 9.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.btmBeginnerComparison {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  background: #F6AC19;
}
@media screen and (max-width: 1300px) {
  .btmBeginnerComparison {
    font-size: 1.6153846154vw;
  }
}
.btmBeginnerComparison::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btmBeginnerComparison::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmBeginnerComparison {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmBeginnerComparison {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btmBeginnerComparison::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btmBeginnerComparison::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.mainJoininfo {
  margin-top: 2px;
  margin-bottom: 50px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainJoininfo {
    margin: 0.1% 0% 2.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainJoininfo {
    margin-top: 4.26%;
    margin-bottom: 0.3%;
    margin-left: auto;
    margin-right: auto;
  }
}

.joininfoTop {
  padding-top: 78px;
  padding-bottom: 68px;
  padding-left: 0px;
  padding-right: 0px;
  background: rgb(242, 251, 252);
}
@media screen and (max-width: 1300px) {
  .joininfoTop {
    padding: 4.06% 0% 3.54% 0%;
  }
}
@media screen and (max-width: 767px) {
  .joininfoTop {
    padding: 13.1% 0% 8.7% 0%;
  }
}

.secJoininfoTop {
  width: 961px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secJoininfoTop {
    width: 73.92%;
  }
}
@media screen and (max-width: 767px) {
  .secJoininfoTop {
    width: 83.3%;
  }
}

.h1JoininfoTop {
  font-size: 36px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1JoininfoTop {
    font-size: 2.7692307692vw;
  }
}
.h1JoininfoTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h1JoininfoTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1JoininfoTop {
    font-size: 5.3333333333vw;
  }
}

.txtJoininfoTop {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtJoininfoTop {
    margin: 2.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtJoininfoTop {
    font-size: 1.3846153846vw;
  }
}
.txtJoininfoTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtJoininfoTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtJoininfoTop {
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.6875;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtJoininfoTop {
    margin: 4.39% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJoininfoTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJoininfoTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6875) * 0.5em);
    content: "";
  }
  .txtJoininfoTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6875) * 0.5em);
    content: "";
  }
}

.ulJoininfoTop {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .ulJoininfoTop {
    margin-top: 4.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulJoininfoTop {
    margin-top: 12.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liJoininfoTop {
  width: 313px;
}
@media screen and (max-width: 1300px) {
  .liJoininfoTop {
    width: 32.57%;
  }
}
@media screen and (max-width: 767px) {
  .liJoininfoTop {
    width: 296px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liJoininfoTop {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .liJoininfoTop02,
  .liJoininfoTop03 {
    margin: 0.5% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.joininfoStepWap {
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .joininfoStepWap {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .joininfoStepWap {
    margin-top: 13.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h1JoininfoStep {
  font-size: 36px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .h1JoininfoStep {
    font-size: 2.7692307692vw;
  }
}
.h1JoininfoStep::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h1JoininfoStep::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1JoininfoStep {
    line-height: 3.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1JoininfoStep {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1JoininfoStep::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.6) * 0.5em);
    content: "";
  }
  .h1JoininfoStep::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.6) * 0.5em);
    content: "";
  }
}

.listJoininfoStep {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
@media screen and (max-width: 1300px) {
  .listJoininfoStep {
    margin-top: 3.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .listJoininfoStep {
    width: 73.84%;
  }
}
@media screen and (max-width: 767px) {
  .listJoininfoStep {
    margin-top: 10.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .listJoininfoStep {
    width: 69.33%;
  }
}

.txtJoininfoStep {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 2.7692307692;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 979px;
}
@media screen and (max-width: 1300px) {
  .txtJoininfoStep {
    margin-top: 2.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .txtJoininfoStep {
    font-size: 1vw;
  }
}
.txtJoininfoStep::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.7692307692) * 0.5em);
  content: "";
}
.txtJoininfoStep::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.7692307692) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtJoininfoStep {
    width: 75.3%;
  }
}
@media screen and (max-width: 767px) {
  .txtJoininfoStep {
    margin-top: 8.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5384615385;
    width: 92.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJoininfoStep {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJoininfoStep::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .txtJoininfoStep::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.joininfoYoi {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 55px;
  padding-bottom: 61px;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1300px) {
  .joininfoYoi {
    margin: 2.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .joininfoYoi {
    padding: 2.86% 0% 3.17% 0%;
  }
}
@media screen and (max-width: 767px) {
  .joininfoYoi {
    margin: 6% 0% 0% 0%;
    padding: 8.9% 0% 9.2% 0%;
  }
}

.h1JoininfoYoi {
  font-size: 36px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .h1JoininfoYoi {
    font-size: 2.7692307692vw;
  }
}
.h1JoininfoYoi::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h1JoininfoYoi::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1JoininfoYoi {
    line-height: 3.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1JoininfoYoi {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1JoininfoYoi::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.6) * 0.5em);
    content: "";
  }
  .h1JoininfoYoi::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.6) * 0.5em);
    content: "";
  }
}

.joininfoYoiFx {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 549px;
}
@media screen and (max-width: 1300px) {
  .joininfoYoiFx {
    margin-top: 2.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .joininfoYoiFx {
    width: 42.23%;
  }
}
@media screen and (max-width: 1300px) {
  .joininfoYoiFx {
    width: 57.5%;
  }
}
@media screen and (max-width: 767px) {
  .joininfoYoiFx {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .joininfoYoiFx {
    width: 92%;
  }
}

.picJoininfoYoi {
  width: 68.5px;
}
@media screen and (max-width: 1300px) {
  .picJoininfoYoi {
    width: 12.47%;
  }
}
@media screen and (max-width: 767px) {
  .picJoininfoYoi {
    width: 88px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .picJoininfoYoi {
    width: 25.5%;
  }
}
.picJoininfoYoi img {
  display: block;
  height: auto;
  width: 100%;
}

.secJoininfoYoiFx {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 12.5px;
  margin-right: auto;
}
@media screen and (max-width: 1300px) and (max-width: 1300px) {
  .secJoininfoYoiFx {
    margin-top: 0.38%;
    margin-bottom: 0%;
    margin-left: 0.96%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secJoininfoYoiFx {
    margin-top: 5.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3JoininfoYoiFx {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h3JoininfoYoiFx {
    font-size: 1.5384615385vw;
  }
}
.h3JoininfoYoiFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
.h3JoininfoYoiFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3JoininfoYoiFx {
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3JoininfoYoiFx {
    font-size: 5.3333333333vw;
  }
}

.txtJoininfoYoiFx {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .txtJoininfoYoiFx {
    margin: 0.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtJoininfoYoiFx {
    font-size: 1vw;
  }
}
.txtJoininfoYoiFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtJoininfoYoiFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtJoininfoYoiFx {
    margin: 1.9% 0% 0% 0%;
    line-height: 1.7692307692;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJoininfoYoiFx {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJoininfoYoiFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7692307692) * 0.5em);
    content: "";
  }
  .txtJoininfoYoiFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7692307692) * 0.5em);
    content: "";
  }
}

.txtJoininfoYoi {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 2.7692307692;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .txtJoininfoYoi {
    margin: 1.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtJoininfoYoi {
    font-size: 1vw;
  }
}
.txtJoininfoYoi::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.7692307692) * 0.5em);
  content: "";
}
.txtJoininfoYoi::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.7692307692) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtJoininfoYoi {
    width: 92%;
    margin: 5.7% auto 0% auto;
    line-height: 1.5384615385;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJoininfoYoi {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJoininfoYoi::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .txtJoininfoYoi::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.joininfoContactWap {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .joininfoContactWap {
    margin-top: 5.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .joininfoContactWap {
    margin-top: 11.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.joininfoContact {
  width: 638px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .joininfoContact {
    width: 49.07%;
  }
}
@media screen and (max-width: 767px) {
  .joininfoContact {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .joininfoContact {
    width: 92%;
  }
}

.h1JoininfoContact {
  font-size: 36px;
  line-height: 1.1944444444;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .h1JoininfoContact {
    font-size: 2.7692307692vw;
  }
}
.h1JoininfoContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1944444444) * 0.5em);
  content: "";
}
.h1JoininfoContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1944444444) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1JoininfoContact {
    font-size: 5.3333333333vw;
  }
}

.h2JoininfoContact {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: 1.7916666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .h2JoininfoContact {
    margin: 2.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .h2JoininfoContact {
    font-size: 1.8461538462vw;
  }
}
.h2JoininfoContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7916666667) * 0.5em);
  content: "";
}
.h2JoininfoContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7916666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2JoininfoContact {
    margin-top: 4.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2JoininfoContact {
    font-size: 4.5333333333vw;
  }
}

.btmJoininfoContactWap {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .btmJoininfoContactWap {
    margin: 3.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmJoininfoContactWap {
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmJoininfoContact {
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 47px;
  /* CSS3草案 */
  -webkit-border-radius: 47px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 47px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btmJoininfoContact {
    font-size: 1.6153846154vw;
  }
}
.btmJoininfoContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btmJoininfoContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btmJoininfoContact {
    height: 3.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btmJoininfoContact {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmJoininfoContact {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btmJoininfoContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btmJoininfoContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.mainVoice {
  margin-top: 39px;
  margin-bottom: 100px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainVoice {
    margin: 2.03% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainVoice {
    margin-top: 1.3%;
    margin-bottom: 9%;
    margin-left: 0;
    margin-right: 0;
  }
}

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

.h1VoiceLoop {
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1VoiceLoop {
    font-size: 2.3076923077vw;
  }
}
.h1VoiceLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.h1VoiceLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1VoiceLoop {
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1VoiceLoop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1VoiceLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h1VoiceLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.voiceLoopLxn {
  border: 1px solid #707070;
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 59px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 25px;
  /* CSS3草案 */
  -webkit-border-radius: 25px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 25px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .voiceLoopLxn {
    margin-top: 7.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .voiceLoopLxn {
    padding: 6.32% 0% 6.21% 0%;
  }
}
.voiceLoopLxn:nth-child(n+3) {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .voiceLoopLxn:nth-child(n+3) {
    margin-top: 4.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .voiceLoopLxn {
    width: 310px;
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 8.1% 0% 5.3% 0%;
    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: 1300px) {
  .voiceLoopLxn {
    width: 82.66%;
  }
}
@media screen and (max-width: 767px) {
  .voiceLoopLxn:nth-child(n+3) {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.voiceLoopLxnFx {
  width: 861px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .voiceLoopLxnFx {
    width: 90.72%;
  }
}
@media screen and (max-width: 767px) {
  .voiceLoopLxnFx {
    width: 310px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .voiceLoopLxnFx {
    width: 100%;
  }
}

.picVoiceLoopLxn {
  width: 150px;
}
@media screen and (max-width: 1300px) {
  .picVoiceLoopLxn {
    width: 17.42%;
  }
}
@media screen and (max-width: 767px) {
  .picVoiceLoopLxn {
    width: 150px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .picVoiceLoopLxn {
    width: 48.38%;
  }
}

.secVoiceLoopLxn {
  width: 630px;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secVoiceLoopLxn {
    width: 73.17%;
  }
}
@media screen and (max-width: 1300px) {
  .secVoiceLoopLxn {
    margin: 0.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secVoiceLoopLxn {
    width: 264px;
    margin: 6.5% auto 0% auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secVoiceLoopLxn {
    width: 85.16%;
  }
}

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

.txtVoiceLoopLxn {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtVoiceLoopLxn {
    margin: 1.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtVoiceLoopLxn {
    font-size: 1.2307692308vw;
  }
}
.txtVoiceLoopLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtVoiceLoopLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtVoiceLoopLxn {
    margin-top: 4.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtVoiceLoopLxn {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtVoiceLoopLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtVoiceLoopLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.btmVoiceLoopWap {
  margin-top: 88px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .btmVoiceLoopWap {
    margin-top: 6.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btmVoiceLoopWap {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btmVoiceLoopWap {
    margin-top: 8.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btmVoiceLoopWap {
    width: 92%;
  }
}

.btnVoiceLoop {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnVoiceLoop {
    font-size: 1.6153846154vw;
  }
}
.btnVoiceLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnVoiceLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnVoiceLoop {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btnVoiceLoop {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnVoiceLoop {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnVoiceLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnVoiceLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainprice {
  margin-top: 39px;
  margin-bottom: 66px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainprice {
    margin: 2.03% 0% 3.43% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainprice {
    margin: 1.2% 0% 0% 0%;
  }
}

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

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

.priceTopBnr {
  width: 100%;
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .priceTopBnr {
    margin: 3.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .priceTopBnr {
    margin: 6.8% 0% 0% 0%;
  }
}

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

.priceMainTopLxn {
  width: 911px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .priceMainTopLxn {
    width: 70.07%;
  }
}
@media screen and (max-width: 1300px) {
  .priceMainTopLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .priceMainTopLxn {
    width: 348px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .priceMainTopLxn {
    width: 92.8%;
  }
}

.priceMainTopFx {
  width: 100%;
}

.h1PriceMainTop {
  border: 3px solid #00A6BA;
  height: 94px;
  width: 348px;
  font-size: 26px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1PriceMainTop {
    width: 38.19%;
  }
}
@media screen and (max-width: 1300px) {
  .h1PriceMainTop {
    font-size: 2vw;
  }
}
.h1PriceMainTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.h1PriceMainTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h1PriceMainTop {
    height: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .h1PriceMainTop {
    width: 100%;
    height: 17vw;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1PriceMainTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1PriceMainTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h1PriceMainTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.priceMainTopDetail {
  width: 254px;
}
@media screen and (max-width: 1300px) {
  .priceMainTopDetail {
    width: 27.88%;
  }
}
@media screen and (max-width: 767px) {
  .priceMainTopDetail {
    width: 345px;
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .priceMainTopDetail {
    width: 99.13%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .priceMainTopDetail {
    margin-top: 3.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2PriceMainTopDetail {
  height: 41px;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 24px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2PriceMainTopDetail {
    font-size: 1.8461538462vw;
  }
}
.h2PriceMainTopDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h2PriceMainTopDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2PriceMainTopDetail {
    height: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceMainTopDetail {
    width: 100%;
    height: 10.9333333333vw;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PriceMainTopDetail {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceMainTopDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2PriceMainTopDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.priceMainTopDetailFx {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .priceMainTopDetailFx {
    margin: 2.75% 0% 0% 1.96%;
  }
}
@media screen and (max-width: 767px) {
  .priceMainTopDetailFx {
    justify-content: center;
    margin: 2.1% 0% 0% 0%;
  }
}

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

.txtPriceMainTopDetail02 {
  font-size: 30px;
  line-height: 2.1666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtPriceMainTopDetail02 {
    font-size: 2.3076923077vw;
  }
}
.txtPriceMainTopDetail02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1666666667) * 0.5em);
  content: "";
}
.txtPriceMainTopDetail02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtPriceMainTopDetail02 {
    margin: 0% 0% 1.18% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtPriceMainTopDetail02 {
    line-height: 3.4210526316;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 0% 0% 0.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPriceMainTopDetail02 {
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPriceMainTopDetail02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.4210526316) * 0.5em);
    content: "";
  }
  .txtPriceMainTopDetail02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.4210526316) * 0.5em);
    content: "";
  }
}

.priceMainTopDetail02 {
  width: 254px;
}
@media screen and (max-width: 1300px) {
  .priceMainTopDetail02 {
    width: 27.88%;
  }
}
@media screen and (max-width: 767px) {
  .priceMainTopDetail02 {
    width: 100%;
    margin: 6.2% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.priceRental {
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .priceRental {
    margin: 5.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .priceRental {
    margin: 7.9% 0% 0% 0%;
  }
}

.titlePriceRental {
  border-top: 2px solid #00A6BA;
  border-bottom: 2px solid #00A6BA;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

.h1TitlePriceRental {
  height: 103px;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1TitlePriceRental {
    font-size: 2.3076923077vw;
  }
}
.h1TitlePriceRental::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.h1TitlePriceRental::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h1TitlePriceRental {
    height: 7vw;
  }
}
@media screen and (max-width: 767px) {
  .h1TitlePriceRental {
    height: 27.5vw;
    line-height: 1.55;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1TitlePriceRental {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1TitlePriceRental::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.55) * 0.5em);
    content: "";
  }
  .h1TitlePriceRental::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.55) * 0.5em);
    content: "";
  }
}

.priceRentalWap {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .priceRentalWap {
    margin-top: 4.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .priceRentalWap {
    margin-top: 15.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.optionPriceCnt {
  width: 914px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .optionPriceCnt {
    width: 70.3%;
  }
}
@media screen and (max-width: 1300px) {
  .optionPriceCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .optionPriceCnt {
    width: 77.5%;
  }
}
@media screen and (max-width: 767px) {
  .optionPriceCnt {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .optionPriceCnt {
    width: 92%;
  }
}

.h2OptionPriceCnt {
  font-size: 30px;
  line-height: 2.1666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2OptionPriceCnt {
    font-size: 2.3076923077vw;
  }
}
.h2OptionPriceCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1666666667) * 0.5em);
  content: "";
}
.h2OptionPriceCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2OptionPriceCnt {
    width: 100%;
    line-height: 3.25;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OptionPriceCnt {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2OptionPriceCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.25) * 0.5em);
    content: "";
  }
  .h2OptionPriceCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.25) * 0.5em);
    content: "";
  }
}

.h3OptionPriceCnt {
  border: 3px solid #00A6BA;
  height: 43px;
  width: 100%;
  font-size: 16px;
  line-height: 2.25;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h3OptionPriceCnt {
    font-size: 1.2307692308vw;
  }
}
.h3OptionPriceCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.h3OptionPriceCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h3OptionPriceCnt {
    margin: 4.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .h3OptionPriceCnt {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .h3OptionPriceCnt {
    width: 100%;
    height: 24.2666666667vw;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 13.5% 0% 0% 0%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3OptionPriceCnt {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3OptionPriceCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h3OptionPriceCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.optionPriceTableWap {
  width: 100%;
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .optionPriceTableWap {
    margin: 6.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .optionPriceTableWap {
    margin: 12.6% 0% 0% 0%;
  }
}

.optionPriceTableWap02 {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .optionPriceTableWap02 {
    margin: 6.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .optionPriceTableWap02 {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .optionPriceTableWap02 {
    margin: 11.59% 0% 0% 0%;
  }
}

.optionPriceTableLxn {
  width: 441px;
}
@media screen and (max-width: 1300px) {
  .optionPriceTableLxn {
    width: 48.24%;
  }
}
@media screen and (max-width: 767px) {
  .optionPriceTableLxn {
    width: 100%;
  }
}

.h4OptionPriceTableLxn {
  font-size: 18px;
  line-height: 3.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h4OptionPriceTableLxn {
    font-size: 1.3846153846vw;
  }
}
.h4OptionPriceTableLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 3.6111111111) * 0.5em);
  content: "";
}
.h4OptionPriceTableLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 3.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4OptionPriceTableLxn {
    line-height: 2.7777777778;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4OptionPriceTableLxn {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h4OptionPriceTableLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.7777777778) * 0.5em);
    content: "";
  }
  .h4OptionPriceTableLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.7777777778) * 0.5em);
    content: "";
  }
}

.optionPriceTableCnts {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .optionPriceTableCnts {
    margin: 3.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .optionPriceTableCnts {
    margin: 3.6% 0% 0% 0%;
  }
}

.optionPriceTableCnts02 {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .optionPriceTableCnts02 {
    margin: 0.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .optionPriceTableCnts02 {
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .optionPriceTableCnts02 {
    margin: 0.57% 0% 0% 0%;
  }
}

.h5OptionPriceTable {
  display: flex;
  align-items: center;
  font-feature-settings: "palt";
  width: 318px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 14px;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1300px) {
  .h5OptionPriceTable {
    width: 72.1%;
  }
}
@media screen and (max-width: 1300px) {
  .h5OptionPriceTable {
    padding: 0% 2.49% 0% 2.49%;
  }
}
@media screen and (max-width: 1300px) {
  .h5OptionPriceTable {
    font-size: 1.0769230769vw;
  }
}
.h5OptionPriceTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4285714286) * 0.5em);
  content: "";
}
.h5OptionPriceTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4285714286) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5OptionPriceTable {
    width: 100%;
    height: 14.4vw;
    padding: 0% 2.44% 0% 2.44%;
    line-height: 1.25;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5OptionPriceTable {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h5OptionPriceTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .h5OptionPriceTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.txtOptionPriceTable {
  height: 30px;
  width: 120px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 800;
}
@media screen and (max-width: 1300px) {
  .txtOptionPriceTable {
    width: 27.21%;
  }
}
@media screen and (max-width: 1300px) {
  .txtOptionPriceTable {
    padding: 0% 3.17% 0% 3.17%;
  }
}
@media screen and (max-width: 1300px) {
  .txtOptionPriceTable {
    font-size: 1.0769230769vw;
  }
}
.txtOptionPriceTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtOptionPriceTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtOptionPriceTable {
    height: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOptionPriceTable {
    text-align: right;
    width: 100%;
    height: 10.6666666667vw;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtOptionPriceTable {
    margin: 0.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtOptionPriceTable {
    padding: 0% 1.44% 0% 1.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOptionPriceTable {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOptionPriceTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtOptionPriceTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtOptionPriceTable01 {
  height: 60px;
}
@media screen and (max-width: 1300px) {
  .txtOptionPriceTable01 {
    height: 7vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOptionPriceTable01 {
    height: 10.6666666667vw;
  }
}

.h6OptionPriceTable {
  font-size: 13px;
  line-height: 1.4615384615;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h6OptionPriceTable {
    font-size: 1vw;
  }
}
.h6OptionPriceTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4615384615) * 0.5em);
  content: "";
}
.h6OptionPriceTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4615384615) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h6OptionPriceTable {
    margin: 3.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h6OptionPriceTable {
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 4.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h6OptionPriceTable {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h6OptionPriceTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h6OptionPriceTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.txtBtmOptionPriceTabl {
  font-size: 13px;
  line-height: 1.4615384615;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtBtmOptionPriceTabl {
    font-size: 1vw;
  }
}
.txtBtmOptionPriceTabl::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4615384615) * 0.5em);
  content: "";
}
.txtBtmOptionPriceTabl::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4615384615) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtBtmOptionPriceTabl {
    margin: 0.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmOptionPriceTabl {
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmOptionPriceTabl {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmOptionPriceTabl::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .txtBtmOptionPriceTabl::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtBtmOptionPriceTabl {
    margin: 1.15% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .optionPriceTableLxn02 {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .optionPriceTableLxn02 {
    margin: 11.59% 0% 0% 0%;
  }
}

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

.priceBtnsFx {
  width: 808px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .priceBtnsFx {
    width: 62.15%;
  }
}
@media screen and (max-width: 1300px) {
  .priceBtnsFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .priceBtnsFx {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .priceBtnsFx {
    width: 92%;
  }
}

.liPriceBtns {
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .liPriceBtns {
    width: 48.26%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceBtns {
    width: 100%;
  }
}

.btnPriceBtns {
  text-decoration: none;
  height: 60px;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .btnPriceBtns {
    font-size: 1.6153846154vw;
  }
}
.btnPriceBtns::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnPriceBtns::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnPriceBtns {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnPriceBtns {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnPriceBtns {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnPriceBtns::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnPriceBtns::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainInfo {
  margin-top: 39px;
  margin-bottom: 101px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainInfo {
    margin: 2.03% 0% 5.26% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainInfo {
    margin: 1.2% 0% 10% 0%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoBaseCnt {
  height: 621px;
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .infoBaseCnt {
    margin: 3.48% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .infoBaseCnt {
    height: 33vw;
  }
}
@media screen and (max-width: 767px) {
  .infoBaseCnt {
    height: 126.4vw;
    margin: 9.6% 0% 0% 0%;
  }
}

.bgInfoBaseCnt01 {
  height: 621px;
  background: url(../img/info/bgInfoBaseCnt01Pc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 1300px) {
  .bgInfoBaseCnt01 {
    height: 33vw;
  }
}
@media screen and (max-width: 767px) {
  .bgInfoBaseCnt01 {
    height: 126.4vw;
    background: url(../img/info/bgInfoBaseCnt01Sp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.infoBaseCntWap {
  width: 912px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .infoBaseCntWap {
    width: 70.15%;
  }
}
@media screen and (max-width: 1300px) {
  .infoBaseCntWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoBaseCntWap {
    width: 100%;
    margin: 54.8% 0% 0% 0%;
  }
}

.secInfoBaseCntRight {
  background: #FFF;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  width: 536px;
  padding-top: 42px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secInfoBaseCntRight {
    width: 58.77%;
  }
}
@media screen and (max-width: 1300px) {
  .secInfoBaseCntRight {
    padding: 4.6% 0% 2.41% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .secInfoBaseCntRight {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) {
  .secInfoBaseCntRight {
    width: 345px;
    padding: 4.5% 0% 5.9% 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secInfoBaseCntRight {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secInfoBaseCntRight {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.infoBaseCntBox {
  width: 464px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .infoBaseCntBox {
    width: 86.56%;
  }
}
@media screen and (max-width: 1300px) {
  .infoBaseCntBox {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoBaseCntBox {
    width: 316px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .infoBaseCntBox {
    width: 91.59%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .infoBaseCntBox {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtInfoBaseCnt {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtInfoBaseCnt {
    font-size: 1.2307692308vw;
  }
}
.txtInfoBaseCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtInfoBaseCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtInfoBaseCnt {
    margin: 3.01% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoBaseCnt {
    line-height: 1.4375;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoBaseCnt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoBaseCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtInfoBaseCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.t_right {
  text-align: right;
}

.linkInfoBaseCnt {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .linkInfoBaseCnt {
    margin: 1.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .linkInfoBaseCnt {
    margin: 3.2% 5.5% 0% 0%;
  }
}

.btnInfoBaseCnt {
  text-decoration: none;
  font-size: 19px;
  line-height: 1.6315789474;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnInfoBaseCnt {
    font-size: 1.4615384615vw;
  }
}
.btnInfoBaseCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6315789474) * 0.5em);
  content: "";
}
.btnInfoBaseCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6315789474) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnInfoBaseCnt {
    line-height: 1.6315789474;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnInfoBaseCnt {
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfoBaseCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6315789474) * 0.5em);
    content: "";
  }
  .btnInfoBaseCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6315789474) * 0.5em);
    content: "";
  }
}

.arrowInfoBaseCnt {
  background: url(../img/info/arrowInfoBaseCnt.svg) no-repeat right center;
  background-size: auto 35%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 14px;
}
@media screen and (max-width: 1300px) {
  .arrowInfoBaseCnt {
    padding: 0% 2.97% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .arrowInfoBaseCnt {
    padding: 0% 4.97% 0% 0%;
  }
}

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

.bgInfoBaseCnt02 {
  background: url(../img/info/bgInfoBaseCnt02Pc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgInfoBaseCnt02 {
    background: url(../img/info/bgInfoBaseCnt02Sp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.secInfoBaseCntLeft {
  background: #FFF;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  width: 536px;
  padding-top: 40px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secInfoBaseCntLeft {
    width: 58.77%;
  }
}
@media screen and (max-width: 1300px) {
  .secInfoBaseCntLeft {
    padding: 4.38% 0% 2.41% 0%;
  }
}
@media screen and (max-width: 1300px) and (max-width: 1300px) {
  .secInfoBaseCntLeft {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secInfoBaseCntLeft {
    width: 345px;
    padding: 4.5% 0% 5.9% 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secInfoBaseCntLeft {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secInfoBaseCntLeft {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.bgInfoBaseCnt03 {
  background: url(../img/info/bgInfoBaseCnt03Pc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgInfoBaseCnt03 {
    background: url(../img/info/bgInfoBaseCnt03Sp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

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

.bgInfoBaseCnt04 {
  background: url(../img/info/bgInfoBaseCnt04Pc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgInfoBaseCnt04 {
    background: url(../img/info/bgInfoBaseCnt04Sp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

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

.infoContact {
  width: 390px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .infoContact {
    width: 30%;
  }
}
@media screen and (max-width: 1300px) {
  .infoContact {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoContact {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .infoContact {
    width: 92%;
  }
}

.btmInfoWap {
  width: 100%;
}

.btnInfo {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnInfo {
    font-size: 1.6153846154vw;
  }
}
.btnInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnInfo {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfo {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnInfo {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.maingymes {
  margin-top: 41px;
  margin-bottom: 109px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .maingymes {
    margin: 2.13% 0% 5.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .maingymes {
    margin: 1.2% 0% 0% 0%;
  }
}

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

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

.gymasLoops:nth-child(n+3) {
  margin-top: 121px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .gymasLoops:nth-child(n+3) {
    margin: 6.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .gymasLoops:nth-child(n+3) {
    margin: 15.5% 0% 0% 0%;
  }
}

.titleGymasLoops {
  height: 50px;
}
@media screen and (max-width: 767px) {
  .titleGymasLoops {
    height: 17.8666666667vw;
  }
}

.secTitleGymasLoops {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secTitleGymasLoops {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .secTitleGymasLoops {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTitleGymasLoops {
    justify-content: center;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secTitleGymasLoops {
    width: 92%;
  }
}

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

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

.gymasLoopsCntWap {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .gymasLoopsCntWap {
    margin-top: 3.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .gymasLoopsCntWap {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .gymasLoopsCntWap {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.gymasLoopsCntLxn {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .gymasLoopsCntLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .gymasLoopsCntLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .gymasLoopsCntLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .gymasLoopsCntLxn {
    width: 92%;
  }
}

.gymasLoopsCntFxLxn {
  width: 100%;
}

.photoGymasLoopsCntFxLxn {
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .photoGymasLoopsCntFxLxn {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .photoGymasLoopsCntFxLxn {
    width: 100%;
  }
}

.txtGymasLoopsCnt {
  font-size: 16px;
  line-height: 1.4375;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtGymasLoopsCnt {
    font-size: 1.2307692308vw;
  }
}
.txtGymasLoopsCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4375) * 0.5em);
  content: "";
}
.txtGymasLoopsCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4375) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtGymasLoopsCnt {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtGymasLoopsCnt {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGymasLoopsCnt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGymasLoopsCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtGymasLoopsCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .photoGymasLoopsCntRight {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoGymasLoopsCntRight {
    margin: 4.63% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .secTitleGymasLoopsLast {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .secTitleGymasLoopsLast .txtTitleGymasLoops {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secTitleGymasLoopsLast .txtTitleGymasLoops {
    margin: 1.44% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.gbymsLesson {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 201px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .gbymsLesson {
    margin: 10.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .gbymsLesson {
    margin: 9.2% 0% 0% 0%;
  }
}

.bgGbymsLesson {
  height: 420px;
  background: url(../img/gyms/bgGbymsLessonPc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 1300px) {
  .bgGbymsLesson {
    height: 22vw;
  }
}
@media screen and (max-width: 767px) {
  .bgGbymsLesson {
    height: 115.133333vw;
    background: url(../img/gyms/bgGbymsLessonSp.jpg) no-repeat top center;
    background-size: cover;
  }
}

.gbymsLessonLxn {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .gbymsLessonLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .gbymsLessonLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .gbymsLessonLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .gbymsLessonLxn {
    width: 92%;
  }
}

.h1GbymsLesson {
  height: 54px;
  box-shadow: 0px 4px 8px -1px rgba(0, 0, 0, 0.16) inset;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  width: 567px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 26px;
  line-height: 2.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1GbymsLesson {
    width: 51.54%;
  }
}
@media screen and (max-width: 1300px) {
  .h1GbymsLesson {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h1GbymsLesson {
    font-size: 2vw;
  }
}
.h1GbymsLesson::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.5) * 0.5em);
  content: "";
}
.h1GbymsLesson::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h1GbymsLesson {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .h1GbymsLesson {
    width: 100%;
    height: 21.3333333333vw;
    line-height: 1.3;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1GbymsLesson {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1GbymsLesson::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h1GbymsLesson::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.d_felx {
  display: flex;
}

.gbymsLessonFx {
  width: 100%;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .gbymsLessonFx {
    margin: 2.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .gbymsLessonFx {
    margin: 10.21% 0% 0% 0%;
  }
}

.liGbymsLesson {
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .liGbymsLesson {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .liGbymsLesson {
    width: 100%;
  }
}

.ali_center {
  align-items: center;
}

.btnGbymsLesson {
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.16);
  height: 60px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnGbymsLesson {
    font-size: 1.5384615385vw;
  }
}
.btnGbymsLesson::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.btnGbymsLesson::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnGbymsLesson {
    height: 5.5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnGbymsLesson {
    height: 16vw;
    line-height: 1.8;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnGbymsLesson {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnGbymsLesson::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .btnGbymsLesson::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .liGbymsLesson02 {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liGbymsLesson02 {
    margin: 5.5% 0% 0% 0%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.h1TxtPageTopFv {
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1TxtPageTopFv {
    font-size: 2.3076923077vw;
  }
}
.h1TxtPageTopFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h1TxtPageTopFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1TxtPageTopFv {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1TxtPageTopFv {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h1TxtPageTopFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h1TxtPageTopFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.privacyLxn {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .privacyLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .privacyLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .privacyLxn {
    width: 92%;
  }
}

.h2Privacy {
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2Privacy {
    font-size: 1.5384615385vw;
  }
}
.h2Privacy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.h2Privacy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2Privacy {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Privacy {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Privacy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h2Privacy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.txtPrivacy {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 2.25;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtPrivacy {
    margin: 1.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtPrivacy {
    font-size: 1.2307692308vw;
  }
}
.txtPrivacy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.txtPrivacy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPrivacy {
    margin: 2.5% 0% 0% 0%;
    line-height: 1.875;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPrivacy {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPrivacy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * 0.5em);
    content: "";
  }
  .txtPrivacy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * 0.5em);
    content: "";
  }
}

.secPrivacy02 .h2Privacy {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secPrivacy02 .h2Privacy {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacy02 .h2Privacy {
    margin-top: 10.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.privacyContactWap {
  margin-top: 118px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .privacyContactWap {
    margin-top: 9.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .privacyContactWap {
    margin-top: 12.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.infoContact {
  width: 390px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .infoContact {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .infoContact {
    width: 344px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .infoContact {
    width: 91.73%;
  }
}

.btnInfo {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnInfo {
    font-size: 1.6153846154vw;
  }
}
.btnInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnInfo {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfo {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnInfo {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.studioMainBunr {
  width: 100%;
}
.studioMainBunr img {
  display: block;
  height: auto;
  width: 100%;
}

.studioMainTitle {
  margin-top: 87px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .studioMainTitle {
    margin: 4.53% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .studioMainTitle {
    margin: 5.7% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.StudioLoop {
  margin-top: 103px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .StudioLoop {
    margin: 5.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .StudioLoop {
    margin: 8.5% 0% 0% 0%;
  }
}

.StudioLoopCntLxn {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .StudioLoopCntLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .StudioLoopCntLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .StudioLoopCntLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .StudioLoopCntLxn {
    width: 92%;
  }
}

.StudioLoopCntFxLxn {
  width: 100%;
}

.photoStudioLoopCntLeft {
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .photoStudioLoopCntLeft {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .photoStudioLoopCntLeft {
    width: 100%;
  }
}

.photoStudioLoopCnt {
  width: 100%;
}

.h3StudioLoopCnt {
  font-size: 24px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h3StudioLoopCnt {
    font-size: 1.8461538462vw;
  }
}
.h3StudioLoopCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h3StudioLoopCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h3StudioLoopCnt {
    margin: 6.71% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3StudioLoopCnt {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3StudioLoopCnt {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3StudioLoopCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3StudioLoopCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtStudioLoopCnt {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtStudioLoopCnt {
    font-size: 1.2307692308vw;
  }
}
.txtStudioLoopCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtStudioLoopCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtStudioLoopCnt {
    margin: 2.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtStudioLoopCnt {
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtStudioLoopCnt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtStudioLoopCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtStudioLoopCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.photoStudioLoopCntRight {
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .photoStudioLoopCntRight {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .photoStudioLoopCntRight {
    width: 100%;
    margin: 8.2% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.studioLesson {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .studioLesson {
    margin: 3.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .studioLesson {
    margin: 6.7% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.secSpecified {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secSpecified {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .secSpecified {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secSpecified {
    width: 100%;
  }
}

.h2Specified {
  font-size: 24px;
  line-height: 2.5416666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2Specified {
    font-size: 1.8461538462vw;
  }
}
.h2Specified::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.5416666667) * 0.5em);
  content: "";
}
.h2Specified::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.5416666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2Specified {
    width: 345px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Specified {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2Specified {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2Specified {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tableSpecified {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #707070;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .tableSpecified {
    margin-top: 2.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableSpecified {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tableSpecified tbody,
  .tableSpecified tr {
    width: 100%;
    display: block;
  }
}

.thSpecified {
  width: 240px;
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 21px;
  padding-right: 21px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: left;
  border-top: 1px solid #707070;
  background: rgba(0, 166, 186, 0.1);
}
@media screen and (max-width: 1300px) {
  .thSpecified {
    width: 21.81%;
  }
}
@media screen and (max-width: 1300px) {
  .thSpecified {
    padding: 1.9% 1.9% 1.9% 1.9%;
  }
}
@media screen and (max-width: 1300px) {
  .thSpecified {
    font-size: 1.3846153846vw;
  }
}
.thSpecified::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.thSpecified::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thSpecified {
    width: 375px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 9.6vw;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .thSpecified {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .thSpecified {
    padding: 0% 4% 0% 4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thSpecified {
    font-size: 4.8vw;
  }
}

.tdSpecified {
  width: 860px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 43px;
  padding-right: 43px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 1300px) {
  .tdSpecified {
    width: 78.18%;
  }
}
@media screen and (max-width: 1300px) {
  .tdSpecified {
    padding: 1.81% 3.9% 1.81% 3.9%;
  }
}
@media screen and (max-width: 1300px) {
  .tdSpecified {
    font-size: 1.2307692308vw;
  }
}
.tdSpecified::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tdSpecified::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdSpecified {
    width: 375px;
    padding: 2.9% 4% 2.5% 4%;
    line-height: 1.625;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .tdSpecified {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdSpecified {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdSpecified::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .tdSpecified::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.tdSpecifiedthumb {
  width: 354px;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .tdSpecifiedthumb {
    width: 41.16%;
  }
}
@media screen and (max-width: 1300px) {
  .tdSpecifiedthumb {
    margin: 1.27% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdSpecifiedthumb {
    width: 375px;
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .tdSpecifiedthumb {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.specifiedBtmCnt {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .specifiedBtmCnt {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .specifiedBtmCnt {
    margin-top: 14.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.specifiedContact {
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .specifiedContact {
    margin-top: 5.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .specifiedContact {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.poolMainBunr {
  width: 100%;
}
.poolMainBunr img {
  display: block;
  height: auto;
  width: 100%;
}

.poolMainTitle {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .poolMainTitle {
    margin: 3.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .poolMainTitle {
    margin: 8.9% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.photoPoolLoopCntLeft {
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .photoPoolLoopCntLeft {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .photoPoolLoopCntLeft {
    width: 100%;
  }
}

.photoPoolLoopCntRight {
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .photoPoolLoopCntRight {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .photoPoolLoopCntRight {
    width: 100%;
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoPoolLoopCntRight {
    margin: 7.53% 0% 0% 0%;
  }
}

.StudioLoopCntFxLxn02 {
  margin-top: 82px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .StudioLoopCntFxLxn02 {
    margin: 7.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .StudioLoopCntFxLxn02 {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .StudioLoopCntFxLxn02 {
    margin: 7.53% 0% 0% 0%;
  }
}

.StudioLoopCntFxLxn03 {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .StudioLoopCntFxLxn03 {
    margin: 6.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .StudioLoopCntFxLxn03 {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .StudioLoopCntFxLxn03 {
    margin: 7.53% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.poolLesson {
  margin-top: 81px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .poolLesson {
    margin: 4.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .poolLesson {
    margin: 7% 0% 0% 0%;
  }
}

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

.searchFormsPcFx {
  width: 547px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .searchFormsPcFx {
    width: 28.48%;
  }
}
@media screen and (max-width: 767px) {
  .searchFormsPcFx {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .searchFormsPcFx {
    width: 92%;
  }
}

.searchFormsWapper .searchHeaderPcFxWap {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .searchFormsWapper .searchHeaderPcFxWap {
    width: 91.4%;
  }
}
@media screen and (max-width: 767px) {
  .searchFormsWapper .searchHeaderPcFxWap {
    width: 298px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .searchFormsWapper .searchHeaderPcFxWap {
    width: 86.37%;
  }
}
.searchFormsWapper .searchHeaderPcFxWap input {
  width: 100%;
}

.searchFormsPcFx .inputSearchform {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16) inset;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 24px;
  padding-right: 24px;
  border: 1px solid #707070;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 1300px) {
  .searchFormsPcFx .inputSearchform {
    padding: 3% 4.8% 3% 4.8%;
  }
}
@media screen and (max-width: 1300px) {
  .searchFormsPcFx .inputSearchform {
    font-size: 1.2307692308vw;
  }
}
.searchFormsPcFx .inputSearchform::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.searchFormsPcFx .inputSearchform::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .searchFormsPcFx .inputSearchform {
    width: 298px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .searchFormsPcFx .inputSearchform {
    width: 86.37%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .searchFormsPcFx .inputSearchform {
    font-size: 4.2666666667vw;
  }
}

.iconSearchFormsPc {
  width: 27.84px;
}
@media screen and (max-width: 1300px) {
  .iconSearchFormsPc {
    width: 5.08%;
  }
}
@media screen and (max-width: 767px) {
  .iconSearchFormsPc {
    width: 27.84px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .iconSearchFormsPc {
    width: 8.06%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.searchloopsWap {
  margin-top: 103px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .searchloopsWap {
    margin-top: 5.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .searchloopsWap {
    margin-top: 17.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.pageSearchLxn {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .pageSearchLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .pageSearchLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .pageSearchLxn {
    width: 92%;
  }
}

.liPageSearch {
  border-bottom: 1px solid #707070;
  padding-top: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liPageSearch {
    padding: 0% 0% 5.45% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPageSearch {
    padding: 0% 0% 15% 0%;
  }
}
.liPageSearch:nth-child(n+2) {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liPageSearch:nth-child(n+2) {
    margin: 5.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPageSearch:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liPageSearch:nth-child(n+2) {
    margin: 5.79% 0% 0% 0%;
  }
}

.btnPageSearch {
  display: block;
  width: 912px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .btnPageSearch {
    width: 82.9%;
  }
}
@media screen and (max-width: 767px) {
  .btnPageSearch {
    width: 100%;
  }
}

.h2PageSearc {
  font-size: 24px;
  line-height: 1.2083333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2PageSearc {
    font-size: 1.8461538462vw;
  }
}
.h2PageSearc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2083333333) * 0.5em);
  content: "";
}
.h2PageSearc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2083333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2PageSearc {
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PageSearc {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PageSearc::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  .h2PageSearc::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.txtPageSearc {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtPageSearc {
    margin: 1.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtPageSearc {
    font-size: 1.2307692308vw;
  }
}
.txtPageSearc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtPageSearc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPageSearc {
    margin: 3.5% 0% 0% 0%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPageSearc {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPageSearc::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtPageSearc::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.searchloopsPagers {
  margin-top: 86px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .searchloopsPagers {
    margin-top: 6.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .searchloopsPagers {
    margin: 15.75% 0% 0% 0%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .searchloopsPagers {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .searchloopsPagers::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .searchloopsPagers::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.searchContact {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .searchContact {
    margin-top: 5.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .searchContact {
    margin-top: 18.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

.faqMain {
  width: 780px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .faqMain {
    width: 60%;
  }
}
@media screen and (max-width: 1300px) {
  .faqMain {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqMain {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .faqMain {
    width: 92%;
  }
}

.secFaqMain {
  width: 100%;
}

.secFaqMain:nth-child(n+2) {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secFaqMain:nth-child(n+2) {
    margin: 7.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqMain:nth-child(n+2) {
    margin-top: 29px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secFaqMain:nth-child(n+2) {
    margin: 8.4% 0% 0% 0%;
  }
}

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

.faqDetailCnt:nth-child(2) {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .faqDetailCnt:nth-child(2) {
    margin: 3.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faqDetailCnt:nth-child(2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .faqDetailCnt:nth-child(2) {
    margin: 3.47% 0% 0% 0%;
  }
}

.faqDetailCnt {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .faqDetailCnt {
    margin: 0.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faqDetailCnt {
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .faqDetailCnt {
    margin: 1.73% 0% 0% 0%;
  }
}

.titleFaqDetailCnt {
  cursor: pointer;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 38px;
  padding-right: 34px;
}
@media screen and (max-width: 1300px) {
  .titleFaqDetailCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .titleFaqDetailCnt {
    padding: 0% 4.35% 0% 4.87%;
  }
}
@media screen and (max-width: 1300px) {
  .titleFaqDetailCnt {
    height: 5.5vw;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqDetailCnt {
    height: 16vw;
    padding: 0% 6.5% 0% 3.76%;
  }
}

.h3TitleFaqDetailCnt {
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h3TitleFaqDetailCnt {
    font-size: 1.5384615385vw;
  }
}
.h3TitleFaqDetailCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.h3TitleFaqDetailCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleFaqDetailCnt {
    line-height: 1.8125;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleFaqDetailCnt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleFaqDetailCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8125) * 0.5em);
    content: "";
  }
  .h3TitleFaqDetailCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8125) * 0.5em);
    content: "";
  }
}

.iconFaq {
  width: 13px;
  transform: rotate(180deg);
}

.titleFaqDetailCnt.off .iconFaq {
  transform: rotate(180deg);
}

.titleFaqDetailCnt.on .iconFaq {
  transform: rotate(0deg);
}

.mainFaqDetailCnt {
  padding-top: 35px;
  padding-bottom: 36px;
  padding-left: 38px;
  padding-right: 31px;
  display: none;
}
@media screen and (max-width: 1300px) {
  .mainFaqDetailCnt {
    padding: 4.48% 3.97% 4.61% 4.87%;
  }
}
@media screen and (max-width: 767px) {
  .mainFaqDetailCnt {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainFaqDetailCnt {
    padding: 5.79% 0% 5.79% 0%;
  }
}

.mainFaqDetailCnt p {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .mainFaqDetailCnt p {
    font-size: 1.2307692308vw;
  }
}
.mainFaqDetailCnt p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.mainFaqDetailCnt p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainFaqDetailCnt p {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainFaqDetailCnt p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mainFaqDetailCnt p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .mainFaqDetailCnt p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.titleFaqDetailCnt.on .on {
  display: block;
}
.titleFaqDetailCnt.on .off {
  display: none;
}

.titleFaqDetailCnt.off .on {
  display: none;
}
.titleFaqDetailCnt.off .off {
  display: block;
}

.faqContact {
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .faqContact {
    margin-top: 12.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqContact {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainSitemap {
  margin-top: 40px;
  margin-bottom: 69px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainSitemap {
    margin: 2.08% 0% 3.59% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSitemap {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainSitemap {
    margin: 0% 0% 0% 0%;
  }
}

.sitemapMain {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .sitemapMain {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .sitemapMain {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .sitemapMain {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .sitemapMain {
    width: 92%;
  }
}

.homeSitemap {
  width: 100%;
}

.icnHome {
  text-decoration: none;
  font-size: 24px;
  line-height: 1.2083333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .icnHome {
    font-size: 1.8461538462vw;
  }
}
.icnHome::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2083333333) * 0.5em);
  content: "";
}
.icnHome::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2083333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .icnHome {
    line-height: 1.2083333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .icnHome {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .icnHome::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2083333333) * 0.5em);
    content: "";
  }
  .icnHome::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2083333333) * 0.5em);
    content: "";
  }
}

.sitemapMainFx {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .sitemapMainFx {
    margin: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .sitemapMainFx {
    margin: 12.7% 0% 0% 0%;
  }
}

.secSiteMapCnt {
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .secSiteMapCnt {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .secSiteMapCnt {
    width: 100%;
  }
}

.h2SiteMapCnt {
  border-bottom: 1px solid #707070;
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h2SiteMapCnt {
    font-size: 1.5384615385vw;
  }
}
.h2SiteMapCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.h2SiteMapCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2SiteMapCnt {
    padding: 0% 0% 3.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2SiteMapCnt {
    line-height: 1.45;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 3.3% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SiteMapCnt {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SiteMapCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.45) * 0.5em);
    content: "";
  }
  .h2SiteMapCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.45) * 0.5em);
    content: "";
  }
}

.h2SiteMapCntBrdNone {
  border-bottom: none;
}

.ulSiteMapCnt {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .ulSiteMapCnt {
    margin: 2.01% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulSiteMapCnt {
    margin: 5.2% 0% 0% 0%;
  }
}

.liSiteMapCnt {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 5.5px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liSiteMapCnt {
    font-size: 1.3846153846vw;
  }
}
.liSiteMapCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.liSiteMapCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .liSiteMapCnt {
    padding: 1.58% 0% 3.73% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSiteMapCnt {
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 5.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liSiteMapCnt {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .liSiteMapCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .liSiteMapCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.btnSiteMapCnt {
  text-decoration: none;
}

.h2SiteMapCnt02 {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h2SiteMapCnt02 {
    margin: 1.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2SiteMapCnt02 {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2SiteMapCnt02 {
    margin: 7.82% 0% 0% 0%;
  }
}

.btnContactWap {
  width: 100%;
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .btnContactWap {
    margin: 14.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnContactWap {
    margin: 7.3% 0% 0% 0%;
  }
}

.btnContact {
  height: 60px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnContact {
    font-size: 1.6153846154vw;
  }
}
.btnContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnContact {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnContact {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnContact {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

.btnContactWap02 {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .btnContactWap02 {
    margin: 9.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnContactWap02 {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnContactWap02 {
    margin: 9.27% 0% 0% 0%;
  }
}

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

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

.h2SiteMapCntPrivacy {
  padding-top: 0px;
  padding-bottom: 19px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h2SiteMapCntPrivacy {
    padding: 0% 0% 5.45% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2SiteMapCntPrivacy {
    padding: 0% 0% 8% 0%;
  }
}

.secSiteMapCnt02 .h2SiteMapCnt02 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secSiteMapCnt02 .h2SiteMapCnt02 {
    margin: 3.44% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSiteMapCnt02 .h2SiteMapCnt02 {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secSiteMapCnt02 .h2SiteMapCnt02 {
    margin: 7.82% 0% 0% 0%;
  }
}

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

.secMenbersTopics {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secMenbersTopics {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .secMenbersTopics {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secMenbersTopics {
    width: 92%;
  }
}

.h1MenbersTopics {
  font-size: 30px;
  line-height: 2.1333333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .h1MenbersTopics {
    font-size: 2.3076923077vw;
  }
}
.h1MenbersTopics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1333333333) * 0.5em);
  content: "";
}
.h1MenbersTopics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h1MenbersTopics {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .h1MenbersTopics {
    height: 17.3913043478vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1MenbersTopics {
    font-size: 5.3333333333vw;
  }
}

.menbersTopicsFx {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .menbersTopicsFx {
    margin-top: 2.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .menbersTopicsFx {
    margin-top: 31px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersTopicsFx {
    margin-top: 8.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liMenbersTopics {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 0px;
  padding-right: 0px;
  width: 348px;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .liMenbersTopics {
    padding: 2.15% 0% 2.15% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .liMenbersTopics {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .liMenbersTopics {
    padding: 9.69% 0% 8.11% 0%;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liMenbersTopics {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liMenbersTopics:nth-child(n+2) {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liMenbersTopics:nth-child(n+2) {
    margin: 7.24% 0% 0% 0%;
  }
}

.secMenbersTopicsFx {
  width: 100%;
}

.h2MenbersTopicsFx {
  font-size: 24px;
  line-height: 2.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2MenbersTopicsFx {
    font-size: 1.8461538462vw;
  }
}
.h2MenbersTopicsFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.6666666667) * 0.5em);
  content: "";
}
.h2MenbersTopicsFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MenbersTopicsFx {
    font-size: 4.8vw;
  }
}

.btnMenbersTopicsWap {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
}
@media screen and (max-width: 1300px) {
  .btnMenbersTopicsWap {
    margin-top: 5.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnMenbersTopicsWap {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .btnMenbersTopicsWap {
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnMenbersTopicsWap {
    margin-top: 5.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnMenbersTopicsWap {
    width: 84.05%;
  }
}

.btnMenbersTopics {
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .btnMenbersTopics {
    font-size: 1.6153846154vw;
  }
}
.btnMenbersTopics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnMenbersTopics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnMenbersTopics {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMenbersTopics {
    line-height: 1.5238095238;
    height: 16vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMenbersTopics {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMenbersTopics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnMenbersTopics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.menbersScheduleWap {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .menbersScheduleWap {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .menbersScheduleWap {
    margin-top: 56px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersScheduleWap {
    margin: 14.93% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .liMenbersSchedule {
    padding-top: 45px;
    padding-bottom: 34px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liMenbersSchedule {
    padding: 12.29% 0% 9.28% 0%;
  }
}

.btnMenbersScheduleWap {
  width: 290px;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .btnMenbersScheduleWap {
    width: 79.23%;
  }
}
@media screen and (max-width: 1300px) {
  .btnMenbersScheduleWap {
    margin-top: 6.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnMenbersScheduleWap {
    width: 290px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnMenbersScheduleWap {
    width: 84.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnMenbersScheduleWap {
    margin-top: 5.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnMenbersScheduleWap02 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .btnMenbersScheduleWap02 {
    margin-top: 5.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnMenbersScheduleWap02 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnMenbersScheduleWap02 {
    margin-top: 5.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.menbersScheduleWap .liMenbersTopics {
  padding-top: 36px;
  padding-bottom: 32px;
  padding-left: 0px;
  padding-right: 0px;
  width: 348px;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .menbersScheduleWap .liMenbersTopics {
    padding: 2.76% 0% 2.46% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .menbersScheduleWap .liMenbersTopics {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .menbersScheduleWap .liMenbersTopics {
    padding-top: 30px;
    padding-bottom: 28px;
    padding-left: 0px;
    padding-right: 0px;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersScheduleWap .liMenbersTopics {
    padding: 8.69% 0% 8.11% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersScheduleWap .liMenbersTopics {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .menbersScheduleWap .liMenbersTopics:nth-child(n+2) {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersScheduleWap .liMenbersTopics:nth-child(n+2) {
    margin: 7.24% 0% 0% 0%;
  }
}

.menbersScheduleWap .h2MenbersTopicsFx {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .menbersScheduleWap .h2MenbersTopicsFx {
    font-size: 2.3076923077vw;
  }
}
.menbersScheduleWap .h2MenbersTopicsFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.menbersScheduleWap .h2MenbersTopicsFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .menbersScheduleWap .h2MenbersTopicsFx {
    font-size: 4.8vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.menbersProcedureseWap {
  margin-top: 45px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .menbersProcedureseWap {
    margin-top: 2.34%;
    margin-bottom: 4.16%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .menbersProcedureseWap {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersProcedureseWap {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.menbersProcedureseFx {
  width: 1100px;
  margin: auto;
  flex-flow: row wrap;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1300px) {
  .menbersProcedureseFx {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .menbersProcedureseFx {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersProcedureseFx {
    width: 92%;
  }
}

.photoMenbersProcedurese {
  width: 550px;
}
@media screen and (max-width: 1300px) {
  .photoMenbersProcedurese {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .photoMenbersProcedurese {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoMenbersProcedurese {
    width: 100%;
  }
}

.menbersProcedureseLxn {
  width: 550px;
}
@media screen and (max-width: 1300px) {
  .menbersProcedureseLxn {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .menbersProcedureseLxn {
    padding: 5% 0 5% 0;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .menbersProcedureseLxn {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .infoMenbersProcedure {
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .infoMenbersProcedure {
    width: 86.95%;
  }
}

.h2InfoMenbersProcedure {
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2InfoMenbersProcedure {
    font-size: 2.3076923077vw;
  }
}
.h2InfoMenbersProcedure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.h2InfoMenbersProcedure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2InfoMenbersProcedure {
    line-height: 2.7;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoMenbersProcedure {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoMenbersProcedure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.7) * 0.5em);
    content: "";
  }
  .h2InfoMenbersProcedure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.7) * 0.5em);
    content: "";
  }
}

.btnInfoMenbersProcedureWap {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 347px;
}
@media screen and (max-width: 1300px) {
  .btnInfoMenbersProcedureWap {
    margin-top: 4.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnInfoMenbersProcedureWap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .btnInfoMenbersProcedureWap {
    margin-top: 4.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.btnInfoMenbersProcedure {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .btnInfoMenbersProcedure {
    font-size: 1.6153846154vw;
  }
}
.btnInfoMenbersProcedure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnInfoMenbersProcedure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnInfoMenbersProcedure {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfoMenbersProcedure {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnInfoMenbersProcedure {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfoMenbersProcedure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnInfoMenbersProcedure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
スライダー枠
========================================================================== */
.shopLpFvSliderWap {
  width: 100%;
  margin: auto;
}

/* ==========================================================================
メインピクチャー
========================================================================== */
.shopLpFvPic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .shopLpFvPic {
    top: unset;
    bottom: -0.3%;
  }
}

.picshopLpFvMain {
  width: 600px;
}
@media screen and (max-width: 1300px) {
  .picshopLpFvMain {
    width: 46.15%;
  }
}
@media screen and (max-width: 767px) {
  .picshopLpFvMain {
    width: 345px;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 3.9%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .picshopLpFvMain {
    width: 92%;
  }
}
.picshopLpFvMain img {
  width: 100%;
}

/* ==========================================================================
WEB入会はこちらから
========================================================================== */
.fixedShopLp {
  width: 157px;
  margin: 0 0 0 auto;
  position: absolute;
  z-index: 99;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1300px) {
  .fixedShopLp {
    width: 12.07%;
  }
}
@media screen and (max-width: 767px) {
  .fixedShopLp {
    width: 120px;
    margin: 0 0 0 auto;
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .fixedShopLp {
    width: 32%;
  }
}

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shops00BCD2Titles {
  height: 56px;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .shops00BCD2Titles {
    margin: 1.82% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shops00BCD2Titles {
    height: 16vw;
    margin: 3.93% 0% 0% 0%;
  }
}

.h1Shops00BCD2Titles {
  font-size: 24px;
  line-height: 2.7083333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1Shops00BCD2Titles {
    font-size: 1.8461538462vw;
  }
}
.h1Shops00BCD2Titles::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.7083333333) * 0.5em);
  content: "";
}
.h1Shops00BCD2Titles::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.7083333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1Shops00BCD2Titles {
    line-height: 1.15;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1Shops00BCD2Titles {
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h1Shops00BCD2Titles::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.15) * 0.5em);
    content: "";
  }
  .h1Shops00BCD2Titles::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.15) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopInfoWap {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopInfoWap {
    margin-top: 3.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopInfoWap {
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopInfoWap {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopInfoLxn {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopInfoLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .shopInfoLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopInfoLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopInfoLxn {
    width: 92%;
  }
}

.shopInfoLists {
  width: 100%;
}

.liShopInfoList {
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .liShopInfoList {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .liShopInfoList {
    width: 100%;
  }
}

.photoShopInfoList {
  width: 100%;
}

.h2ShopInfoList {
  font-size: 24px;
  line-height: 2.7083333333;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h2ShopInfoList {
    font-size: 1.8461538462vw;
  }
}
.h2ShopInfoList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.7083333333) * 0.5em);
  content: "";
}
.h2ShopInfoList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.7083333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2ShopInfoList {
    margin: 7.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2ShopInfoList {
    line-height: 3.25;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 7.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ShopInfoList {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ShopInfoList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.25) * 0.5em);
    content: "";
  }
  .h2ShopInfoList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.25) * 0.5em);
    content: "";
  }
}

.txtShopInfoList {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtShopInfoList {
    font-size: 1.2307692308vw;
  }
}
.txtShopInfoList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtShopInfoList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtShopInfoList {
    margin: 3.73% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtShopInfoList {
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtShopInfoList {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtShopInfoList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .txtShopInfoList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.btnShopInfoListWap {
  width: 100%;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .btnShopInfoListWap {
    margin: 7.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnShopInfoListWap {
    width: 100%;
    margin: 7.45% 0% 0% 0%;
  }
}

.btnShopInfoList {
  text-decoration: none;
  height: 60px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnShopInfoList {
    font-size: 1.6153846154vw;
  }
}
.btnShopInfoList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnShopInfoList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnShopInfoList {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnShopInfoList {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnShopInfoList {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnShopInfoList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnShopInfoList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .liShopInfoList02 {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liShopInfoList02 {
    margin: 14.49% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .liShopInfoList03 {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liShopInfoList03 {
    margin: 17.39% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainSaiji {
  margin-top: 35px;
  margin-bottom: 99px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainSaiji {
    margin: 1.82% 0% 5.15% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSaiji {
    margin-top: 0px;
    margin-bottom: 31px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainSaiji {
    margin: 0% 0% 8.26% 0%;
  }
}

.saijiLxn {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .saijiLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .saijiLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .saijiLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .saijiLxn {
    width: 92%;
  }
}

.saijiCntFx {
  width: 100%;
}

.photoMainSaiji {
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .photoMainSaiji {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .photoMainSaiji {
    width: 100%;
  }
}
.photoMainSaiji img {
  display: block;
  height: auto;
  width: 100%;
}

.mainSaijiCntWap {
  position: relative;
  width: 536px;
}
@media screen and (max-width: 1300px) {
  .mainSaijiCntWap {
    width: 48.72%;
  }
}
@media screen and (max-width: 767px) {
  .mainSaijiCntWap {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainSaijiCntWap {
    margin: 3.47% 0% 0% 0%;
  }
}

.mainSaijiCnt {
  width: 100%;
}

.h2MainSaijiCnt {
  font-size: 40px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .h2MainSaijiCnt {
    font-size: 3.0769230769vw;
  }
}
.h2MainSaijiCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h2MainSaijiCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2MainSaijiCnt {
    margin-top: 0.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2MainSaijiCnt {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MainSaijiCnt {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2MainSaijiCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2MainSaijiCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtMainSaijiCnt {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtMainSaijiCnt {
    font-size: 1.2307692308vw;
  }
}
.txtMainSaijiCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtMainSaijiCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtMainSaijiCnt {
    margin: 7.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtMainSaijiCnt {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainSaijiCnt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainSaijiCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtMainSaijiCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtMainSaijiCnt {
    margin: 4.34% 0% 0% 0%;
  }
}

.photoSubSaiji {
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .photoSubSaiji {
    position: unset;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoSubSaiji {
    margin: 4.34% 0% 0% 0%;
  }
}
.photoSubSaiji img {
  display: block;
  height: auto;
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoSaijiContactWap {
  margin-top: 98px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .infoSaijiContactWap {
    margin-top: 7.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoSaijiContactWap {
    margin-top: 31px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .infoSaijiContactWap {
    margin-top: 8.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainSingleTopics {
  margin-top: 34px;
  margin-bottom: 164px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainSingleTopics {
    margin: 1.77% 0% 8.54% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleTopics {
    margin: 5.7% 0% 3.9% 0%;
  }
}

.singleTopicsLxn {
  width: 960px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .singleTopicsLxn {
    width: 73.84%;
  }
}
@media screen and (max-width: 1300px) {
  .singleTopicsLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleTopicsLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .singleTopicsLxn {
    width: 92%;
  }
}

.photoSingleTopics {
  width: 100%;
}

.secSingleTopics {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secSingleTopics {
    margin: 3.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleTopics {
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secSingleTopics {
    margin: 4.92% 0% 0% 0%;
  }
}

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

.theContetSingleTopics {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .theContetSingleTopics {
    font-size: 1.2307692308vw;
  }
}
.theContetSingleTopics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.theContetSingleTopics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .theContetSingleTopics {
    margin: 2.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .theContetSingleTopics {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .theContetSingleTopics {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .theContetSingleTopics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .theContetSingleTopics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.btnTopicsArchivesWap {
  width: 390px;
  margin-top: 126px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .btnTopicsArchivesWap {
    width: 40.62%;
  }
}
@media screen and (max-width: 1300px) {
  .btnTopicsArchivesWap {
    margin-top: 13.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnTopicsArchivesWap {
    width: 100%;
    margin-top: 16.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnTopicsArchives {
  text-decoration: none;
  height: 60px;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btnTopicsArchives {
    font-size: 1.6153846154vw;
  }
}
.btnTopicsArchives::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnTopicsArchives::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnTopicsArchives {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopicsArchives {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopicsArchives {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopicsArchives::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnTopicsArchives::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainTopics {
  margin-top: 52px;
  margin-bottom: 46px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .mainTopics {
    margin-top: 2.7%;
    margin-bottom: 2.39%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainTopics {
    margin-top: 18%;
    margin-bottom: 12.9%;
    margin-left: auto;
    margin-right: auto;
  }
}

.topicsLoopLxn {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .topicsLoopLxn {
    width: 73.84%;
  }
}
@media screen and (max-width: 767px) {
  .topicsLoopLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .topicsLoopLxn {
    width: 92%;
  }
}

.liTopicsLoopCnts {
  align-items: center;
  justify-content: flex-start;
}
.liTopicsLoopCnts:nth-child(n+2) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liTopicsLoopCnts:nth-child(n+2) {
    margin: 4.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopicsLoopCnts:nth-child(n+2) {
    margin: 8.7% 0% 0% 0%;
  }
}

.timeTopicsLoopCnts {
  font-size: 16px;
  line-height: 2.6875;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  width: 82px;
}
@media screen and (max-width: 1300px) {
  .timeTopicsLoopCnts {
    font-size: 1.2307692308vw;
  }
}
.timeTopicsLoopCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.6875) * 0.5em);
  content: "";
}
.timeTopicsLoopCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.6875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .timeTopicsLoopCnts {
    width: 8.54%;
  }
}
@media screen and (max-width: 767px) {
  .timeTopicsLoopCnts {
    width: 82px;
    line-height: 2.6875;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .timeTopicsLoopCnts {
    width: 23.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeTopicsLoopCnts {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .timeTopicsLoopCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.6875) * 0.5em);
    content: "";
  }
  .timeTopicsLoopCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.6875) * 0.5em);
    content: "";
  }
}

.catTopicsLoopCnts {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  width: 120px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 21px;
  margin-right: 16px;
}
@media screen and (max-width: 1300px) {
  .catTopicsLoopCnts {
    font-size: 1.0769230769vw;
  }
}
.catTopicsLoopCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.catTopicsLoopCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .catTopicsLoopCnts {
    width: 12.5%;
  }
}
@media screen and (max-width: 1300px) {
  .catTopicsLoopCnts {
    margin: 0% 1.23% 0% 1.61%;
  }
}
@media screen and (max-width: 1300px) {
  .catTopicsLoopCnts {
    height: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsLoopCnts {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 22px;
    margin-right: auto;
    height: 5.3333333333vw;
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 120px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) and (max-width: 1300px) {
  .catTopicsLoopCnts {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 6.37%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsLoopCnts {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsLoopCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .catTopicsLoopCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .catTopicsLoopCnts {
    width: 34.78%;
  }
}

.h2TopicsLoopCnts {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 720px;
}
@media screen and (max-width: 1300px) {
  .h2TopicsLoopCnts {
    font-size: 1.2307692308vw;
  }
}
.h2TopicsLoopCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h2TopicsLoopCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2TopicsLoopCnts {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsLoopCnts {
    margin: 5.9% 0% 0% 0%;
    line-height: 1.625;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopicsLoopCnts {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsLoopCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h2TopicsLoopCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2TopicsLoopCnts {
    width: 100%;
  }
}

.btnTopicsLoopCnts {
  color: #3D3D3D;
}

/* ==========================================================================
ページャー
========================================================================== */
.topicsPageNate {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .topicsPageNate {
    margin-top: 4.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topicsPageNate {
    margin-top: 12.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.wp-pagenavi {
  display: flex;
}
.wp-pagenavi a,
.wp-pagenavi span {
  font-size: 14px;
  line-height: 1.2142857143;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 21px;
  height: 21px;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  color: #707070;
  border: 1px solid #707070;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 0 6px;
}
@media screen and (max-width: 1300px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 1.0769230769vw;
  }
}
.wp-pagenavi a::before,
.wp-pagenavi span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2142857143) * 0.5em);
  content: "";
}
.wp-pagenavi a::after,
.wp-pagenavi span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2142857143) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    width: 24px;
    height: 24px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a::before,
  .wp-pagenavi span::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }
  .wp-pagenavi a::after,
  .wp-pagenavi span::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }
}
.wp-pagenavi .current {
  background: #707070;
  color: #FFF;
}

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

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

.cntformLxn {
  width: 100%;
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .cntformLxn {
    margin: 5.99% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntformLxn {
    margin: 11% 0% 0% 0%;
  }
}

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

.thFormTable {
  text-align: left;
  width: 187px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: 500;
}
@media screen and (max-width: 1300px) {
  .thFormTable {
    width: 19.31%;
  }
}
@media screen and (max-width: 1300px) {
  .thFormTable {
    font-size: 1.2307692308vw;
  }
}
.thFormTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.thFormTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .thFormTable {
    padding: 2.37% 0% 2.37% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thFormTable {
    display: block;
    width: 100%;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    padding-top: 10px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thFormTable {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thFormTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .thFormTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .thFormTable {
    padding: 2.89% 0% 1.15% 0%;
  }
}

.tdFormTable {
  width: 780px;
  font-size: 14px;
  line-height: 1.2142857143;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .tdFormTable {
    width: 80.57%;
  }
}
@media screen and (max-width: 1300px) {
  .tdFormTable {
    font-size: 1.0769230769vw;
  }
}
.tdFormTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2142857143) * 0.5em);
  content: "";
}
.tdFormTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2142857143) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .tdFormTable {
    padding: 2.37% 0% 2.37% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdFormTable {
    display: block;
    width: 100%;
    line-height: 1.2142857143;
    letter-spacing: 0em;
    text-indent: 0em;
    padding-top: 4px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdFormTable {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdFormTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2142857143) * 0.5em);
    content: "";
  }
  .tdFormTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2142857143) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .tdFormTable {
    padding: 1.15% 0% 2.89% 0%;
  }
}

.tdFormTable input,
.tdFormTable textarea,
.tdFormTable select {
  font-size: 14px;
  line-height: 1.2142857143;
  color: #000;
}
@media screen and (max-width: 1300px) {
  .tdFormTable input,
  .tdFormTable textarea,
  .tdFormTable select {
    font-size: 1.0769230769vw;
  }
}
.tdFormTable input::before,
.tdFormTable textarea::before,
.tdFormTable select::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2142857143) * 0.5em);
  content: "";
}
.tdFormTable input::after,
.tdFormTable textarea::after,
.tdFormTable select::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2142857143) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdFormTable input,
  .tdFormTable textarea,
  .tdFormTable select {
    line-height: 1.2142857143;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdFormTable input,
  .tdFormTable textarea,
  .tdFormTable select {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdFormTable input::before,
  .tdFormTable textarea::before,
  .tdFormTable select::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2142857143) * 0.5em);
    content: "";
  }
  .tdFormTable input::after,
  .tdFormTable textarea::after,
  .tdFormTable select::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2142857143) * 0.5em);
    content: "";
  }
}
.tdFormTable input::placeholder,
.tdFormTable textarea::placeholder,
.tdFormTable select::placeholder {
  color: #808080;
}

.formTable tr:last-child .tdFormTable {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .formTable tr:last-child .tdFormTable {
    padding-top: 4.5%;
  }
}

.formTable tr:last-child .thFormTable {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .formTable tr:last-child .thFormTable {
    padding-top: 4.5%;
  }
}

.selectW100 {
  width: 100%;
  border: 1px solid #707070;
  background: #F0F0F0;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  padding-top: 10.5px;
  padding-bottom: 10.5px;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 1300px) {
  .selectW100 {
    padding: 1.08% 1.44% 1.08% 1.44%;
  }
}
@media screen and (max-width: 767px) {
  .selectW100 {
    padding: 4.495% 4.34% 4.495% 4.34%;
  }
}

.inputW100 {
  width: 100%;
  border: 1px solid #707070;
  background: #F0F0F0;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 1300px) {
  .inputW100 {
    padding: 0.87% 1.44% 0.87% 1.44%;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    padding: 3.915% 4.34% 3.915% 4.34%;
  }
}

.horizontal-item {
  width: 85px;
}
@media screen and (max-width: 1300px) {
  .horizontal-item {
    width: 10.89%;
  }
}
@media screen and (max-width: 767px) {
  .horizontal-item {
    width: 20.82%;
  }
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0;
}

.mwform-checkbox-field input,
.mwform-radio-field input.radioW500 {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 5px;
  transform: scale(1.2);
}
@media screen and (max-width: 1300px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.radioW500 {
    margin: 0% 0.64% 0.64% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.radioW500 {
    margin: 0% 8.44% 2.44% 0%;
  }
}

.mwform-radio-field-text {
  font-size: 18px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .mwform-radio-field-text {
    font-size: 1.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-radio-field-text {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mwform-radio-field-text {
    font-size: 4.2666666667vw;
  }
}

.txtFormTable {
  font-size: 14px;
  line-height: 1.7857142857;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtFormTable {
    font-size: 1.0769230769vw;
  }
}
.txtFormTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7857142857) * 0.5em);
  content: "";
}
.txtFormTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7857142857) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtFormTable {
    margin: 1.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtFormTable {
    line-height: 1.7857142857;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFormTable {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFormTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtFormTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtFormTable {
    margin: 3.76% 0% 0% 0%;
  }
}

.postNumPrefecturesWap {
  width: 100%;
}

.postNumPrefecturesFx {
  width: 376px;
}
@media screen and (max-width: 1300px) {
  .postNumPrefecturesFx {
    width: 48.2%;
  }
}
@media screen and (max-width: 767px) {
  .postNumPrefecturesFx {
    width: 166px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .postNumPrefecturesFx {
    width: 48.11%;
  }
}

@media screen and (max-width: 767px) {
  .postNumPrefecturesFx .inputW100 {
    padding: 8.14% 9.03% 8.14% 9.03%;
  }
}

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

.inputWapPostNumPrefectures {
  width: 282px;
}
@media screen and (max-width: 1300px) {
  .inputWapPostNumPrefectures {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .inputWapPostNumPrefectures {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .inputWapPostNumPrefectures {
    margin: 4.81% 0% 0% 0%;
  }
}

.citiesFx {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .citiesFx {
    margin: 2.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .citiesFx {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .citiesFx {
    margin: 3.47% 0% 0% 0%;
  }
}

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

.inputWapCitiesFx {
  width: 686px;
}
@media screen and (max-width: 1300px) {
  .inputWapCitiesFx {
    width: 87.94%;
  }
}
@media screen and (max-width: 767px) {
  .inputWapCitiesFx {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .inputWapCitiesFx {
    margin: 2.31% 0% 0% 0%;
  }
}

.textW100 {
  height: 207px;
  width: 100%;
  border: 1px solid #707070;
  background: #F0F0F0;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 1300px) {
  .textW100 {
    padding: 1.13% 1.44% 1.13% 1.44%;
  }
}
@media screen and (max-width: 1300px) {
  .textW100 {
    height: 18vw;
  }
}
@media screen and (max-width: 767px) {
  .textW100 {
    height: 112vw;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .textW100 {
    padding: 3.18% 4.05% 3.18% 4.05%;
  }
}

.thFormTableOther {
  vertical-align: top;
  line-height: 1.625;
  padding-top: 30px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
}
.thFormTableOther::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.thFormTableOther::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .thFormTableOther {
    padding: 3.09% 0% 1.13% 0%;
  }
}

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

@media screen and (max-width: 767px) {
  .mwform-checkbox-field label,
  .mwform-radio-field label {
    display: flex;
  }
}

.mwform-checkbox-field input,
.mwform-radio-field input.chackPrivacy {
  width: 18px;
  height: 18px;
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 20px;
}
@media screen and (max-width: 1300px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.chackPrivacy {
    margin: 0% 2.56% 0.38% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.chackPrivacy {
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.chackPrivacy {
    margin: 0% 6.08% 0.86% 0%;
  }
}

.mwform-checkbox-field-text {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .mwform-checkbox-field-text {
    font-size: 1.0769230769vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field-text {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mwform-checkbox-field-text {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .mwform-checkbox-field-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtcheckPrivacyPolicy {
  font-size: 14px;
  line-height: 1.7857142857;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 43px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtcheckPrivacyPolicy {
    font-size: 1.0769230769vw;
  }
}
.txtcheckPrivacyPolicy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7857142857) * 0.5em);
  content: "";
}
.txtcheckPrivacyPolicy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7857142857) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtcheckPrivacyPolicy {
    margin: 1.41% 0% 0% 5.51%;
  }
}
@media screen and (max-width: 767px) {
  .txtcheckPrivacyPolicy {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtcheckPrivacyPolicy {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtcheckPrivacyPolicy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtcheckPrivacyPolicy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtcheckPrivacyPolicy {
    margin: 6.08% 0% 0% 0%;
  }
}

.buttonConfirmWap {
  width: 390px;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .buttonConfirmWap {
    width: 40.28%;
  }
}
@media screen and (max-width: 1300px) {
  .buttonConfirmWap {
    margin-top: 2.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .buttonConfirmWap {
    width: 100%;
    margin-top: 9.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.buttonConfirm {
  cursor: pointer;
  border: none;
  height: 60px;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .buttonConfirm {
    font-size: 1.6153846154vw;
  }
}
.buttonConfirm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.buttonConfirm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .buttonConfirm {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .buttonConfirm {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .buttonConfirm {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .buttonConfirm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .buttonConfirm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

.formTable .error {
  margin-top: 1%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mw_wp_form_confirm .thFormTable {
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mw_wp_form_confirm .thFormTable {
    padding: 1.75% 0% 1.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .thFormTable {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mw_wp_form_confirm .thFormTable {
    padding: 2.89% 0% 1.44% 0%;
  }
}
.mw_wp_form_confirm .tdFormTable {
  font-size: 16px;
  line-height: 1.625;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mw_wp_form_confirm .tdFormTable {
    font-size: 1.2307692308vw;
  }
}
.mw_wp_form_confirm .tdFormTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.mw_wp_form_confirm .tdFormTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .mw_wp_form_confirm .tdFormTable {
    padding: 1.75% 0% 1.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .tdFormTable {
    line-height: 1.625;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form_confirm .tdFormTable {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .tdFormTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .mw_wp_form_confirm .tdFormTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mw_wp_form_confirm .tdFormTable {
    padding: 1.44% 0% 2.89% 0%;
  }
}
.mw_wp_form_confirm .txtFormTable {
  display: none;
}
.mw_wp_form_confirm .postNumPrefecturesWap {
  display: block;
}
.mw_wp_form_confirm .postNumPrefecturesFx02 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mw_wp_form_confirm .postNumPrefecturesFx02 {
    margin: 2.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .postNumPrefecturesFx02 {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mw_wp_form_confirm .postNumPrefecturesFx02 {
    margin: 3.47% 0% 0% 0%;
  }
}
.mw_wp_form_confirm .txtcheckPrivacyPolicy {
  display: none;
}
.mw_wp_form_confirm .buttonConfirmWap {
  display: none;
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .chackPrivacyCnt {
    width: 100%;
  }
}

.buttonThanksBack {
  width: 780px;
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .buttonThanksBack {
    width: 80.57%;
  }
}
@media screen and (max-width: 1300px) {
  .buttonThanksBack {
    margin-top: 7.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .buttonThanksBack {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .buttonThanksBack {
    margin: 14.49% 0% 0% 0%;
  }
}

.buttonThanksBackFx {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .buttonThanksBackFx {
    display: block;
  }
}

.buttonBack {
  cursor: pointer;
  border: none;
  height: 60px;
  width: 376px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .buttonBack {
    width: 48.2%;
  }
}
@media screen and (max-width: 1300px) {
  .buttonBack {
    font-size: 1.6153846154vw;
  }
}
.buttonBack::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.buttonBack::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .buttonBack {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .buttonBack {
    width: 100%;
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .buttonBack {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .buttonBack::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .buttonBack::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

.buttonThanks {
  cursor: pointer;
  border: none;
  height: 60px;
  width: 376px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .buttonThanks {
    width: 48.2%;
  }
}
@media screen and (max-width: 1300px) {
  .buttonThanks {
    font-size: 1.6153846154vw;
  }
}
.buttonThanks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.buttonThanks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .buttonThanks {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .buttonThanks {
    width: 100%;
    margin-top: 37px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .buttonThanks {
    margin: 10.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .buttonThanks {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .buttonThanks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .buttonThanks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainAudition {
  margin-top: 0px;
  margin-bottom: 100px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainAudition {
    margin: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainAudition {
    margin-top: 8px;
    margin-bottom: 41px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainAudition {
    margin: 2.13% 0% 10.93% 0%;
  }
}

.secThanksBox {
  width: 728px;
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secThanksBox {
    width: 75.2%;
  }
}
@media screen and (max-width: 1300px) {
  .secThanksBox {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secThanksBox {
    width: 345px;
    margin-top: 4.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secThanksBox {
    width: 100%;
  }
}

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

.txtThanksBox {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtThanksBox {
    font-size: 1.2307692308vw;
  }
}
.txtThanksBox::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtThanksBox::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtThanksBox {
    margin: 4.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksBox {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksBox {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksBox::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtThanksBox::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtThanksBox {
    margin: 10.43% 0% 0% 0%;
  }
}

.btnThanksToTopWap {
  cursor: pointer;
  width: 405px;
  margin-top: 86px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .btnThanksToTopWap {
    width: 55.63%;
  }
}
@media screen and (max-width: 1300px) {
  .btnThanksToTopWap {
    margin-top: 6.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksToTopWap {
    width: 100%;
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnThanksToTopWap {
    margin-top: 11.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnThanksToTop {
  text-decoration: none;
  height: 60px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .btnThanksToTop {
    font-size: 1.6153846154vw;
  }
}
.btnThanksToTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnThanksToTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnThanksToTop {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksToTop {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanksToTop {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksToTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnThanksToTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainCompany {
  margin-top: 34px;
  margin-bottom: 109px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .mainCompany {
    margin-top: 1.77%;
    margin-bottom: 5.67%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainCompany {
    margin: 0% auto 7% auto;
  }
}

.companyBnr img {
  display: block;
  width: 100%;
  height: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.companyNavWap {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .companyNavWap {
    margin-top: 3.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .companyNavWap {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .companyNavWap {
    width: 92%;
  }
}

.ulCompanyNav {
  width: 1100px;
  margin: auto;
  justify-content: flex-start;
}
@media screen and (max-width: 1300px) {
  .ulCompanyNav {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .ulCompanyNav {
    width: 100%;
    justify-content: space-between;
  }
}

.liCompanyNav {
  width: 254px;
  margin-top: 0px;
  margin-bottom: 24px;
  margin-left: 0px;
  margin-right: 28px;
}
@media screen and (max-width: 1300px) {
  .liCompanyNav {
    width: 23.09%;
  }
}
@media screen and (max-width: 1300px) {
  .liCompanyNav {
    margin: 0% 2.54% 2.18% 0%;
  }
}
.liCompanyNav:nth-child(4n) {
  margin-top: 0px;
  margin-bottom: 24px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liCompanyNav:nth-child(4n) {
    margin: 0% 0% 2.18% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCompanyNav {
    width: 165px;
    margin: 0% 0% 3.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liCompanyNav {
    width: 47.82%;
  }
}

.btnCompanyNav {
  font-size: 18px;
  letter-spacing: 0em;
  text-indent: 0em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  border-bottom: 4px solid #00A6BA;
}
@media screen and (max-width: 1300px) {
  .btnCompanyNav {
    font-size: 1.3846153846vw;
  }
}
@media screen and (max-width: 1300px) {
  .btnCompanyNav {
    height: 3.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCompanyNav {
    height: 13.3333333333vw;
    line-height: 1.375;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCompanyNav {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCompanyNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.375) * 0.5em);
    content: "";
  }
  .btnCompanyNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.375) * 0.5em);
    content: "";
  }
}

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

.txtCompanyTop {
  font-size: 18px;
  line-height: 2.2222222222;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 912px;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .txtCompanyTop {
    font-size: 1.3846153846vw;
  }
}
.txtCompanyTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
.txtCompanyTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtCompanyTop {
    width: 70.15%;
  }
}
@media screen and (max-width: 767px) {
  .txtCompanyTop {
    line-height: 1.6666666667;
    width: 345px;
    text-align: left;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCompanyTop {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCompanyTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtCompanyTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtCompanyTop {
    width: 92%;
  }
}

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

.h1TitleCompanyService {
  height: 32.17px;
  width: auto;
  margin: auto;
}
.h1TitleCompanyService img {
  margin: auto;
}

.h2TitleCompanyService {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .h2TitleCompanyService {
    margin-top: 1.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleCompanyService {
    margin-top: 0.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mainCompanyService {
  padding-top: 55px;
  padding-bottom: 73px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .mainCompanyService {
    padding: 4.23% 0% 5.61% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .mainCompanyService {
    margin-top: 6.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainCompanyService {
    width: 345px;
    margin-top: 10.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainCompanyService {
    width: 92%;
  }
}

.bgMainCompanyService {
  background: url(../img/company/bgMainCompanyServicePc.jpg) no-repeat center center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgMainCompanyService {
    background: unset;
  }
}

.photoMainCompanyService img {
  width: 100%;
}

.secMainCompanyServiceWap {
  width: 404px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 195px;
}
@media screen and (max-width: 1300px) {
  .secMainCompanyServiceWap {
    width: 31.07%;
  }
}
@media screen and (max-width: 1300px) {
  .secMainCompanyServiceWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 15%;
  }
}
@media screen and (max-width: 1300px) {
  .secMainCompanyServiceWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 4%;
  }
}
@media screen and (max-width: 767px) {
  .secMainCompanyServiceWap {
    width: 345px;
    margin-top: 8.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secMainCompanyServiceWap {
    width: 92%;
  }
}

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

.txtMainCompanyService {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtMainCompanyService {
    margin: 5.44% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtMainCompanyService {
    font-size: 1.2307692308vw;
  }
}
.txtMainCompanyService::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtMainCompanyService::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainCompanyService {
    margin: 7% 0% 0% 0%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainCompanyService {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainCompanyService::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtMainCompanyService::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.profileTop {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .profileTop {
    margin-top: 3.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .profileTop {
    margin-top: 12.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .profileTop {
    width: 92%;
  }
}

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

.h2ProfileTop {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 36px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2ProfileTop {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h2ProfileTop {
    font-size: 2.7692307692vw;
  }
}
.h2ProfileTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h2ProfileTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ProfileTop {
    margin-top: 12.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.88;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ProfileTop {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ProfileTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.88) * 0.5em);
    content: "";
  }
  .h2ProfileTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.88) * 0.5em);
    content: "";
  }
}

.h3ProfileTop {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h3ProfileTop {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h3ProfileTop {
    font-size: 1.8461538462vw;
  }
}
.h3ProfileTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h3ProfileTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ProfileTop {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ProfileTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ProfileTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h3ProfileTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.txtProfileTop {
  width: 912px;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtProfileTop {
    width: 70.15%;
  }
}
@media screen and (max-width: 1300px) {
  .txtProfileTop {
    margin-top: 2.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .txtProfileTop {
    font-size: 1.3846153846vw;
  }
}
.txtProfileTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtProfileTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtProfileTop {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4444444444;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtProfileTop {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .txtProfileTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
  .txtProfileTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
}

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

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

.h1ProfileOutline {
  font-size: 30px;
  line-height: 2.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1ProfileOutline {
    font-size: 2.3076923077vw;
  }
}
.h1ProfileOutline::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.h1ProfileOutline::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1ProfileOutline {
    line-height: 3.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ProfileOutline {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ProfileOutline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.6) * 0.5em);
    content: "";
  }
  .h1ProfileOutline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.6) * 0.5em);
    content: "";
  }
}

.topProfileOutline {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .topProfileOutline {
    margin-top: 5.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topProfileOutline {
    margin-top: 10.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .topProfileOutline tr,
  .topProfileOutline tbody {
    display: block;
    width: 100%;
  }
}

.thProfileOutline {
  width: 165px;
  padding-top: 16.7px;
  padding-bottom: 17.7px;
  padding-left: 6px;
  padding-right: 0px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  border-top: 1px solid #707070;
  vertical-align: middle;
  text-align: left;
}
@media screen and (max-width: 1300px) {
  .thProfileOutline {
    width: 18.09%;
  }
}
@media screen and (max-width: 1300px) {
  .thProfileOutline {
    padding: 1.83% 0% 1.94% 0.65%;
  }
}
@media screen and (max-width: 1300px) {
  .thProfileOutline {
    font-size: 1.3846153846vw;
  }
}
.thProfileOutline::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.thProfileOutline::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thProfileOutline {
    padding: 4.7% 4% 0% 4%;
    width: 345px;
    margin: auto;
    line-height: 1.4444444444;
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .thProfileOutline {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thProfileOutline {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .thProfileOutline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
  .thProfileOutline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
}

.tdProfileOutline {
  padding-top: 16.7px;
  padding-bottom: 17.7px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 1300px) {
  .tdProfileOutline {
    padding: 1.83% 0% 1.94% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .tdProfileOutline {
    font-size: 1.3846153846vw;
  }
}
.tdProfileOutline::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.tdProfileOutline::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdProfileOutline {
    padding: 1.2% 4% 3.9% 4%;
    width: 345px;
    margin: auto;
    line-height: 1.625;
    width: 100%;
    display: block;
    border-top: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .tdProfileOutline {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdProfileOutline {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdProfileOutline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .tdProfileOutline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.thProfileOutlineVerTop {
  vertical-align: top;
}

.positionProfileOutlineFx {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .positionProfileOutlineFx {
    margin: 1.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .positionProfileOutlineFx {
    width: 52.13%;
  }
}
@media screen and (max-width: 767px) {
  .positionProfileOutlineFx {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 85%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .positionProfileOutlineFx {
    margin: 2.77% 0% 0% 0%;
  }
}

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

.positionProfileOutline {
  width: 163px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .positionProfileOutline {
    width: 41.79%;
  }
}
@media screen and (max-width: 1300px) {
  .positionProfileOutline {
    font-size: 1.3846153846vw;
  }
}
.positionProfileOutline::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.positionProfileOutline::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .positionProfileOutline {
    width: auto;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .positionProfileOutline {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .positionProfileOutline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .positionProfileOutline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.nameProfileOutline {
  width: 163px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .nameProfileOutline {
    width: 41.79%;
  }
}
@media screen and (max-width: 1300px) {
  .nameProfileOutline {
    font-size: 1.3846153846vw;
  }
}
.nameProfileOutline::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.nameProfileOutline::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .nameProfileOutline {
    width: 36%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameProfileOutline {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nameProfileOutline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .nameProfileOutline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.ggMaps {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  aspect-ratio: 912/297;
  height: 297px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .ggMaps {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .ggMaps {
    height: 22.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  .ggMaps {
    height: 82.3vw;
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ggMaps {
    margin: 1.53% 0% 0% 0%;
  }
}
.ggMaps iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

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

.btmProfileOutline .thProfileOutline {
  border-top: none;
  border-bottom: 1px solid #707070;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .btmProfileOutline .thProfileOutline {
    border-bottom: none;
  }
}

.btmProfileOutline .tdProfileOutline {
  border-top: none;
  border-bottom: 1px solid #707070;
}

.companyNnamesTable {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .companyNnamesTable {
    font-size: 1.3846153846vw;
  }
}
.companyNnamesTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.companyNnamesTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .companyNnamesTable {
    line-height: 1.25;
    margin: 5.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .companyNnamesTable {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .companyNnamesTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .companyNnamesTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.companyNnamesTable:nth-child(n+2) {
  margin-top: 12.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .companyNnamesTable:nth-child(n+2) {
    margin: 1.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .companyNnamesTable:nth-child(n+2) {
    margin: 7.3% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.profileContactWap {
  margin-top: 129px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .profileContactWap {
    margin-top: 9.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .profileContactWap {
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .profileContactWap {
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.developmentTop {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 400px;
}
@media screen and (max-width: 1300px) {
  .developmentTop {
    margin: 3.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .developmentTop {
    height: 30.7692307692vw;
  }
}
@media screen and (max-width: 767px) {
  .developmentTop {
    height: auto;
    margin: 5% 0% 0% 0%;
  }
}

.bgDevelopmentTop {
  background: url(../img/development/bgDevelopmentTopPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgDevelopmentTop {
    background: unset;
  }
}

@media screen and (max-width: 767px) {
  .developmentTopWap {
    width: 345px;
    margin-top: 8.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .developmentTopWap {
    width: 92%;
  }
}

.secDevelopmentTopLxn {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secDevelopmentTopLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .secDevelopmentTopLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secDevelopmentTopLxn {
    width: 100%;
  }
}

/* ==========================================================================
文章の中
========================================================================== */
.secDevelopmentTop {
  width: 509px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1300px) {
  .secDevelopmentTop {
    width: 46.27%;
  }
}
@media screen and (max-width: 767px) {
  .secDevelopmentTop {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secDevelopmentTop {
    width: 100%;
  }
}

.h1DevelopmentTop {
  font-size: 58px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1DevelopmentTop {
    font-size: 4.4615384615vw;
  }
}
@media screen and (max-width: 767px) {
  .h1DevelopmentTop {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1DevelopmentTop {
    font-size: 8vw;
  }
}

.txtDevelopmentTop {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentTop {
    margin: 2.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentTop {
    font-size: 1.3846153846vw;
  }
}
.txtDevelopmentTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtDevelopmentTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtDevelopmentTop {
    margin: 3.5% 0% 0% 0%;
    letter-spacing: 0em;
    text-indent: 0em;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDevelopmentTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDevelopmentTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtDevelopmentTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.developmentStrength {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 80px;
  padding-bottom: 101px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .developmentStrength {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .developmentStrength {
    padding: 4.16% 0% 5.26% 0%;
  }
}
@media screen and (max-width: 767px) {
  .developmentStrength {
    margin: 10% 0% 0% 0%;
    padding: 18.5% 0% 18.9% 0%;
  }
}

.secDevelopmentStrength {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secDevelopmentStrength {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .secDevelopmentStrength {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secDevelopmentStrength {
    width: 92%;
  }
}

/* ==========================================================================
Title
========================================================================== */
.h2DevelopmentStrength {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2DevelopmentStrength {
    font-size: 2.3076923077vw;
  }
}
.h2DevelopmentStrength::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2DevelopmentStrength::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2DevelopmentStrength {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2DevelopmentStrength {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2DevelopmentStrength::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2DevelopmentStrength::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h3DevelopmentStrengthTop {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h3DevelopmentStrengthTop {
    font-size: 1.2307692308vw;
  }
}
.h3DevelopmentStrengthTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3DevelopmentStrengthTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h3DevelopmentStrengthTop {
    margin: 0.81% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3DevelopmentStrengthTop {
    margin: 2.1% 0% 0% 0%;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DevelopmentStrengthTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DevelopmentStrengthTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3DevelopmentStrengthTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
リスト
========================================================================== */
.ulDevelopmentStrength {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .ulDevelopmentStrength {
    margin: 4.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulDevelopmentStrength {
    margin: 11.5% 0% 0% 0%;
  }
}

.liDevelopmentStrength {
  width: 275px;
}
@media screen and (max-width: 1300px) {
  .liDevelopmentStrength {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .liDevelopmentStrength {
    width: 165px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liDevelopmentStrength {
    width: 47.82%;
  }
}
@media screen and (max-width: 767px) {
  .liDevelopmentStrength:nth-child(n+3) {
    margin: 12.5% 0% 0% 0%;
  }
}

.picDevelopmentStrength {
  width: 127px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .picDevelopmentStrength {
    width: 46.18%;
  }
}
@media screen and (max-width: 767px) {
  .picDevelopmentStrength {
    width: 127px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .picDevelopmentStrength {
    width: 76.96%;
  }
}

.h3DevelopmentStrength {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .h3DevelopmentStrength {
    margin: 9.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .h3DevelopmentStrength {
    font-size: 1.5384615385vw;
  }
}
.h3DevelopmentStrength::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3DevelopmentStrength::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3DevelopmentStrength {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    letter-spacing: 0em;
    text-indent: 0em;
    height: 13.8666666667vw;
    margin: 8.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DevelopmentStrength {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DevelopmentStrength::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h3DevelopmentStrength::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.txtDevelopmentStrength {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentStrength {
    margin: 11.27% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentStrength {
    font-size: 1.2307692308vw;
  }
}
.txtDevelopmentStrength::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtDevelopmentStrength::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtDevelopmentStrength {
    margin: 6% 0% 0% 0%;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDevelopmentStrength {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDevelopmentStrength::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .txtDevelopmentStrength::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

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

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

.h1DevelopmentNo1 {
  font-size: 30px;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1DevelopmentNo1 {
    font-size: 2.3076923077vw;
  }
}
.h1DevelopmentNo1::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3333333333) * 0.5em);
  content: "";
}
.h1DevelopmentNo1::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1DevelopmentNo1 {
    width: 345px;
    margin: auto;
    line-height: 1.3;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h1DevelopmentNo1 {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1DevelopmentNo1 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1DevelopmentNo1::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h1DevelopmentNo1::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.brdDevelopment {
  width: 510px;
  height: 10px;
  background: #F6AC19;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .brdDevelopment {
    width: 46.36%;
  }
}
@media screen and (max-width: 1300px) {
  .brdDevelopment {
    margin-top: 1.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .brdDevelopment {
    height: 0.6vw;
  }
}
@media screen and (max-width: 767px) {
  .brdDevelopment {
    height: 1.6vw;
    width: 83.6%;
    margin: auto;
    margin-top: 3.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
テーブル
========================================================================== */
.developmentNo1Fx {
  width: 100%;
}

.developmentNo1Fx01 {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .developmentNo1Fx01 {
    margin: 4.18% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .developmentNo1Fx01 {
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .developmentNo1Fx01 {
    margin: 9.6% 0% 0% 0%;
  }
}

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

.h2DevelopmentNo1Fx {
  width: 267px;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2DevelopmentNo1Fx {
    width: 24.27%;
  }
}
@media screen and (max-width: 1300px) {
  .h2DevelopmentNo1Fx {
    font-size: 1.5384615385vw;
  }
}
.h2DevelopmentNo1Fx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2DevelopmentNo1Fx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2DevelopmentNo1Fx {
    width: 100%;
    justify-content: flex-start;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px;
    height: 10.7vw;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2DevelopmentNo1Fx {
    padding: 0% 0% 0% 4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2DevelopmentNo1Fx {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2DevelopmentNo1Fx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2DevelopmentNo1Fx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtDevelopmentNo1Fx {
  width: 829px;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentNo1Fx {
    width: 75.36%;
  }
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentNo1Fx {
    padding: 1.27% 0% 0.9% 2.72%;
  }
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentNo1Fx {
    font-size: 1.2307692308vw;
  }
}
.txtDevelopmentNo1Fx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtDevelopmentNo1Fx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtDevelopmentNo1Fx {
    margin: 0.6% 0% 0% 0%;
    width: 100%;
    justify-content: flex-start;
    padding: 3.5% 4% 3.2% 4%;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDevelopmentNo1Fx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDevelopmentNo1Fx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .txtDevelopmentNo1Fx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

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

.h1DevelopmentShops {
  height: 70px;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1DevelopmentShops {
    font-size: 2.3076923077vw;
  }
}
.h1DevelopmentShops::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h1DevelopmentShops::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h1DevelopmentShops {
    height: 5.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  .h1DevelopmentShops {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    height: 14.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1DevelopmentShops {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1DevelopmentShops::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1DevelopmentShops::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
店舗
========================================================================== */
.developmentShopsWap {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .developmentShopsWap {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .developmentShopsWap {
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .developmentShopsWap {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

.liDevelopmentShops {
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .liDevelopmentShops {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .liDevelopmentShops {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liDevelopmentShops {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liDevelopmentShops:nth-child(n+2) {
    margin-top: 6.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secDevelopmentShops {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secDevelopmentShops {
    margin: 7.18% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDevelopmentShops {
    margin: 7.4% 0% 0% 0%;
  }
}

.h2DevelopmentShops {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 3px solid #00A6BA;
}
@media screen and (max-width: 1300px) {
  .h2DevelopmentShops {
    font-size: 1.3846153846vw;
  }
}
.h2DevelopmentShops::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
.h2DevelopmentShops::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2DevelopmentShops {
    padding: 0% 0% 2.58% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2DevelopmentShops {
    line-height: 1.7777777778;
    letter-spacing: 0em;
    text-indent: 0em;
    padding-top: 0px;
    padding-bottom: 9px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2DevelopmentShops {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h2DevelopmentShops::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7777777778) * 0.5em);
    content: "";
  }
  .h2DevelopmentShops::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7777777778) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2DevelopmentShops {
    padding: 0% 0% 2.6% 0%;
  }
}

.txtDevelopmentShops {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentShops {
    margin: 3.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtDevelopmentShops {
    font-size: 1.2307692308vw;
  }
}
.txtDevelopmentShops::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtDevelopmentShops::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtDevelopmentShops {
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDevelopmentShops {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDevelopmentShops::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .txtDevelopmentShops::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.greetingsTop {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 2.4;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .greetingsTop {
    margin-top: 5.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .greetingsTop {
    font-size: 2.3076923077vw;
  }
}
.greetingsTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.greetingsTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .greetingsTop {
    margin-top: 18.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 3.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .greetingsTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .greetingsTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.6) * 0.5em);
    content: "";
  }
  .greetingsTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.6) * 0.5em);
    content: "";
  }
}

.photoGreetings {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .photoGreetings {
    margin-top: 4.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoGreetings {
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.greetingsMainWap {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .greetingsMainWap {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .greetingsMainWap {
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secGreetingsMain {
  width: 910px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secGreetingsMain {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .secGreetingsMain {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secGreetingsMain {
    width: 92%;
  }
}

.txtGreetingsMain {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtGreetingsMain {
    font-size: 1.3846153846vw;
  }
}
.txtGreetingsMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtGreetingsMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGreetingsMain {
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGreetingsMain {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGreetingsMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtGreetingsMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.secGreetingsMainDetail {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secGreetingsMainDetail {
    margin-top: 4.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.secGreetingsMainDetail:nth-child(n+3) {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secGreetingsMainDetail:nth-child(n+3) {
    margin-top: 4.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secGreetingsMainDetail {
    margin-top: 8.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
  .secGreetingsMainDetail:nth-child(n+3) {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secGreetingsMainDetail:nth-child(n+3) {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4GreetingsMainDetail {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h4GreetingsMainDetail {
    font-size: 1.8461538462vw;
  }
}
.h4GreetingsMainDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h4GreetingsMainDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4GreetingsMainDetail {
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4GreetingsMainDetail {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4GreetingsMainDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h4GreetingsMainDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.txtGreetingsMainDetail {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1300px) {
  .txtGreetingsMainDetail {
    margin: 0.84% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtGreetingsMainDetail {
    font-size: 1.3846153846vw;
  }
}
.txtGreetingsMainDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtGreetingsMainDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGreetingsMainDetail {
    margin: 1.9% 0% 0% 0%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGreetingsMainDetail {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGreetingsMainDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtGreetingsMainDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.secGreetingsMain02 {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .secGreetingsMain02 {
    margin-top: 2.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .secGreetingsMain02 {
    font-size: 1.8461538462vw;
  }
}
.secGreetingsMain02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.secGreetingsMain02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secGreetingsMain02 {
    margin-top: 5.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secGreetingsMain02 {
    font-size: 4.8vw;
  }
}

.txtGreetingsMainNames {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 36px;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .txtGreetingsMainNames {
    margin: 1.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtGreetingsMainNames {
    font-size: 2.7692307692vw;
  }
}
.txtGreetingsMainNames::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3333333333) * 0.5em);
  content: "";
}
.txtGreetingsMainNames::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGreetingsMainNames {
    margin: 2.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGreetingsMainNames {
    font-size: 6.1333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.greetingsThinkingWap {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .greetingsThinkingWap {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .greetingsThinkingWap {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .greetingsThinkingWap {
    width: 92%;
  }
}

.bgGreetingsThinking {
  padding-top: 120px;
  padding-bottom: 112px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  background: rgba(0, 166, 186, 0.1);
}
@media screen and (max-width: 1300px) {
  .bgGreetingsThinking {
    padding: 9.23% 0% 8.61% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgGreetingsThinking {
    padding: 17.3% 0% 6.3% 0%;
  }
}

.greetingsThinkingLxn {
  width: 912px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .greetingsThinkingLxn {
    width: 70.15%;
  }
}
@media screen and (max-width: 767px) {
  .greetingsThinkingLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .greetingsThinkingLxn {
    width: 91.3%;
  }
}

.h1GreetingsThinking {
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .h1GreetingsThinking {
    font-size: 2.3076923077vw;
  }
}
.h1GreetingsThinking::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h1GreetingsThinking::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1GreetingsThinking {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1GreetingsThinking {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1GreetingsThinking::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h1GreetingsThinking::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.aboutGreetingsThinking {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  flex-flow: row wrap;
}
@media screen and (max-width: 1300px) {
  .aboutGreetingsThinking {
    margin-top: 5.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .aboutGreetingsThinking {
    margin-top: 10.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2GreetingsThinking {
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2GreetingsThinking {
    font-size: 1.8461538462vw;
  }
}
.h2GreetingsThinking::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h2GreetingsThinking::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2GreetingsThinking {
    width: 28.5%;
  }
}
@media screen and (max-width: 1300px) {
  .h2GreetingsThinking {
    height: 6.9230769231vw;
  }
}
@media screen and (max-width: 767px) {
  .h2GreetingsThinking {
    height: 13.3333333333vw;
    line-height: 2.4;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2GreetingsThinking {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2GreetingsThinking::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.4) * 0.5em);
    content: "";
  }
  .h2GreetingsThinking::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.4) * 0.5em);
    content: "";
  }
}

.secAboutGreetingsThinking {
  width: 622px;
}
@media screen and (max-width: 1300px) {
  .secAboutGreetingsThinking {
    width: 68.2%;
  }
}
@media screen and (max-width: 767px) {
  .secAboutGreetingsThinking {
    width: 100%;
  }
}

.h3AboutGreetingsThinking {
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .h3AboutGreetingsThinking {
    font-size: 2.3076923077vw;
  }
}
.h3AboutGreetingsThinking::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3AboutGreetingsThinking::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3AboutGreetingsThinking {
    margin: 9% 0% 0% 0%;
    line-height: 1.5384615385;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AboutGreetingsThinking {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3AboutGreetingsThinking::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .h3AboutGreetingsThinking::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

.txtAboutGreetingsThinking {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 2.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .txtAboutGreetingsThinking {
    margin: 0.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtAboutGreetingsThinking {
    font-size: 1.5384615385vw;
  }
}
.txtAboutGreetingsThinking::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.txtAboutGreetingsThinking::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAboutGreetingsThinking {
    margin: 3.7% 0% 0% 0%;
    line-height: 2.4;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAboutGreetingsThinking {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAboutGreetingsThinking::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.4) * 0.5em);
    content: "";
  }
  .txtAboutGreetingsThinking::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.4) * 0.5em);
    content: "";
  }
}

.greetingsThinkingFx {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .greetingsThinkingFx {
    margin: 3.28% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .greetingsThinkingFx {
    margin-top: 10.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    flex-flow: row wrap;
  }
}

.photoGreetingsThinking {
  width: 442px;
}
@media screen and (max-width: 1300px) {
  .photoGreetingsThinking {
    width: 48.46%;
  }
}
@media screen and (max-width: 767px) {
  .photoGreetingsThinking {
    width: 100%;
  }
  .photoGreetingsThinking:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoGreetingsThinking:nth-child(2) {
    margin-top: 4.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secGreetingsThinking02 {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 622px;
}
@media screen and (max-width: 1300px) {
  .secGreetingsThinking02 {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .secGreetingsThinking02 {
    width: 68.2%;
  }
}
@media screen and (max-width: 1300px) {
  .secGreetingsThinking02 {
    width: 71.3%;
  }
}
@media screen and (max-width: 767px) {
  .secGreetingsThinking02 {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secGreetingsThinking02 {
    width: 100%;
  }
}

.txtGreetingsThinkingimages {
  font-size: 20px;
  line-height: 2.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .txtGreetingsThinkingimages {
    font-size: 1.5384615385vw;
  }
}
.txtGreetingsThinkingimages::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.4) * 0.5em);
  content: "";
}
.txtGreetingsThinkingimages::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGreetingsThinkingimages {
    line-height: 1.4375;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGreetingsThinkingimages {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGreetingsThinkingimages::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtGreetingsThinkingimages::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

.iconGreetingsThinkingimages {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 97px;
  padding-right: 0px;
  background: url(../img/greetings/iconGreetingsThinkingimages.svg) no-repeat center left;
  background-size: auto 82%;
  width: 100%;
  display: block;
}
@media screen and (max-width: 1300px) {
  .iconGreetingsThinkingimages {
    padding: 0% 0% 0% 15.77%;
  }
}
@media screen and (max-width: 767px) {
  .iconGreetingsThinkingimages {
    padding: 0% 0% 0% 26.34%;
    text-align: left;
    background-size: auto 84%;
  }
}

.greetingsThinkingSecFx {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .greetingsThinkingSecFx {
    margin: 5.81% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .greetingsThinkingSecFx {
    margin: 7.34% 0% 0% 0%;
  }
}

.secGreetingsThinkingSecFx {
  width: 442px;
}
@media screen and (max-width: 1300px) {
  .secGreetingsThinkingSecFx {
    width: 48.46%;
  }
}
@media screen and (max-width: 767px) {
  .secGreetingsThinkingSecFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secGreetingsThinkingSecFx {
    width: 100%;
  }
}

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

.h2GreetingsThinkingSecFx {
  font-size: 18px;
  line-height: 2.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 13px;
  padding-right: 13px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .h2GreetingsThinkingSecFx {
    font-size: 1.3846153846vw;
  }
}
.h2GreetingsThinkingSecFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.6666666667) * 0.5em);
  content: "";
}
.h2GreetingsThinkingSecFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h2GreetingsThinkingSecFx {
    padding: 0% 2.94% 0% 2.94%;
  }
}
@media screen and (max-width: 1300px) {
  .h2GreetingsThinkingSecFx {
    height: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) {
  .h2GreetingsThinkingSecFx {
    height: 10.6666666667vw;
    line-height: 2.6470588235;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2GreetingsThinkingSecFx {
    font-size: 4.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2GreetingsThinkingSecFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.6470588235) * 0.5em);
    content: "";
  }
  .h2GreetingsThinkingSecFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.6470588235) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2GreetingsThinkingSecFx {
    padding: 0% 4.12% 0% 4.12%;
  }
}

.txtGreetingsThinkingSecFx {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1300px) {
  .txtGreetingsThinkingSecFx {
    margin: 4.31% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtGreetingsThinkingSecFx {
    font-size: 1.2307692308vw;
  }
}
.txtGreetingsThinkingSecFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtGreetingsThinkingSecFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGreetingsThinkingSecFx {
    margin: 6.07% 0% 0% 0%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGreetingsThinkingSecFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGreetingsThinkingSecFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtGreetingsThinkingSecFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.greetingsContactWap {
  margin-top: 119px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .greetingsContactWap {
    margin-top: 9.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .greetingsContactWap {
    margin-top: 9.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitBnr {
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .recruitBnr {
    margin: 3.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .recruitBnr {
    margin: 3.2% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitNavWap {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .recruitNavWap {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitNavWap {
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .recruitNavWap {
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulrecruitNav {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .ulrecruitNav {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .ulrecruitNav {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulrecruitNav {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulrecruitNav {
    width: 92%;
  }
}

.lirecruitNav {
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .lirecruitNav {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .lirecruitNav {
    width: 100%;
  }
}

.btnrecruitNav {
  height: 60px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 3.4285714286;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .btnrecruitNav {
    font-size: 1.6153846154vw;
  }
}
.btnrecruitNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 3.4285714286) * 0.5em);
  content: "";
}
.btnrecruitNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 3.4285714286) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnrecruitNav {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnrecruitNav {
    height: 16vw;
    line-height: 3.4285714286;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnrecruitNav {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnrecruitNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.4285714286) * 0.5em);
    content: "";
  }
  .btnrecruitNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.4285714286) * 0.5em);
    content: "";
  }
}

.iconNewTab {
  display: block;
  width: 100%;
  background: url(../img/recruit/iconNewTab.svg) no-repeat 93% center;
  background-size: auto 26%;
}
@media screen and (max-width: 767px) {
  .iconNewTab {
    background: url(../img/recruit/iconNewTab.svg) no-repeat 94% center;
    background-size: auto 25.5%;
  }
}

@media screen and (max-width: 767px) {
  .lirecruitNav02 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .lirecruitNav02 {
    margin: 6.95% 0% 0% 0%;
  }
}

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

.recruitMainLxn {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .recruitMainLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .recruitMainLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitMainLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .recruitMainLxn {
    width: 92%;
  }
}

.txtTopRecruitMain {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtTopRecruitMain {
    font-size: 1.2307692308vw;
  }
}
.txtTopRecruitMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtTopRecruitMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopRecruitMain {
    font-feature-settings: "palt";
    line-height: 1.625;
    letter-spacing: 0.048em;
    text-indent: -0.048em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopRecruitMain {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopRecruitMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtTopRecruitMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.recruitMainFx {
  width: 100%;
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .recruitMainFx {
    margin: 5.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .recruitMainFx {
    margin: 9.2% 0% 0% 0%;
  }
}

.recruitMainFx02 {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .recruitMainFx02 {
    margin: 2.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .recruitMainFx02 {
    margin: 6.5% 0% 0% 0%;
  }
}

.photoRecruitMainFx {
  width: 554px;
}
@media screen and (max-width: 1300px) {
  .photoRecruitMainFx {
    width: 50.36%;
  }
}
@media screen and (max-width: 767px) {
  .photoRecruitMainFx {
    width: 100%;
  }
}

.secRecruitMainFx {
  width: 499px;
}
@media screen and (max-width: 1300px) {
  .secRecruitMainFx {
    width: 45.36%;
  }
}
@media screen and (max-width: 767px) {
  .secRecruitMainFx {
    width: 100%;
    margin: 4.1% 0% 0% 0%;
  }
}

.h3RecruitMainFx {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h3RecruitMainFx {
    font-size: 1.5384615385vw;
  }
}
.h3RecruitMainFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3RecruitMainFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3RecruitMainFx {
    line-height: 1.4444444444;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3RecruitMainFx {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h3RecruitMainFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
  .h3RecruitMainFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
}

.txtRecruitMainFx {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtRecruitMainFx {
    font-size: 1.2307692308vw;
  }
}
.txtRecruitMainFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtRecruitMainFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtRecruitMainFx {
    margin: 4.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruitMainFx {
    line-height: 1.625;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRecruitMainFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruitMainFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtRecruitMainFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtRecruitMainFx {
    margin: 2.89% 0% 0% 0%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitStrength {
  height: 252px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .recruitStrength {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .recruitStrength {
    height: 13vw;
  }
}
@media screen and (max-width: 767px) {
  .recruitStrength {
    height: 33.8vw;
    margin: 5.8% 0% 0% 0%;
  }
}

.bgRecruitStrength {
  background: url(../img/recruit/bgRecruitStrengthPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgRecruitStrength {
    background: url(../img/recruit/bgRecruitStrengthSp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.h1RecruitStrength {
  font-size: 30px;
  line-height: 1.6216216216;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h1RecruitStrength {
    font-size: 2.3076923077vw;
  }
}
.h1RecruitStrength::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6216216216) * 0.5em);
  content: "";
}
.h1RecruitStrength::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6216216216) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1RecruitStrength {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1RecruitStrength {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1RecruitStrength::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h1RecruitStrength::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.h2RecruitStrength {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1300px) {
  .h2RecruitStrength {
    font-size: 1.2307692308vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RecruitStrength {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitStrength {
    font-size: 4.2666666667vw;
  }
}

.ruitStrengthMainWap {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .ruitStrengthMainWap {
    margin-top: 3.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ruitStrengthMainWap {
    margin-top: 3.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secRuitStrengthMain {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secRuitStrengthMain {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .secRuitStrengthMain {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secRuitStrengthMain {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secRuitStrengthMain {
    width: 92%;
  }
}

.h2RuitStrengthMain {
  font-size: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 1300px) {
  .h2RuitStrengthMain {
    font-size: 1.5384615385vw;
  }
}
.h2RuitStrengthMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2RuitStrengthMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2RuitStrengthMain {
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RuitStrengthMain {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RuitStrengthMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .h2RuitStrengthMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.ruitStrengthMainFx {
  width: 100%;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .ruitStrengthMainFx {
    margin: 3.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ruitStrengthMainFx {
    margin: 6.5% 0% 0% 0%;
  }
}

.ruitStrengthDetailMain {
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .ruitStrengthDetailMain {
    width: 31.63%;
  }
}
@media screen and (max-width: 767px) {
  .ruitStrengthDetailMain {
    width: 100%;
  }
}

.h3RuitStrengthDetailMain {
  height: 80px;
  border-radius: 16px;
  /* CSS3草案 */
  -webkit-border-radius: 16px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 16px;
  /* Firefox用 */
  font-size: 26px;
  line-height: 1.1538461538;
}
@media screen and (max-width: 1300px) {
  .h3RuitStrengthDetailMain {
    font-size: 2vw;
  }
}
.h3RuitStrengthDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1538461538) * 0.5em);
  content: "";
}
.h3RuitStrengthDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1538461538) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h3RuitStrengthDetailMain {
    height: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .h3RuitStrengthDetailMain {
    height: 14.6666666667vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3RuitStrengthDetailMain {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3RuitStrengthDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h3RuitStrengthDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.txtRuitStrengthDetailMain {
  font-size: 18px;
  line-height: 1.6666666667;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 500;
}
@media screen and (max-width: 1300px) {
  .txtRuitStrengthDetailMain {
    font-size: 1.3846153846vw;
  }
}
.txtRuitStrengthDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtRuitStrengthDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtRuitStrengthDetailMain {
    margin: 6.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtRuitStrengthDetailMain {
    line-height: 1.625;
    margin: 4.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRuitStrengthDetailMain {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRuitStrengthDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtRuitStrengthDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitInfos {
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .recruitInfos {
    margin: 4.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .recruitInfos {
    margin: 22.3% 0% 0% 0%;
  }
}

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

.btnRecruitInfos {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .btnRecruitInfos {
    margin: 2.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnRecruitInfos {
    margin: 5.1% 0% 0% 0%;
  }
}

.btnRecruitInfos.off .iconBtnRecruitInfos {
  transform: rotate(180deg);
}

.btnRecruitInfos.on .iconBtnRecruitInfos {
  transform: rotate(0deg);
}

.btnRecruitInfosFx {
  height: 80px;
  cursor: pointer;
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
}
@media screen and (max-width: 1300px) {
  .btnRecruitInfosFx {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .btnRecruitInfosFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btnRecruitInfosFx {
    height: 6.5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnRecruitInfosFx {
    height: 16vw;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnRecruitInfosFx {
    width: 92%;
  }
}

.h2BtnRecruitInfos {
  font-size: 24px;
  line-height: 1.2083333333;
}
@media screen and (max-width: 1300px) {
  .h2BtnRecruitInfos {
    font-size: 1.8461538462vw;
  }
}
.h2BtnRecruitInfos::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2083333333) * 0.5em);
  content: "";
}
.h2BtnRecruitInfos::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2083333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2BtnRecruitInfos {
    line-height: 1.6111111111;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2BtnRecruitInfos {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h2BtnRecruitInfos::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
  .h2BtnRecruitInfos::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
}

.iconBtnRecruitInfos {
  width: 80px;
}
@media screen and (max-width: 1300px) {
  .iconBtnRecruitInfos {
    width: 7.27%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnRecruitInfos {
    width: 17.4%;
  }
}

.mainRecruitInfos {
  display: none;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .mainRecruitInfos {
    margin: 1.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainRecruitInfos {
    margin: 2.5% 0% 0% 0%;
  }
}

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

.tableRecruitInfos {
  width: 100%;
}

.thRecruitInfos {
  text-align: left;
  font-size: 18px;
  line-height: 1.5;
  width: 259px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 100px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .thRecruitInfos {
    font-size: 1.3846153846vw;
  }
}
.thRecruitInfos::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.thRecruitInfos::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .thRecruitInfos {
    width: 23.54%;
  }
}
@media screen and (max-width: 1300px) {
  .thRecruitInfos {
    padding: 1.45% 0% 1.45% 9.09%;
  }
}
@media screen and (max-width: 767px) {
  .thRecruitInfos {
    display: block;
    width: 100%;
    line-height: 3.6111111111;
    padding: 4.5% 4% 1.06% 4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thRecruitInfos {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .thRecruitInfos::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.6111111111) * 0.5em);
    content: "";
  }
  .thRecruitInfos::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.6111111111) * 0.5em);
    content: "";
  }
}

.tdRecruitInfos {
  font-size: 16px;
  line-height: 1.6875;
  width: 842px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .tdRecruitInfos {
    font-size: 1.2307692308vw;
  }
}
.tdRecruitInfos::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6875) * 0.5em);
  content: "";
}
.tdRecruitInfos::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .tdRecruitInfos {
    width: 76.54%;
  }
}
@media screen and (max-width: 1300px) {
  .tdRecruitInfos {
    padding: 1.45% 0% 1.45% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdRecruitInfos {
    text-align: left;
    display: block;
    width: 100%;
    line-height: 1.625;
    padding: 2% 4% 4.5% 4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdRecruitInfos {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdRecruitInfos::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .tdRecruitInfos::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.tdRecruitInfosMini {
  display: block;
  font-size: 13px;
  line-height: 1.5384615385;
}
@media screen and (max-width: 1300px) {
  .tdRecruitInfosMini {
    font-size: 1vw;
  }
}
.tdRecruitInfosMini::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.tdRecruitInfosMini::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdRecruitInfosMini {
    line-height: 1.5384615385;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdRecruitInfosMini {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdRecruitInfosMini::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .tdRecruitInfosMini::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

.oditionRecruitInfosWap {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .oditionRecruitInfosWap {
    margin-top: 5.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .oditionRecruitInfosWap {
    margin-top: 14.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secOditionRecruitInfos {
  width: 1100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secOditionRecruitInfos {
    width: 84.61%;
  }
}
@media screen and (max-width: 1300px) {
  .secOditionRecruitInfos {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secOditionRecruitInfos {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secOditionRecruitInfos {
    width: 92%;
  }
}

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

.txtTopOditionRecruitInfos {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 900px;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .txtTopOditionRecruitInfos {
    font-size: 1.2307692308vw;
  }
}
.txtTopOditionRecruitInfos::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtTopOditionRecruitInfos::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtTopOditionRecruitInfos {
    width: 81.81%;
  }
}
@media screen and (max-width: 1300px) {
  .txtTopOditionRecruitInfos {
    margin-top: 2.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTopOditionRecruitInfos {
    line-height: 1.625;
    width: 100%;
    margin: 5.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopOditionRecruitInfos {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopOditionRecruitInfos::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtTopOditionRecruitInfos::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.stepOditionRecruitInfos {
  width: 100%;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .stepOditionRecruitInfos {
    margin: 2.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .stepOditionRecruitInfos {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .stepOditionRecruitInfos {
    margin: 7.24% 0% 0% 0%;
  }
}

.stepOditionRecruitInfos:nth-of-type(n+2) {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .stepOditionRecruitInfos:nth-of-type(n+2) {
    margin: 2.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .stepOditionRecruitInfos:nth-of-type(n+2) {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .stepOditionRecruitInfos:nth-of-type(n+2) {
    margin: 7.24% 0% 0% 0%;
  }
}

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

.h2StepOditionRecruitInfos {
  height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 1300px) {
  .h2StepOditionRecruitInfos {
    padding: 0% 9.09% 0% 9.09%;
  }
}
@media screen and (max-width: 1300px) {
  .h2StepOditionRecruitInfos {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .h2StepOditionRecruitInfos {
    text-align: center;
    height: 13.3333333333vw;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2StepOditionRecruitInfos {
    padding: 0% 0% 0% 0%;
  }
}

.mainStepOditionRecruitInfosIns {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .mainStepOditionRecruitInfosIns {
    font-size: 1.3846153846vw;
  }
}
.mainStepOditionRecruitInfosIns::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.mainStepOditionRecruitInfosIns::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainStepOditionRecruitInfosIns {
    line-height: 1.4444444444;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainStepOditionRecruitInfosIns {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mainStepOditionRecruitInfosIns::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
  .mainStepOditionRecruitInfosIns::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4444444444) * 0.5em);
    content: "";
  }
}

.txtStepOditionRecruitInfos {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 900px;
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .txtStepOditionRecruitInfos {
    font-size: 1.2307692308vw;
  }
}
.txtStepOditionRecruitInfos::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtStepOditionRecruitInfos::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtStepOditionRecruitInfos {
    width: 81.81%;
  }
}
@media screen and (max-width: 1300px) {
  .txtStepOditionRecruitInfos {
    margin-top: 1.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtStepOditionRecruitInfos {
    font-feature-settings: "palt";
    line-height: 1.625;
    letter-spacing: 0.065em;
    text-indent: -0.065em;
    width: 100%;
    margin: 5.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtStepOditionRecruitInfos {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtStepOditionRecruitInfos::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtStepOditionRecruitInfos::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpNav {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpNav {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpNav {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpNav {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulShopLpNav {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .ulShopLpNav {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .ulShopLpNav {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulShopLpNav {
    width: 92%;
  }
}

.liShopLpNav {
  width: 254px;
}
@media screen and (max-width: 1300px) {
  .liShopLpNav {
    width: 23.09%;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpNav {
    width: 165px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liShopLpNav {
    width: 47.82%;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpNav:nth-child(n+3) {
    margin: 4.4% 0% 0% 0%;
  }
}

.liShopLpNav a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: 3px solid #00A6BA;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
  font-size: 20px;
  line-height: 1.65;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .liShopLpNav a {
    font-size: 1.5384615385vw;
  }
}
.liShopLpNav a::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.65) * 0.5em);
  content: "";
}
.liShopLpNav a::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.65) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .liShopLpNav a {
    height: 3.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpNav a {
    height: 13.3333333333vw;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liShopLpNav a {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpNav a::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.65) * 0.5em);
    content: "";
  }
  .liShopLpNav a::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.65) * 0.5em);
    content: "";
  }
}

.iconShopLpNav {
  background: url(../img/shopLp/iconShopLpNav.svg) no-repeat 92.5% 40%;
  background-size: auto 44%;
  display: block;
  width: 100%;
}
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpCampaignWap {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpCampaignWap {
    margin-top: 3.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpCampaignWap {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpCampaignWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopLpCampaignLxn {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpCampaignLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpCampaignLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpCampaignLxn {
    width: 92%;
  }
}

.liShopLpCampaign:nth-child(n+2) {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .liShopLpCampaign:nth-child(n+2) {
    margin-top: 0.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpCampaign:nth-child(n+2) {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liShopLpCampaign:nth-child(n+2) {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnShopLpCampaign .picshopLpFvMain {
  width: 100%;
  margin: auto;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpTopics {
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpTopics {
    margin-top: 6.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpTopics {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpTopics {
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h1ShopLpTopics {
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0 -8px 6px -3px rgba(0, 0, 0, 0.16) inset;
}
@media screen and (max-width: 1300px) {
  .h1ShopLpTopics {
    font-size: 2.3076923077vw;
  }
}
.h1ShopLpTopics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.h1ShopLpTopics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .h1ShopLpTopics {
    padding: 0% 0% 1.53% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h1ShopLpTopics {
    padding: 0% 0% 7.33% 0%;
    line-height: 2.7;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ShopLpTopics {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ShopLpTopics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.7) * 0.5em);
    content: "";
  }
  .h1ShopLpTopics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.7) * 0.5em);
    content: "";
  }
}

.shopLpTopicsWap {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpTopicsWap {
    margin-top: 3.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpTopicsWap {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpTopicsWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopLpTopicsLxn {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpTopicsLxn {
    width: 73.84%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpTopicsLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpTopicsLxn {
    width: 92%;
  }
}

.btnShopLpTopicsWap {
  width: 290px;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .btnShopLpTopicsWap {
    margin-top: 3.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnShopLpTopicsWap {
    width: 345px;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnShopLpTopicsWap {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnShopLpTopicsWap {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tnShopLpTopics {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .tnShopLpTopics {
    font-size: 1.6153846154vw;
  }
}
.tnShopLpTopics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.tnShopLpTopics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .tnShopLpTopics {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .tnShopLpTopics {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tnShopLpTopics {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .tnShopLpTopics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .tnShopLpTopics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpFeaturtsWap {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpFeaturtsWap {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFeaturtsWap {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpFeaturtsWap {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopLpFeaturtsLxn {
  padding-top: 95px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .shopLpFeaturtsLxn {
    padding: 7.3% 0% 6.15% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFeaturtsLxn {
    padding: 15.66% 0% 9.6% 0%;
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
  }
}

.secShopLpFeaturts {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secShopLpFeaturts {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .secShopLpFeaturts {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secShopLpFeaturts {
    width: 92%;
  }
}

.h1ShopLpFeaturts {
  font-size: 30px;
  line-height: 1.3666666667;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1ShopLpFeaturts {
    font-size: 2.3076923077vw;
  }
}
.h1ShopLpFeaturts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3666666667) * 0.5em);
  content: "";
}
.h1ShopLpFeaturts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1ShopLpFeaturts {
    line-height: 2.05;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ShopLpFeaturts {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ShopLpFeaturts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.05) * 0.5em);
    content: "";
  }
  .h1ShopLpFeaturts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.05) * 0.5em);
    content: "";
  }
}

.h2ShopLpFeaturts {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2ShopLpFeaturts {
    margin-top: 0.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h2ShopLpFeaturts {
    font-size: 1.5384615385vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ShopLpFeaturts {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ShopLpFeaturts {
    font-size: 4.2666666667vw;
  }
}

.brdShopLp {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #00C8C8;
  height: 5px;
  width: 108px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .brdShopLp {
    margin-top: 0.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .brdShopLp {
    height: 0.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  .brdShopLp {
    margin-top: 3.5%;
    height: 1.3333333333vw;
  }
}

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

.h3ShopLpFeaturts {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 1.3666666667;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h3ShopLpFeaturts {
    margin-top: 2.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h3ShopLpFeaturts {
    font-size: 2.3076923077vw;
  }
}
.h3ShopLpFeaturts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3666666667) * 0.5em);
  content: "";
}
.h3ShopLpFeaturts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ShopLpFeaturts {
    margin-top: 6.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ShopLpFeaturts {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ShopLpFeaturts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h3ShopLpFeaturts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.shopLpFeaturtsFx {
  margin-top: 83px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
}
@media screen and (max-width: 1300px) {
  .shopLpFeaturtsFx {
    margin-top: 6.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .shopLpFeaturtsFx {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFeaturtsFx {
    margin-top: 22.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpFeaturtsFx {
    width: 100%;
  }
}

.liShopLpFeaturts {
  position: relative;
  width: 348px;
}
@media screen and (max-width: 1300px) {
  .liShopLpFeaturts {
    width: 26.76%;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpFeaturts {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liShopLpFeaturts {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpFeaturts:nth-child(n+2) {
    margin: 22.18% 0% 0% 0%;
  }
}

.photoShopLpFeaturtsWap {
  position: relative;
}

.photoShopLpFeaturts {
  border-radius: 7px;
  /* CSS3草案 */
  -webkit-border-radius: 7px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 7px;
  /* Firefox用 */
  overflow: hidden;
}
.photoShopLpFeaturts img {
  width: 100%;
  height: auto;
}

.intShopLpFeaturts {
  position: absolute;
  width: 65.95px;
  top: -22%;
  left: 2%;
}
@media screen and (max-width: 1300px) {
  .intShopLpFeaturts {
    width: 18.95%;
  }
}
@media screen and (max-width: 767px) {
  .intShopLpFeaturts {
    width: 65.38px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .intShopLpFeaturts {
    width: 18.95%;
  }
}

.liShopLpFeaturts .secShopLpFeaturts {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .liShopLpFeaturts .secShopLpFeaturts {
    margin-top: 6.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liShopLpFeaturts .secShopLpFeaturts {
    margin-top: 6.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.h4ShopLpFeaturts {
  font-size: 23px;
  line-height: 1.7826086957;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h4ShopLpFeaturts {
    font-size: 1.7692307692vw;
  }
}
.h4ShopLpFeaturts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7826086957) * 0.5em);
  content: "";
}
.h4ShopLpFeaturts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7826086957) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4ShopLpFeaturts {
    line-height: 1.7727272727;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ShopLpFeaturts {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ShopLpFeaturts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7727272727) * 0.5em);
    content: "";
  }
  .h4ShopLpFeaturts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7727272727) * 0.5em);
    content: "";
  }
}

.txtShopLpFeaturts {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtShopLpFeaturts {
    margin: 2.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtShopLpFeaturts {
    font-size: 1.2307692308vw;
  }
}
.txtShopLpFeaturts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.txtShopLpFeaturts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtShopLpFeaturts {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtShopLpFeaturts {
    margin: 2.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtShopLpFeaturts {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtShopLpFeaturts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtShopLpFeaturts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.shopLpBtn {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 346px;
}
@media screen and (max-width: 1300px) {
  .shopLpBtn {
    margin-top: 2.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .shopLpBtn {
    width: 31.45%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpBtn {
    margin-top: 12.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 91.54%;
  }
}

.shopLpBtnLink {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .shopLpBtnLink {
    font-size: 1.6153846154vw;
  }
}
.shopLpBtnLink::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.shopLpBtnLink::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .shopLpBtnLink {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .shopLpBtnLink {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .shopLpBtnLink {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .shopLpBtnLink::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .shopLpBtnLink::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

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

.h1ShopLpRecommendedTop {
  font-size: 30px;
  line-height: 1.3666666667;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1ShopLpRecommendedTop {
    font-size: 2.3076923077vw;
  }
}
.h1ShopLpRecommendedTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3666666667) * 0.5em);
  content: "";
}
.h1ShopLpRecommendedTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ShopLpRecommendedTop {
    font-size: 5.3333333333vw;
  }
}

.h2ShopLpRecommendedTop {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 2.05;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2ShopLpRecommendedTop {
    margin-top: 0.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .h2ShopLpRecommendedTop {
    font-size: 1.5384615385vw;
  }
}
.h2ShopLpRecommendedTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.05) * 0.5em);
  content: "";
}
.h2ShopLpRecommendedTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.05) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ShopLpRecommendedTop {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ShopLpRecommendedTop {
    font-size: 4.2666666667vw;
  }
}

.shopLpRecommendedDetailLxn {
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .shopLpRecommendedDetailLxn {
    margin-top: 3.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpRecommendedDetailLxn {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpRecommendedDetailLxn {
    margin-top: 7.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.shopLpRecommendedDetailCnt {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpRecommendedDetailCnt {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpRecommendedDetailCnt {
    width: 100%;
  }
}

/* ==========================================================================
画像部分
========================================================================== */
.photoLpRecommendedDetail {
  position: relative;
  width: 550px;
}
@media screen and (max-width: 1300px) {
  .photoLpRecommendedDetail {
    width: 50%;
  }
}
@media screen and (max-width: 1300px) {
  .photoLpRecommendedDetail {
    height: 32.3076923077vw;
  }
}
@media screen and (max-width: 767px) {
  .photoLpRecommendedDetail {
    width: 375px;
    height: auto;
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .photoLpRecommendedDetail {
    width: 100%;
  }
}

.shopLpRecommendedDetail:nth-child(2n) .photoLpRecommendedDetail {
  order: 2;
}
@media screen and (max-width: 767px) {
  .shopLpRecommendedDetail:nth-child(2n) .photoLpRecommendedDetail {
    order: 1;
  }
}

.photoLpRecommendedDetail img {
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
}
@media screen and (max-width: 767px) {
  .photoLpRecommendedDetail img {
    width: 100%;
    min-width: unset;
    position: relative;
    width: auto;
  }
}

.shopLpRecommendedDetail:nth-child(2n) .photoLpRecommendedDetail img {
  right: unset;
  left: 0;
}

/* ==========================================================================
文字部分
========================================================================== */
.secLpRecommendedDetail {
  width: 550px;
  margin-left: auto;
}
@media screen and (max-width: 1300px) {
  .secLpRecommendedDetail {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .secLpRecommendedDetail {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secLpRecommendedDetail {
    width: 100%;
  }
}

.shopLpRecommendedDetail:nth-child(2n) .secLpRecommendedDetail {
  order: 1;
}
@media screen and (max-width: 767px) {
  .shopLpRecommendedDetail:nth-child(2n) .secLpRecommendedDetail {
    order: 2;
  }
}

.mainLpRecommendedDetail {
  margin: auto;
  width: 370px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .mainLpRecommendedDetail {
    width: 67.27%;
  }
}
@media screen and (max-width: 767px) {
  .mainLpRecommendedDetail {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .mainLpRecommendedDetail {
    width: 92%;
  }
}

.h3LpRecommendedDetail {
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h3LpRecommendedDetail {
    font-size: 2.3076923077vw;
  }
}
.h3LpRecommendedDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1) * 0.5em);
  content: "";
}
.h3LpRecommendedDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3LpRecommendedDetail {
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LpRecommendedDetail {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LpRecommendedDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h3LpRecommendedDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.txtLpRecommendedDetail {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .txtLpRecommendedDetail {
    margin: 1.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtLpRecommendedDetail {
    font-size: 1.2307692308vw;
  }
}
.txtLpRecommendedDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtLpRecommendedDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLpRecommendedDetail {
    margin: 3.38% 0% 0% 0%;
    line-height: 1.625;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLpRecommendedDetail {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLpRecommendedDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtLpRecommendedDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpFacility {
  margin-top: 118.9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .shopLpFacility {
    margin: 6.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFacility {
    margin: 23.64% 0% 0% 0%;
  }
}

.shopLpFacilityTabWap {
  margin-top: 59.6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpFacilityTabWap {
    margin-top: 3.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFacilityTabWap {
    margin-top: 39.6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpFacilityTabWap {
    margin-top: 10.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopLpFacilityTabLxn {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpFacilityTabLxn {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFacilityTabLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpFacilityTabLxn {
    width: 92%;
  }
}

/* ==========================================================================
ナビ部分
========================================================================== */
.btnShopLpFacilityTab {
  width: 254px;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  background: #FFF;
  border: 5px solid #00A6BA;
  color: #00A6BA;
  font-weight: 600;
  text-align: left;
  justify-content: flex-start;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 27px;
  padding-right: 0px;
  height: 50px;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  .btnShopLpFacilityTab {
    width: 23.09%;
  }
}
@media screen and (max-width: 1300px) {
  .btnShopLpFacilityTab {
    font-size: 2.3076923077vw;
  }
}
.btnShopLpFacilityTab::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1) * 0.5em);
  content: "";
}
.btnShopLpFacilityTab::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnShopLpFacilityTab {
    padding: 0% 0% 0% 2.45%;
  }
}
@media screen and (max-width: 1300px) {
  .btnShopLpFacilityTab {
    height: 3.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  .btnShopLpFacilityTab {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
    width: 75px;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-indent: 0.01em;
    height: 10.6666666667vw;
    border: 2px solid #00A6BA;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnShopLpFacilityTab {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnShopLpFacilityTab {
    width: 21.73%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnShopLpFacilityTab {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnShopLpFacilityTab::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }
  .btnShopLpFacilityTab::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }
}

.btnShopLpFacilityTab.active {
  background: #00A6BA;
  color: #FFF;
}

.btnShopLpFacilityTab:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 23px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .btnShopLpFacilityTab:nth-child(n+2) {
    margin: 0% 0% 0% 2.09%;
  }
}
@media screen and (max-width: 767px) {
  .btnShopLpFacilityTab:nth-child(n+2) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnShopLpFacilityTab:nth-child(n+2) {
    margin: 0% 0% 0% 4.34%;
  }
}

/* ==========================================================================
タブコンテンツ
========================================================================== */
.shopLpFacilityTabsBoxWap {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .shopLpFacilityTabsBoxWap {
    margin: 2.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpFacilityTabsBoxWap {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpFacilityTabsBoxWap {
    margin: 5.79% 0% 0% 0%;
  }
}

.tabShopLpFacilityWap {
  display: none;
}

.tabShopLpFacilityWap.active {
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpProgram {
  margin-top: 98px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpProgram {
    margin-top: 5.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpProgram {
    margin-top: 109px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpProgram {
    margin-top: 29.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleShopLpProgram {
  padding-top: 27px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .titleShopLpProgram {
    padding: 1.4% 0% 1.51% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleShopLpProgram {
    padding: 5.33% 0% 5.33% 0%;
  }
}

.bgTitleShopLpProgram {
  background: url(../img/shopLp/bgTitleShopLpProgramPc.jpg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgTitleShopLpProgram {
    background: url(../img/shopLp/bgTitleShopLpProgramSp.jpg) no-repeat;
    background-size: cover;
  }
}

.titleShopLpProgramMain {
  padding-top: 53px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
  width: 187px;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 1300px) {
  .titleShopLpProgramMain {
    padding: 2.76% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleShopLpProgramMain {
    width: 140px;
    padding: 10.76% 0% 10.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .titleShopLpProgramMain {
    width: 37.33%;
  }
}

.h1ProgramMain {
  font-size: 30px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h1ProgramMain {
    font-size: 2.3076923077vw;
  }
}
.h1ProgramMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.h1ProgramMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1ProgramMain {
    width: 100%;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ProgramMain {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ProgramMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h1ProgramMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}

.h2ProgramMain {
  font-size: 26px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .h2ProgramMain {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1300px) {
  .h2ProgramMain {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2ProgramMain {
    width: 100%;
    margin: 2.71% 0% 0% 0%;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ProgramMain {
    font-size: 4.2666666667vw;
  }
}

.brdProgramMain {
  margin-top: 8.5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 108px;
  height: 5px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .brdProgramMain {
    margin-top: 0.65%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .brdProgramMain {
    width: 57.75%;
  }
}
@media screen and (max-width: 1300px) {
  .brdProgramMain {
    height: 0.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  .brdProgramMain {
    width: 108px;
    margin-top: 3.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    height: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .brdProgramMain {
    width: 77.14%;
  }
}

/* ==========================================================================
スタジオプログラム
========================================================================== */
.shopLpProgramDetailWap {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpProgramDetailWap {
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpProgramDetailWap {
    margin-top: 13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopLpProgramDetailLxn {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpProgramDetailLxn {
    width: 73.84%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpProgramDetailLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpProgramDetailLxn {
    width: 92%;
  }
}
.shopLpProgramDetailLxn::nth-child(n+2) {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpProgramDetailLxn::nth-child(n+2) {
    margin-top: 4.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpProgramDetailLxn::nth-child(n+2) {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpProgramDetailLxn::nth-child(n+2) {
    margin-top: 7.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2ShopLpProgramDetail {
  font-size: 26px;
  line-height: 1.4230769231;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2ShopLpProgramDetail {
    font-size: 2vw;
  }
}
.h2ShopLpProgramDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4230769231) * 0.5em);
  content: "";
}
.h2ShopLpProgramDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4230769231) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ShopLpProgramDetail {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ShopLpProgramDetail {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ShopLpProgramDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2ShopLpProgramDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.brdShopLpProgramDetail {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  height: 6px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .brdShopLpProgramDetail {
    margin-top: 1.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .brdShopLpProgramDetail {
    width: 12.5%;
  }
}
@media screen and (max-width: 1300px) {
  .brdShopLpProgramDetail {
    height: 0.4615384615vw;
  }
}
@media screen and (max-width: 767px) {
  .brdShopLpProgramDetail {
    margin-top: 3.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 1.6vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .brdShopLpProgramDetail {
    width: 34.78%;
  }
}

/* ==========================================================================
toggle部分
========================================================================== */
.secShopLpProgramDetailLxn {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secShopLpProgramDetailLxn {
    margin-top: 2.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secShopLpProgramDetailLxn {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secShopLpProgramDetailLxn {
    margin-top: 7.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.secShopLpProgramDetailLxn + .secShopLpProgramDetailLxn {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secShopLpProgramDetailLxn + .secShopLpProgramDetailLxn {
    margin-top: 0.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secShopLpProgramDetailLxn + .secShopLpProgramDetailLxn {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secShopLpProgramDetailLxn + .secShopLpProgramDetailLxn {
    margin-top: 1.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.jsShopLpProgramDetailLxn {
  cursor: pointer;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 24px;
  padding-right: 0px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
}
@media screen and (max-width: 1300px) {
  .jsShopLpProgramDetailLxn {
    padding: 0% 0% 0% 2.5%;
  }
}
@media screen and (max-width: 1300px) {
  .jsShopLpProgramDetailLxn {
    height: auto;
    padding: 0% 0% 0% 4.92%;
  }
}
.jsShopLpProgramDetailLxn.off .iconShopLp {
  transform: rotate(180deg);
}

.jsShopLpProgramDetailLxn.on .iconShopLp .iconShopLp {
  transform: rotate(0deg);
}

.nameShopLpProgramDetailLxn {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  width: 900px;
}
@media screen and (max-width: 1300px) {
  .nameShopLpProgramDetailLxn {
    font-size: 1.5384615385vw;
  }
}
.nameShopLpProgramDetailLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.nameShopLpProgramDetailLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .nameShopLpProgramDetailLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .nameShopLpProgramDetailLxn {
    line-height: 1.5555555556;
    padding: 1% 0;
    width: 300px;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameShopLpProgramDetailLxn {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .nameShopLpProgramDetailLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5555555556) * 0.5em);
    content: "";
  }
  .nameShopLpProgramDetailLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5555555556) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .nameShopLpProgramDetailLxn {
    width: 86.95%;
  }
}

.iconShopLp {
  width: 40px;
}
.iconShopLp img {
  width: 100%;
}

.mainShopLpProgramDetailWap {
  display: none;
}

.setumeiProgramDetail {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  padding-top: 31px;
  padding-bottom: 29px;
  padding-left: 24px;
  padding-right: 24px;
  margin: auto;
  color: #3D3D3D;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 1300px) {
  .setumeiProgramDetail {
    font-size: 1.2307692308vw;
  }
}
.setumeiProgramDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.setumeiProgramDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .setumeiProgramDetail {
    padding: 3.22% 2.5% 3.02% 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .setumeiProgramDetail {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.625;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .setumeiProgramDetail {
    padding: 5.79% 0% 5.79% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .setumeiProgramDetail {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .setumeiProgramDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .setumeiProgramDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .setumeiProgramDetail {
    width: 100%;
  }
}

.postDetailMainShopLpProgram {
  padding-top: 30px;
  padding-bottom: 28px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 1300px) {
  .postDetailMainShopLpProgram {
    padding: 3.12% 0% 2.91% 0%;
  }
}
@media screen and (max-width: 767px) {
  .postDetailMainShopLpProgram {
    padding: 5.79% 0% 6.79% 0%;
  }
}

.secPostDetailMainShopLpProgram {
  width: 910px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .secPostDetailMainShopLpProgram {
    width: 94.79%;
  }
}
@media screen and (max-width: 767px) {
  .secPostDetailMainShopLpProgram {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secPostDetailMainShopLpProgram {
    width: 100%;
  }
}

.h2PostDetailMainShopLpProgram {
  font-size: 20px;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .h2PostDetailMainShopLpProgram {
    font-size: 1.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PostDetailMainShopLpProgram {
    font-size: 5.3333333333vw;
  }
}

.cntPostDetailMainShopLpProgram {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .cntPostDetailMainShopLpProgram {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntPostDetailMainShopLpProgram {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .cntPostDetailMainShopLpProgram {
    margin-top: 2.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntPostDetailMainShopLpProgram p {
  font-size: 14px;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .cntPostDetailMainShopLpProgram p {
    font-size: 1.0769230769vw;
  }
}
.cntPostDetailMainShopLpProgram p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4285714286) * 0.5em);
  content: "";
}
.cntPostDetailMainShopLpProgram p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4285714286) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .cntPostDetailMainShopLpProgram p {
    line-height: 1.6428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntPostDetailMainShopLpProgram p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .cntPostDetailMainShopLpProgram p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
  .cntPostDetailMainShopLpProgram p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
}

.ulPostDetailMainShopLpProgram {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .ulPostDetailMainShopLpProgram {
    margin: 1.79% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulPostDetailMainShopLpProgram {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .ulPostDetailMainShopLpProgram {
    margin: 6.08% 0% 0% 0%;
  }
}

.liPostDetailMainShopLpProgram {
  width: auto;
  border-radius: 13px;
  /* CSS3草案 */
  -webkit-border-radius: 13px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 13px;
  /* Firefox用 */
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  padding-right: 22px;
  margin-top: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 8px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .liPostDetailMainShopLpProgram {
    padding: 0% 2.46% 0% 2.46%;
  }
}
@media screen and (max-width: 1300px) {
  .liPostDetailMainShopLpProgram {
    margin: 0% 0.89% 0.89% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .liPostDetailMainShopLpProgram {
    font-size: 1.2307692308vw;
  }
}
.liPostDetailMainShopLpProgram::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.liPostDetailMainShopLpProgram::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .liPostDetailMainShopLpProgram {
    height: 1.9230769231vw;
  }
}
@media screen and (max-width: 767px) {
  .liPostDetailMainShopLpProgram {
    margin: 0% 2% 2% 0%;
    height: 8vw;
    line-height: 0.8421052632;
    letter-spacing: 0em;
    text-indent: 0em;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liPostDetailMainShopLpProgram {
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .liPostDetailMainShopLpProgram::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.8421052632) * 0.5em);
    content: "";
  }
  .liPostDetailMainShopLpProgram::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.8421052632) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpMovie {
  margin-top: 158px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 93px;
  padding-bottom: 130px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1300px) {
  .shopLpMovie {
    margin: 8.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .shopLpMovie {
    padding: 4.84% 0% 6.77% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shopLpMovie {
    padding: 21.53% 0% 20.53% 0%;
  }
}

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

.h2TitleShopLpMovie {
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .h2TitleShopLpMovie {
    font-size: 1.5384615385vw;
  }
}
.h2TitleShopLpMovie::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.5) * 0.5em);
  content: "";
}
.h2TitleShopLpMovie::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleShopLpMovie {
    margin: 1% 0 0 0;
    line-height: 1.7;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleShopLpMovie {
    font-size: 4.2666666667vw;
  }
}

.brdTitleShopLpMovie {
  height: 5.4px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  width: 108px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .brdTitleShopLpMovie {
    width: 8.3%;
  }
}
@media screen and (max-width: 1300px) {
  .brdTitleShopLpMovie {
    margin-top: 0.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdTitleShopLpMovie {
    width: 108px;
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .brdTitleShopLpMovie {
    width: 28.8%;
  }
}

.youtubeWap {
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 422.91px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 744/422.91;
  width: 744px;
}
@media screen and (max-width: 1300px) {
  .youtubeWap {
    margin-top: 3.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .youtubeWap {
    padding: 22.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .youtubeWap {
    width: 57.23%;
  }
}
@media screen and (max-width: 767px) {
  .youtubeWap {
    width: 345px;
    height: 51.7333333333vw;
    margin-top: 48px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .youtubeWap {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .youtubeWap {
    margin-top: 12.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.youtubeWap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.shopPicUp {
  margin-top: 102px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopPicUp {
    margin-top: 5.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopPicUp {
    width: 375px;
    margin-top: 55px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 55px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopPicUp {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopPicUp {
    margin-top: 14.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopPicUp {
    padding: 0% 0% 14.66% 0%;
  }
}

.shopPicUpLxn {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .shopPicUpLxn {
    width: 73.84%;
  }
}
@media screen and (max-width: 767px) {
  .shopPicUpLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopPicUpLxn {
    width: 92%;
  }
}

.h1ShopPicUpWap {
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .h1ShopPicUpWap {
    font-size: 2.3076923077vw;
  }
}
.h1ShopPicUpWap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1) * 0.5em);
  content: "";
}
.h1ShopPicUpWap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1ShopPicUpWap {
    line-height: 1.6;
    letter-spacing: -0.01em;
    text-indent: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ShopPicUpWap {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ShopPicUpWap::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h1ShopPicUpWap::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.brdShopPicUpWap {
  width: 120px;
  height: 6px;
  background: #F6AC19;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .brdShopPicUpWap {
    margin-top: 0.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdShopPicUpWap {
    height: 1.6vw;
    width: 120px;
    margin-top: 4.9px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .brdShopPicUpWap {
    width: 34.78%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .brdShopPicUpWap {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.shopPicUpFx {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopPicUpFx {
    margin-top: 5.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopPicUpFx {
    margin-top: 63px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopPicUpFx {
    margin-top: 18.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liShopPicUpFx {
  width: 460px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .liShopPicUpFx {
    width: 47.91%;
  }
}
@media screen and (max-width: 1300px) {
  .liShopPicUpFx {
    margin: 3.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liShopPicUpFx {
    width: 100%;
    margin: 0;
  }
  .liShopPicUpFx:nth-child(n+2) {
    margin-top: 86px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liShopPicUpFx:nth-child(n+2) {
    margin-top: 24.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2ShopPicUpFx {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .h2ShopPicUpFx {
    margin: 5.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .h2ShopPicUpFx {
    font-size: 2.3076923077vw;
  }
}
.h2ShopPicUpFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1) * 0.5em);
  content: "";
}
.h2ShopPicUpFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ShopPicUpFx {
    margin-top: 37px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.65;
    letter-spacing: -0.01em;
    text-indent: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .h2ShopPicUpFx {
    margin: 10.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ShopPicUpFx {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ShopPicUpFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.65) * 0.5em);
    content: "";
  }
  .h2ShopPicUpFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.65) * 0.5em);
    content: "";
  }
}

.txtShopPicUpFx {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1300px) {
  .txtShopPicUpFx {
    margin: 5.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .txtShopPicUpFx {
    font-size: 1.2307692308vw;
  }
}
.txtShopPicUpFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtShopPicUpFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtShopPicUpFx {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 2;
    letter-spacing: -0.01em;
    text-indent: 0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .txtShopPicUpFx {
    margin: 8.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtShopPicUpFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtShopPicUpFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtShopPicUpFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

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

.shopLpTimeLxn {
  width: 960px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpTimeLxn {
    width: 73.84%;
  }
}
@media screen and (max-width: 1300px) {
  .shopLpTimeLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpTimeLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpTimeLxn {
    width: 92%;
  }
}

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

.tableShopLpTime {
  width: 100%;
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .tableShopLpTime {
    margin: 4.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableShopLpTime {
    border-bottom: 1px solid #707070;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .tableShopLpTime {
    margin: 7.24% 0% 0% 0%;
  }
}

.thShopLpTime {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 19px;
  padding-bottom: 15px;
  padding-left: 111px;
  padding-right: 23px;
}
@media screen and (max-width: 1300px) {
  .thShopLpTime {
    font-size: 1.3846153846vw;
  }
}
.thShopLpTime::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.thShopLpTime::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .thShopLpTime {
    padding: 1.97% 2.39% 1.56% 11.56%;
  }
}
@media screen and (max-width: 1300px) {
  .thShopLpTime {
    padding: 1.97% 2.39% 1.56% 8.56%;
  }
}
@media screen and (max-width: 767px) {
  .thShopLpTime {
    text-align: left;
    border-bottom: none;
    display: block;
    width: 100%;
    line-height: 1.6111111111;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 7.3% 5.5% 2.8% 5.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thShopLpTime {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .thShopLpTime::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
  .thShopLpTime::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
}

.tdShopLpTime {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  width: 752px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 23px;
  padding-right: 23px;
}
@media screen and (max-width: 1300px) {
  .tdShopLpTime {
    width: 78.33%;
  }
}
@media screen and (max-width: 1300px) {
  .tdShopLpTime {
    font-size: 1.3846153846vw;
  }
}
.tdShopLpTime::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.tdShopLpTime::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .tdShopLpTime {
    padding: 2.08% 2.39% 1.56% 2.39%;
  }
}
@media screen and (max-width: 767px) {
  .tdShopLpTime {
    border-top: none;
    border-bottom: none;
    text-align: left;
    display: block;
    width: 100%;
    line-height: 1.6111111111;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 2.8% 5.5% 6.8% 5.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdShopLpTime {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .tdShopLpTime::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
  .tdShopLpTime::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
}

.txtShopLpTimeLxn {
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .txtShopLpTimeLxn {
    font-size: 1vw;
  }
}
.txtShopLpTimeLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtShopLpTimeLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .txtShopLpTimeLxn {
    margin: 1.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtShopLpTimeLxn {
    text-align: left;
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtShopLpTimeLxn {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtShopLpTimeLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtShopLpTimeLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopAccess {
  margin-top: 91px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .shopAccess {
    margin: 4.73% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shopAccess {
    margin: 13% 0% 0% 0%;
  }
}

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

.mapShopAccess {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 377px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .mapShopAccess {
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .mapShopAccess {
    padding: 19.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mapShopAccess {
    height: 129.0106666667vw;
    margin: 6.86% 0% 0% 0%;
  }
}
.mapShopAccess iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopLpAdressWap {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .shopLpAdressWap {
    margin-top: 2.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopLpAdressWap {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .shopLpAdressWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .secShopLpAdress {
    width: 345px;
    margin-top: 6.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secShopLpAdress {
    width: 92%;
  }
}

.adressShopLp {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .adressShopLp {
    font-size: 1.2307692308vw;
  }
}
.adressShopLp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.adressShopLp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .adressShopLp {
    text-align: left;
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .adressShopLp {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .adressShopLp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .adressShopLp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.accessShopLp {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .accessShopLp {
    margin: 0.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .accessShopLp {
    font-size: 1.0769230769vw;
  }
}
.accessShopLp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.accessShopLp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .accessShopLp {
    text-align: left;
    margin: 1.6% 0% 0% 0%;
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .accessShopLp {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .accessShopLp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .accessShopLp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.telShopLp {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .telShopLp {
    margin: 0.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 1300px) {
  .telShopLp {
    font-size: 1.0769230769vw;
  }
}
.telShopLp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.telShopLp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .telShopLp {
    text-align: left;
    margin: 1.6% 0% 0% 0%;
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telShopLp {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .telShopLp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .telShopLp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
.main404 {
  margin-top: 112px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .main404 {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .main404 {
    margin-top: 123px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .main404 {
    margin-top: 32.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.logo404 {
  width: 400px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .logo404 {
    width: 30.76%;
  }
}
@media screen and (max-width: 767px) {
  .logo404 {
    width: 310px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .logo404 {
    width: 82.66%;
  }
}

.secMain404 {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .secMain404 {
    margin-top: 2.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secMain404 {
    margin-top: 8.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtMain404 {
  font-size: 23px;
  line-height: 1.7391304348;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .txtMain404 {
    font-size: 1.7692307692vw;
  }
}
.txtMain404::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7391304348) * 0.5em);
  content: "";
}
.txtMain404::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7391304348) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMain404 {
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMain404 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMain404::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
  .txtMain404::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

.btn404Wap {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
}
@media screen and (max-width: 1300px) {
  .btn404Wap {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1300px) {
  .btn404Wap {
    width: 22.3%;
  }
}
@media screen and (max-width: 767px) {
  .btn404Wap {
    margin-top: 19.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 344px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btn404Wap {
    width: 91.73%;
  }
}

.btn404 {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1300px) {
  .btn404 {
    font-size: 1.6153846154vw;
  }
}
.btn404::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btn404::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btn404 {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  .btn404 {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btn404 {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btn404::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btn404::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

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

.photoSingleCampaign {
  width: 100%;
}

.secSingleCampaign {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .secSingleCampaign {
    margin: 3.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleCampaign {
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secSingleCampaign {
    margin-top: 4.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .secSingleCampaign {
    width: 100%;
  }
}

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

.theContetSingleCampaign {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .theContetSingleCampaign {
    font-size: 1.2307692308vw;
  }
}
.theContetSingleCampaign::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.theContetSingleCampaign::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .theContetSingleCampaign {
    margin: 2.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .theContetSingleCampaign {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .theContetSingleCampaign {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .theContetSingleCampaign::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .theContetSingleCampaign::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.btnContetSingleCampaignWap {
  width: 810px;
  margin-top: 92px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1300px) {
  .btnContetSingleCampaignWap {
    width: 84.37%;
  }
}
@media screen and (max-width: 1300px) {
  .btnContetSingleCampaignWap {
    margin-top: 9.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnContetSingleCampaignWap {
    width: 100%;
    margin-top: 16.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liBtnContetSingleCampaign {
  width: 390px;
}
@media screen and (max-width: 1300px) {
  .liBtnContetSingleCampaign {
    width: 42.85%;
  }
}
@media screen and (max-width: 767px) {
  .liBtnContetSingleCampaign {
    width: 100%;
  }
  .liBtnContetSingleCampaign:nth-child(2) {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .liBtnContetSingleCampaign:nth-child(2) {
    margin-top: 7.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnContetSingleCampaign {
  text-decoration: none;
  height: 60px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1300px) {
  .btnContetSingleCampaign {
    font-size: 1.6153846154vw;
  }
}
.btnContetSingleCampaign::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnContetSingleCampaign::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnContetSingleCampaign {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnContetSingleCampaign {
    width: 100%;
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnContetSingleCampaign {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnContetSingleCampaign::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnContetSingleCampaign::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

.btnCampaignArchivesWap {
  width: 390px;
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .btnCampaignArchivesWap {
    width: 40.62%;
  }
}
@media screen and (max-width: 1300px) {
  .btnCampaignArchivesWap {
    margin-top: 6.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnCampaignArchivesWap {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnCampaignArchivesWap {
    margin-top: 7.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1300px) {
  .btnCampaignArchivesWap {
    width: 100%;
  }
}

.btnCampaignArchives {
  text-decoration: none;
  height: 60px;
  width: 100%;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1.5238095238;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .btnCampaignArchives {
    font-size: 1.6153846154vw;
  }
}
.btnCampaignArchives::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
.btnCampaignArchives::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5238095238) * 0.5em);
  content: "";
}
@media screen and (max-width: 1300px) {
  .btnCampaignArchives {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCampaignArchives {
    height: 16vw;
    line-height: 1.5238095238;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCampaignArchives {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCampaignArchives::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
  .btnCampaignArchives::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5238095238) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
Library
========================================================================== */
.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_left {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_right {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacity_0_fade_set {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_fade_set.active {
  -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, .opacity_0_list_fade_set section, .opacity_0_list_fade_set div, .opacity_0_list_fade_set tr, .opacity_0_list_fade_set figure {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_list_fade_set.active > li:nth-child(1), .opacity_0_list_fade_set.active section:nth-child(1), .opacity_0_list_fade_set.active div:nth-child(1), .opacity_0_list_fade_set.active p:nth-child(1), .opacity_0_list_fade_set.active h2:nth-child(1), .opacity_0_list_fade_set.active h3:nth-child(1), .opacity_0_list_fade_set.active h4:nth-child(1), .opacity_0_list_fade_set.active h5:nth-child(1), .opacity_0_list_fade_set.active figure:nth-child(1) {
  -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), .opacity_0_list_fade_set.active section:nth-child(2), .opacity_0_list_fade_set.active div:nth-child(2), .opacity_0_list_fade_set.active p:nth-child(2), .opacity_0_list_fade_set.active h2:nth-child(2), .opacity_0_list_fade_set.active h3:nth-child(2), .opacity_0_list_fade_set.active h4:nth-child(2), .opacity_0_list_fade_set.active h5:nth-child(2), .opacity_0_list_fade_set.active figure:nth-child(2) {
  -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), .opacity_0_list_fade_set.active section:nth-child(3), .opacity_0_list_fade_set.active div:nth-child(3), .opacity_0_list_fade_set.active p:nth-child(3), .opacity_0_list_fade_set.active h2:nth-child(3), .opacity_0_list_fade_set.active h3:nth-child(3), .opacity_0_list_fade_set.active h4:nth-child(3), .opacity_0_list_fade_set.active h5:nth-child(3), .opacity_0_list_fade_set.active figure:nth-child(3) {
  -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), .opacity_0_list_fade_set.active section:nth-child(4), .opacity_0_list_fade_set.active div:nth-child(4), .opacity_0_list_fade_set.active p:nth-child(4), .opacity_0_list_fade_set.active h2:nth-child(4), .opacity_0_list_fade_set.active h3:nth-child(4), .opacity_0_list_fade_set.active h4:nth-child(4), .opacity_0_list_fade_set.active h5:nth-child(4), .opacity_0_list_fade_set.active figure:nth-child(4) {
  -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), .opacity_0_list_fade_set.active section:nth-child(5), .opacity_0_list_fade_set.active div:nth-child(5), .opacity_0_list_fade_set.active p:nth-child(5), .opacity_0_list_fade_set.active h2:nth-child(5), .opacity_0_list_fade_set.active h3:nth-child(5), .opacity_0_list_fade_set.active h4:nth-child(5), .opacity_0_list_fade_set.active h5:nth-child(5), .opacity_0_list_fade_set.active figure:nth-child(5) {
  -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), .opacity_0_list_fade_set.active section:nth-child(6), .opacity_0_list_fade_set.active div:nth-child(6), .opacity_0_list_fade_set.active p:nth-child(6), .opacity_0_list_fade_set.active h2:nth-child(6), .opacity_0_list_fade_set.active h3:nth-child(6), .opacity_0_list_fade_set.active h4:nth-child(6), .opacity_0_list_fade_set.active h5:nth-child(6), .opacity_0_list_fade_set.active figure:nth-child(6) {
  -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), .opacity_0_list_fade_set.active section:nth-child(7), .opacity_0_list_fade_set.active div:nth-child(7), .opacity_0_list_fade_set.active p:nth-child(7), .opacity_0_list_fade_set.active h2:nth-child(7), .opacity_0_list_fade_set.active h3:nth-child(7), .opacity_0_list_fade_set.active h4:nth-child(7), .opacity_0_list_fade_set.active h5:nth-child(7), .opacity_0_list_fade_set.active figure:nth-child(7) {
  -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), .opacity_0_list_fade_set.active section:nth-child(8), .opacity_0_list_fade_set.active div:nth-child(8), .opacity_0_list_fade_set.active p:nth-child(8), .opacity_0_list_fade_set.active h2:nth-child(8), .opacity_0_list_fade_set.active h3:nth-child(8), .opacity_0_list_fade_set.active h4:nth-child(8), .opacity_0_list_fade_set.active h5:nth-child(8), .opacity_0_list_fade_set.active figure:nth-child(8) {
  -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), .opacity_0_list_fade_set.active section:nth-child(9), .opacity_0_list_fade_set.active div:nth-child(9), .opacity_0_list_fade_set.active p:nth-child(9), .opacity_0_list_fade_set.active h2:nth-child(9), .opacity_0_list_fade_set.active h3:nth-child(9), .opacity_0_list_fade_set.active h4:nth-child(9), .opacity_0_list_fade_set.active h5:nth-child(9), .opacity_0_list_fade_set.active figure:nth-child(9) {
  -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), .opacity_0_list_fade_set.active section:nth-child(10), .opacity_0_list_fade_set.active div:nth-child(10), .opacity_0_list_fade_set.active p:nth-child(10), .opacity_0_list_fade_set.active h2:nth-child(10), .opacity_0_list_fade_set.active h3:nth-child(10), .opacity_0_list_fade_set.active h4:nth-child(10), .opacity_0_list_fade_set.active h5:nth-child(10), .opacity_0_list_fade_set.active figure:nth-child(10) {
  -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), .opacity_0_list_fade_set.active section:nth-child(11), .opacity_0_list_fade_set.active div:nth-child(11), .opacity_0_list_fade_set.active p:nth-child(11), .opacity_0_list_fade_set.active h2:nth-child(11), .opacity_0_list_fade_set.active h3:nth-child(11), .opacity_0_list_fade_set.active h4:nth-child(11), .opacity_0_list_fade_set.active h5:nth-child(11), .opacity_0_list_fade_set.active figure:nth-child(11) {
  -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), .opacity_0_list_fade_set.active section:nth-child(12), .opacity_0_list_fade_set.active div:nth-child(12), .opacity_0_list_fade_set.active p:nth-child(12), .opacity_0_list_fade_set.active h2:nth-child(12), .opacity_0_list_fade_set.active h3:nth-child(12), .opacity_0_list_fade_set.active h4:nth-child(12), .opacity_0_list_fade_set.active h5:nth-child(12), .opacity_0_list_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_left_fade_set > li, .opacity_0_list_left_fade_set section, .opacity_0_list_left_fade_set div, .opacity_0_list_left_fade_set tr, .opacity_0_list_left_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_left_fade_set.active > li:nth-child(1), .opacity_0_list_left_fade_set.active section:nth-child(1), .opacity_0_list_left_fade_set.active div:nth-child(1), .opacity_0_list_left_fade_set.active p:nth-child(1), .opacity_0_list_left_fade_set.active h2:nth-child(1), .opacity_0_list_left_fade_set.active h3:nth-child(1), .opacity_0_list_left_fade_set.active h4:nth-child(1), .opacity_0_list_left_fade_set.active h5:nth-child(1), .opacity_0_list_left_fade_set.active figure:nth-child(1) {
  -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;
}

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