@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;
  -webkit-text-size-adjust: 100%;
}

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

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

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

.ovhidden {
  overflow: hidden;
}

.cPointer {
  cursor: pointer;
}

.underNone {
  text-decoration: none;
}

.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: #1A222D;
  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: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.t_center {
  text-align: center;
}

.t_left {
  text-align: left;
}

.t_right {
  text-align: right;
}

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

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

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

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

.bg_fff {
  background: #FFF;
}

.bg_7B191E {
  background: #7B191E;
}

.cl_fff {
  color: #FFF;
}

.cl_BEBEBE {
  color: #BEBEBE;
}

.bg_1A222D {
  background: #1A222D;
}

.cl_7B191E {
  color: #7B191E;
}

.cl_082641 {
  color: #082641;
}

.cl_BF191E {
  color: #BF191E;
}

.cl_3A3A3A {
  color: #3A3A3A;
}

.bg_E5464E {
  background: #E5464E;
}

.bg_7C191E {
  background: #7C191E;
}

.bg_F5F5F5 {
  background: #F5F5F5;
}

.bg_E9E9E9 {
  background: #E9E9E9;
}

.bg_fff {
  background: #FFF;
}

/* ==========================================================================
背景色
========================================================================== */
.bg_1A222D {
  background: #1A222D;
}

.bg_082641 {
  background: #082641;
}

.bg_F9F9F9 {
  background: #F9F9F9;
}

.bg_F5F2EF {
  background: #F5F2EF;
}

.bg_2E3640 {
  background: #2E3640;
}

.bg_353F4B {
  background: #353F4B;
}

.bg_DBDBDB {
  background: #DBDBDB;
}

.bg_fff {
  background: #FFF;
}

.bg_BEBEBE {
  background: #BEBEBE;
}

.bg_fff95 {
  background: rgba(255, 255, 255, 0.95);
}

.bg_fff70 {
  background: rgba(255, 255, 255, 0.7);
}

.bg_fff06 {
  background: rgba(255, 255, 255, 0.6);
}

.bg_1A222D08 {
  background: rgba(26, 34, 45, 0.6);
}

.bg_F6F6F6 {
  background: #F6F6F6;
}

.bg_CCC {
  background: #CCC;
}

.bg_E9E9E9 {
  background: #E9E9E9;
}

/* ==========================================================================
文字色
========================================================================== */
.cl_fff {
  color: #FFF;
}

.cl_082641 {
  color: #082641;
}

.cl_1A222D {
  color: #1A222D;
}

.cl_000 {
  color: #000;
}

.cl_A09F9D {
  color: #A09F9D;
}

.cl_222C33 {
  color: #222C33;
}

.cl_7B191E {
  color: #7B191E;
}

.cl_E5464E {
  color: #E5464E;
}

.cl_7B191E {
  color: #7B191E;
}

.cl_8A8A8A {
  color: #8A8A8A;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerPcFx {
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 18px;
  padding-right: 73px;
}
@media screen and (max-width: 1527px) {
  .headerPcFx {
    padding: 1.11% 4.77% 1.11% 1.17%;
  }
}

/* ==========================================================================
ロゴ
========================================================================== */
.logoHeaderPc {
  width: 300px;
  display: block;
}
@media screen and (max-width: 1527px) {
  .logoHeaderPc {
    width: 16.55%;
  }
}

/* ==========================================================================
ナビ
========================================================================== */
.navHeaderPc {
  display: flex;
  justify-content: space-between;
  width: 728px;
}
@media screen and (max-width: 1527px) {
  .navHeaderPc {
    width: 40.17%;
  }
}
@media screen and (max-width: 1527px) {
  .navHeaderPc {
    width: 57.64%;
    align-items: center;
  }
}

/* ==========================================================================
SNSナビ
========================================================================== */
.snsHeaderPc {
  width: 343px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 33px;
  padding-right: 40px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 1527px) {
  .snsHeaderPc {
    width: 47.11%;
  }
}
@media screen and (max-width: 1527px) {
  .snsHeaderPc {
    padding: 2.06% 5.49% 2.06% 4.53%;
  }
}
@media screen and (max-width: 1527px) {
  .snsHeaderPc {
    width: 57.64%;
    padding: 1.26% 1.49% 1.26% 1.25%;
  }
}

.liSnsHeaderPc {
  width: 85px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 12px;
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc {
    width: 24.7%;
  }
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc {
    margin: 0% 3.48% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc {
    width: 31%;
    margin: auto;
  }
}

.btmSnsHeaderPc {
  font-size: 9px;
  line-height: 1.5555555556;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  text-decoration: none;
  color: #1A222D;
}
@media screen and (max-width: 1527px) {
  .btmSnsHeaderPc {
    font-size: 0.5893909627vw;
  }
}
.btmSnsHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5555555556) * 0.5em);
  content: "";
}
.btmSnsHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5555555556) * 0.5em);
  content: "";
}

.bgIcnSnsHeader {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 28px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 7.79%;
  }
}
@media screen and (max-width: 1527px) {
  .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 17.17%;
  }
}

.liSnsHeaderPc:nth-child(1) .bgIcnSnsHeader {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 28px;
  padding-right: 0px;
  margin: 0 0 0 -3px;
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc:nth-child(1) .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 7.79%;
  }
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc:nth-child(1) .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 21.17%;
  }
}
.liSnsHeaderPc:nth-child(2) .bgIcnSnsHeader {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 27px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc:nth-child(2) .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 7.52%;
  }
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc:nth-child(2) .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 17.17%;
  }
}
.liSnsHeaderPc:nth-child(3) .bgIcnSnsHeader {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 26px;
  padding-right: 0px;
  margin: 0 0 0 -3px;
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc:nth-child(3) .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 7.24%;
  }
}
@media screen and (max-width: 1527px) {
  .liSnsHeaderPc:nth-child(3) .bgIcnSnsHeader {
    padding: 1.67% 0% 1.67% 21.17%;
  }
}

.bgIcnSnsHeader01 {
  background: url(../img/bgIcnSnsHeader01.svg) no-repeat left center;
  background-size: auto 100%;
}

.bgIcnSnsHeader02 {
  background: url(../img/bgIcnSnsHeader02.svg) no-repeat left center;
  background-size: auto 100%;
}

.bgIcnSnsHeader03 {
  background: url(../img/bgIcnSnsHeader03.svg) no-repeat left center;
  background-size: auto 100%;
}

/* ==========================================================================
SNSナビ
========================================================================== */
.txtTelHeaderPc {
  width: 359px;
}
@media screen and (max-width: 1527px) {
  .txtTelHeaderPc {
    width: 49.31%;
  }
}
@media screen and (max-width: 1527px) {
  .txtTelHeaderPc {
    width: 40.31%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSpFx {
  display: flex;
}

/* ==========================================================================
ロゴ
========================================================================== */
.logoHeaderSp {
  width: 194.18px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: auto;
  display: block;
}
@media screen and (max-width: 1527px) {
  .logoHeaderSp {
    width: 51.78%;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .logoHeaderSp {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 3.2%;
    margin-right: auto;
  }
}

/* ==========================================================================
ハンバーガー
========================================================================== */
.btmHeaderSp {
  width: 60px;
  position: relative;
  top: 0;
  right: 0;
  transition-duration: 0.25s;
  z-index: 9999;
}
@media screen and (max-width: 1527px) {
  .btmHeaderSp {
    width: 16%;
  }
}
.btmHeaderSp img {
  display: block;
  width: 100%;
}

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
スクロール画像
========================================================================== */
.fixedScroll {
  width: 10px;
  position: fixed;
  top: 37.8%;
  left: 0.7621621622%;
  z-index: 9999;
}
@media screen and (max-width: 1527px) {
  .fixedScroll {
    width: 0.52%;
  }
}

/* ==========================================================================
SP追従メニュー
========================================================================== */
.spFiexedNav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  margin: auto;
  width: 100%;
}

.ulFixedNavSp {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #778490;
}

.liFixedNavSp {
  width: 25%;
  border-right: 1px solid #778490;
  border-top: 1px solid #778490;
  border-bottom: 1px solid #778490;
}
.liFixedNavSp:last-child() {
  border-right: none;
}

.btmFixedNavSp {
  height: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #1A222D;
  text-decoration: none;
  color: #fff;
  line-height: 1.6363636364;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .btmFixedNavSp {
    font-size: 2.9333333333vw;
  }
}
.btmFixedNavSp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
.btmFixedNavSp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerMainFixedPc {
  width: 60px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 9999999;
}
@media screen and (max-width: 1527px) {
  .headerMainFixedPc {
    width: 3.12%;
  }
}

.headerMainFixedPc .bg_1A222D {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ==========================================================================
ハンバーガー
========================================================================== */
.btmHeaderPc {
  cursor: pointer;
  margin: 0.3vw 0 0 auto;
}

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

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

/* ==========================================================================
ハンバーガー
========================================================================== */
.navHeaderMainFixePc {
  margin: auto auto 0 auto;
}

.ulHeaderMainFixePc {
  width: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .ulHeaderMainFixePc {
    width: 33.33%;
  }
}

.liHeaderMainFixePc {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #3B474F;
  border-bottom: 1px solid #3B474F;
}
@media screen and (max-width: 1527px) {
  .liHeaderMainFixePc {
    padding: 80% 0% 80% 0%;
  }
}
.liHeaderMainFixePc:last-child {
  border: none;
}

.btmGClosed {
  cursor: pointer;
  width: 60px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1527px) {
  .btmGClosed {
    width: 3.12%;
  }
}
@media screen and (max-width: 767px) {
  .btmGClosed {
    width: 26.67%;
  }
}

.btmHeaderMainFixePc {
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2857142857;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  display: block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1527px) {
  .btmHeaderMainFixePc {
    font-size: 0.9168303864vw;
  }
}
.btmHeaderMainFixePc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2857142857) * 0.5em);
  content: "";
}
.btmHeaderMainFixePc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2857142857) * 0.5em);
  content: "";
}

/* ==========================================================================
メニュー後ろの背景
========================================================================== */
.bgGMainNavs {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0%;
  z-index: 99999;
  background: rgba(24, 36, 45, 0.6);
  display: none;
}

/* ==========================================================================
ナビメニュー
========================================================================== */
.GMainNavs {
  width: 225px;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 999999;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 190px;
  padding-left: 0px;
  padding-right: 0px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 1527px) {
  .GMainNavs {
    padding: 0% 0% 9.89% 0%;
  }
}
@media screen and (max-width: 767px) {
  .GMainNavs {
    transition-duration: 0.5s;
    width: 225px;
    padding-top: 0px;
    padding-bottom: 190px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .GMainNavs {
    width: 60%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .GMainNavs {
    padding: 0% 0% 50.66% 0%;
  }
}
.GMainNavs::-webkit-scrollbar {
  display: none;
}

/* ==========================================================================
ナビメニューハンバーガー
========================================================================== */
.btmGClose {
  width: 60px;
}
@media screen and (max-width: 1527px) {
  .btmGClose {
    width: 26.66%;
  }
}

.btmGClose .on {
  display: block;
}

/* ==========================================================================
ナビメニュー
========================================================================== */
.ulGMainNav {
  border-top: 1px solid #47555E;
}

.liGMainNav {
  border-bottom: 1px solid #47555E;
  border-top: none;
}

.btmGMainNav {
  padding-top: 13px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  text-decoration: none;
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1527px) {
  .btmGMainNav {
    padding: 5.77% 10.66% 5.33% 10.66%;
  }
}
@media screen and (max-width: 1527px) {
  .btmGMainNav {
    font-size: 0.8513425016vw;
  }
}
.btmGMainNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.btmGMainNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmGMainNav {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmGMainNav {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmGMainNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .btmGMainNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.iconBtmGMainNav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 15px;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .iconBtmGMainNav {
    padding: 0% 8.47% 0% 0%;
  }
}

.btmGMainNav.off .iconBtmGMainNav {
  background: url(../img/iconBtmGMainNavOff.svg) no-repeat center right;
  background-size: auto 85%;
}

.btmGMainNav.on .iconBtmGMainNav {
  background: url(../img/iconBtmGMainNavOn.svg) no-repeat center right;
  background-size: auto 85%;
}

/* ==========================================================================
サブナビメニュー
========================================================================== */
.subGMainNav {
  display: none;
}

.liSubGMainNav {
  border-top: 1px solid #47555E;
  border-bottom: 1px solid #47555E;
}

.btmSubGMainNav {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  text-decoration: none;
  color: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1527px) {
  .btmSubGMainNav {
    padding: 5.77% 10.66% 5.77% 10.66%;
  }
}
@media screen and (max-width: 1527px) {
  .btmSubGMainNav {
    font-size: 0.8513425016vw;
  }
}
.btmSubGMainNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.btmSubGMainNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmSubGMainNav {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmSubGMainNav {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmSubGMainNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .btmSubGMainNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.iconArrowSubGMainNav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  padding-right: 0px;
  background: url(../img/iconArrowSubGMainNav.svg) no-repeat center left;
  background-size: auto 100%;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .iconArrowSubGMainNav {
    padding: 0% 0% 0% 12.42%;
  }
}

/* ==========================================================================
SNS
========================================================================== */
.snsGnavi {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 177px;
}
@media screen and (max-width: 1527px) {
  .snsGnavi {
    margin-top: 11.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .snsGnavi {
    width: 78.66%;
  }
}

.liSnsGnavi {
  width: 46px;
}
@media screen and (max-width: 1527px) {
  .liSnsGnavi {
    width: 25.98%;
  }
}

.btmSnsGnavi {
  display: block;
}

/* ==========================================================================
スタッフブログ
========================================================================== */
.staffBlogFixedNav {
  z-index: 9999;
  position: fixed;
  bottom: 1%;
  right: 3.5%;
  width: 241px;
}
@media screen and (max-width: 1527px) {
  .staffBlogFixedNav {
    width: 12.55%;
  }
}
.staffBlogFixedNav img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
ローディング
========================================================================== */
.loading_contents {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #FFF;
  z-index: 1000000000000000000000000000000000000000;
}

.loading_contents .loading_contents_main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo_loading_contents_main {
  width: 550px;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footerContact {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 84px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .footerContact {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .footerContact {
    padding: 4.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footerContact {
    margin: 0% 0% 0% 0%;
    padding: 17% 0% 0% 0%;
  }
}

.footerContact {
  height: 672px;
  background: url(../img/bg_footerContactPc.jpg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 1527px) {
  .footerContact {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerContact {
    height: 317.6vw;
    background: url(../img/bg_footerContactSp.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: unset;
  }
}

.footerContactInner {
  width: 1095px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .footerContactInner {
    width: 71.66%;
  }
}
@media screen and (max-width: 1527px) {
  .footerContactInner {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .footerContactInner {
    padding: 0% 0% 5.23% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .footerContactInner {
    width: 82.66%;
  }
}
@media screen and (max-width: 767px) {
  .footerContactInner {
    width: 335px;
    padding: 0% 0% 16% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .footerContactInner {
    width: 89.33%;
  }
}

.h2FooterContact {
  font-size: 28px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1527px) {
  .h2FooterContact {
    font-size: 1.8336607728vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FooterContact {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FooterContact {
    font-size: 6.9333333333vw;
  }
}

.ulfooterContact {
  width: 100%;
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .ulfooterContact {
    margin: 4.84% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulfooterContact {
    display: block;
    margin: 9.7% 0% 0% 0%;
  }
}

.lifooterContact {
  width: 350px;
  padding-top: 42px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .lifooterContact {
    width: 31.96%;
  }
}
@media screen and (max-width: 1527px) {
  .lifooterContact {
    padding: 3.83% 0% 2.73% 0%;
  }
}
@media screen and (max-width: 767px) {
  .lifooterContact {
    width: 100%;
    padding: 9.16% 0% 7.4% 0%;
  }
}

@media screen and (max-width: 767px) {
  .lifooterContact:nth-child(n+2) {
    margin: 2.8% 0% 0% 0%;
  }
}

.h3footerContact {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3footerContact {
    font-size: 1.4407334643vw;
  }
}
@media screen and (max-width: 767px) {
  .h3footerContact {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3footerContact {
    font-size: 4.2666666667vw;
  }
}

.rubyfooterContact {
  display: block;
  font-size: 11px;
  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: 1527px) {
  .rubyfooterContact {
    font-size: 0.7203667322vw;
  }
}
@media screen and (max-width: 1527px) {
  .rubyfooterContact {
    margin: 2.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .rubyfooterContact {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyfooterContact {
    font-size: 2.6666666667vw;
  }
}

.txtfooterContact {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtfooterContact {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .txtfooterContact {
    margin: 6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtfooterContact {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 4.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtfooterContact {
    font-size: 3.4666666667vw;
  }
}

.topfooterContact {
  text-decoration: none;
  display: block;
  width: 100%;
  width: 289px;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .topfooterContact {
    width: 82.57%;
  }
}
@media screen and (max-width: 1527px) {
  .topfooterContact {
    margin-top: 6.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topfooterContact {
    width: 287px;
    margin-top: 5.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .topfooterContact {
    width: 85.67%;
  }
}

.arrowfooterContact {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  background: url(../img/bg_arrow.svg) no-repeat 90% center;
  background-size: auto 20%;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .arrowfooterContact {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 1527px) {
  .arrowfooterContact {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowfooterContact {
    height: 16vw;
    letter-spacing: 0em;
    text-indent: 0em;
    background: url(../img/bg_arrow.svg) no-repeat 94% center;
    background-size: auto 20%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowfooterContact {
    font-size: 3.7333333333vw;
  }
}

.btmFooterContact {
  border: 1px solid #FFF;
  width: 100%;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .btmFooterContact {
    margin-top: 2.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btmFooterContact {
    display: block;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmFooterContact {
    margin-top: 2.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.rightbtmFooterContact {
  width: 350px;
  padding-top: 40px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .rightbtmFooterContact {
    width: 31.96%;
  }
}
@media screen and (max-width: 1527px) {
  .rightbtmFooterContact {
    padding: 3.65% 0% 3.19% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .rightbtmFooterContact {
    padding: 5.1% 0% 3.28% 0%;
  }
}
@media screen and (max-width: 767px) {
  .rightbtmFooterContact {
    width: 100%;
    padding: 7.5% 0% 6.89% 0%;
  }
}

.h3rightbtmFooterContact {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3rightbtmFooterContact {
    font-size: 1.5717092338vw;
  }
}
@media screen and (max-width: 767px) {
  .h3rightbtmFooterContact {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3rightbtmFooterContact {
    font-size: 4.8vw;
  }
}

.txtrightbtmFooterContact {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtrightbtmFooterContact {
    font-size: 0.9823182711vw;
  }
}
.txtrightbtmFooterContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtrightbtmFooterContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtrightbtmFooterContact {
    margin-top: 6.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtrightbtmFooterContact {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtrightbtmFooterContact {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtrightbtmFooterContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtrightbtmFooterContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtrightbtmFooterContact {
    margin-top: 6.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.bgtbtmFooterContact {
  background: url(../img/bgtbtmFooterContactPc.jpg) no-repeat top center;
  background-size: cover;
  width: 749px;
  padding-top: 33px;
  padding-bottom: 32px;
  padding-left: 23px;
  padding-right: 34px;
}
@media screen and (max-width: 1527px) {
  .bgtbtmFooterContact {
    width: 68.4%;
  }
}
@media screen and (max-width: 1527px) {
  .bgtbtmFooterContact {
    padding: 3.01% 3.1% 2.92% 2.1%;
  }
}
@media screen and (max-width: 1527px) {
  .bgtbtmFooterContact {
    padding: 5% 3.1% 5% 2.1%;
  }
}
@media screen and (max-width: 767px) {
  .bgtbtmFooterContact {
    display: block;
    width: 100%;
    padding: 8.7% 6.86% 8.1% 6.86%;
  }
}

.lefttbtmFooterContact {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 319px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .lefttbtmFooterContact {
    font-size: 0.8513425016vw;
  }
}
.lefttbtmFooterContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.lefttbtmFooterContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .lefttbtmFooterContact {
    width: 42.87%;
  }
}
@media screen and (max-width: 1527px) {
  .lefttbtmFooterContact {
    margin: 0.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .lefttbtmFooterContact {
    line-height: 1.6666666667;
    letter-spacing: -0.01em;
    text-indent: 0.01em;
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .lefttbtmFooterContact {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .lefttbtmFooterContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .lefttbtmFooterContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.righttbtmFooterContact {
  width: 344px;
}
@media screen and (max-width: 1527px) {
  .righttbtmFooterContact {
    width: 46.23%;
  }
}
@media screen and (max-width: 1527px) {
  .righttbtmFooterContact {
    width: 51.23%;
  }
}
@media screen and (max-width: 767px) {
  .righttbtmFooterContact {
    width: 100%;
    margin: 9.5% 0% 0% 0%;
  }
}

.linksrighttbtmFooterContact {
  text-decoration: none;
  cursor: pointer;
  display: block;
  width: 100%;
}

.arrowFooterContact {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  background: url(../img/arrowFooterContact.svg) no-repeat 95% center;
  background-size: auto 45%;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .arrowFooterContact {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 1527px) {
  .arrowFooterContact {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowFooterContact {
    background: url(../img/arrowFooterContact.svg) no-repeat 96% center;
    background-size: auto 40%;
    height: 16vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowFooterContact {
    font-size: 3.7333333333vw;
  }
}

.txtrighttbtmFooterContact {
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtrighttbtmFooterContact {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 1527px) {
  .txtrighttbtmFooterContact {
    margin: 6.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtrighttbtmFooterContact {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtrighttbtmFooterContact {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  padding-top: 58px;
  padding-bottom: 58px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .footer {
    padding: 3.02% 0% 3.02% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 20.5% 0% 18.93% 0%;
  }
}

.footerFx {
  width: 1200px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .footerFx {
    width: 78.53%;
  }
}
@media screen and (max-width: 1527px) {
  .footerFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .footerFx {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .footerFx {
    display: block;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .footerFx {
    width: 84%;
  }
}

.footerRight {
  border-right: 1px solid #C4A0A2;
  width: 428px;
}
@media screen and (max-width: 1527px) {
  .footerRight {
    width: 35.66%;
  }
}
@media screen and (max-width: 767px) {
  .footerRight {
    width: 100%;
    border-right: none;
  }
}

.logoFooterPc {
  display: block;
  width: 371px;
}
@media screen and (max-width: 1527px) {
  .logoFooterPc {
    width: 86.48%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooterPc {
    width: 313px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .logoFooterPc {
    width: 99.36%;
  }
}
.logoFooterPc img {
  width: 100%;
  height: auto;
  display: block;
}

.txtFooterRight {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtFooterRight {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .txtFooterRight {
    margin: 4.89% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterRight {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 8% 0% 0% 0%;
    font-feature-settings: "palt";
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooterRight {
    font-size: 3.4666666667vw;
  }
}

.txtFooterRightbtm {
  font-weight: 400;
  border-bottom: 1px solid #C4A0A2;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtFooterRightbtm {
    margin: 1.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtFooterRightbtm {
    padding: 0% 0% 4.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterRightbtm {
    margin: 2.4% 0% 0% 0%;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtFooterRightbtm {
    padding: 0% 0% 6.34% 0%;
  }
}

.nameFooterRightBox {
  width: 233px;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .nameFooterRightBox {
    width: 54.31%;
  }
}
@media screen and (max-width: 1527px) {
  .nameFooterRightBox {
    margin: 3.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .nameFooterRightBox {
    width: 66.31%;
  }
}
@media screen and (max-width: 767px) {
  .nameFooterRightBox {
    margin: 3.99% 0% 0% 0%;
    width: 100%;
    justify-content: flex-start;
  }
}

.houselogo {
  width: 37px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .houselogo {
    width: 15.87%;
  }
}
@media screen and (max-width: 1527px) {
  .houselogo {
    margin: 0% 0% 0% 6.43%;
  }
}
@media screen and (max-width: 767px) {
  .houselogo {
    width: 12.03%;
    margin: 0% 7.44% 0% 3%;
  }
}

.nameFooterRight {
  display: block;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 170px;
  margin: 0 0 0 7%;
}
@media screen and (max-width: 1527px) {
  .nameFooterRight {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .nameFooterRight {
    width: 72.96%;
  }
}
@media screen and (max-width: 1527px) {
  .nameFooterRight {
    width: 68%;
  }
}
@media screen and (max-width: 767px) {
  .nameFooterRight {
    letter-spacing: 0em;
    text-indent: 0em;
    width: 170px;
    transform: translate(0, -1vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameFooterRight {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .nameFooterRight {
    width: 53.96%;
  }
}

.footerLeft {
  width: 716px;
}
@media screen and (max-width: 1527px) {
  .footerLeft {
    width: 59.66%;
  }
}
@media screen and (max-width: 767px) {
  .footerLeft {
    width: 100%;
    margin: 10.5% 0% 0% 0%;
  }
}

.navFooter {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.ulFooter {
  width: 179px;
}
@media screen and (max-width: 1527px) {
  .ulFooter {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .ulFooter {
    width: 157px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .ulFooter {
    width: 49.84%;
  }
}

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

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

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

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

.liFooter {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liFooter {
    padding: 5.58% 0% 6.14% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFooter {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liFooter {
    padding: 7% 0% 7% 0%;
  }
}

.linksFooter {
  display: block;
  text-decoration: none;
  width: 100%;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .linksFooter {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 767px) {
  .linksFooter {
    letter-spacing: 0em;
    text-indent: 0em;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linksFooter {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .linksFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .linksFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.footerRightBottom {
  align-items: center;
  width: 100%;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .footerRightBottom {
    margin: 5.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .footerRightBottom {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .footerRightBottom {
    display: block;
    margin: 18.1% 0% 0% 0%;
  }
}

.snsFooter {
  width: 303px;
}
@media screen and (max-width: 1527px) {
  .snsFooter {
    width: 42.31%;
  }
}
@media screen and (max-width: 767px) {
  .snsFooter {
    width: 68.5%;
  }
}

.lisnsFooter {
  width: 105px;
}
@media screen and (max-width: 1527px) {
  .lisnsFooter {
    width: 37.1%;
  }
}
@media screen and (max-width: 1527px) {
  .lisnsFooter {
    min-width: 105px;
  }
}
@media screen and (max-width: 767px) {
  .lisnsFooter {
    width: 46px;
    min-width: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lisnsFooter {
    width: 25.84%;
  }
}

.linksnsFooter {
  display: block;
  font-weight: 300;
  font-size: 9px;
  letter-spacing: 0em;
  text-indent: 0em;
  text-decoration: none;
}
@media screen and (max-width: 1527px) {
  .linksnsFooter {
    font-size: 0.5893909627vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linksnsFooter {
    font-size: 2.6666666667vw;
  }
}
.linksnsFooter .on {
  display: none;
}
.linksnsFooter .off {
  display: block;
}

.linksnsFooter:hover .on {
  display: block;
}
.linksnsFooter:hover .off {
  display: none;
}

.bgIcnSnsFooter {
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 29px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bgIcnSnsFooter {
    padding: 2.12% 0% 1.41% 10.24%;
  }
}
@media screen and (max-width: 1527px) {
  .bgIcnSnsFooter {
    padding: 1% 0% 1% 16.24%;
  }
}
@media screen and (max-width: 767px) {
  .bgIcnSnsFooter {
    padding: 74.86% 0% 21.73% 0%;
  }
}

.bgIcnSnsFooter01 {
  background: url(../img/bgIcnSnsFooter01.svg) no-repeat left center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgIcnSnsFooter01 {
    background: url(../img/bgIcnSnsFooter01.svg) no-repeat center 8%;
    background-size: auto 42%;
  }
}

.bgIcnSnsFooter02 {
  background: url(../img/bgIcnSnsFooter02.svg) no-repeat left center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgIcnSnsFooter02 {
    background: url(../img/bgIcnSnsFooter02.svg) no-repeat center 8%;
    background-size: auto 42%;
  }
}

.bgIcnSnsFooter03 {
  background: url(../img/bgIcnSnsFooter03.svg) no-repeat left center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgIcnSnsFooter03 {
    background: url(../img/bgIcnSnsFooter03.svg) no-repeat center 8%;
    background-size: auto 42%;
  }
}

.copy {
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin: 3px 0 0 0;
}
@media screen and (max-width: 1527px) {
  .copy {
    font-size: 0.7203667322vw;
  }
}
@media screen and (max-width: 1527px) {
  .copy {
    margin: 2% 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .copy {
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copy {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .copy {
    margin: 10.6% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgfooterModelHouse {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/bgfooterModelHousePc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 1527px) {
  .bgfooterModelHouse {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgfooterModelHouse {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/bgfooterModelHouseSp.jpg) no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .bgfooterModelHouse {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footerModelHouse {
  padding-top: 84px;
  padding-bottom: 81px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .footerModelHouse {
    padding: 4.37% 0% 4.21% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footerModelHouse {
    padding: 17% 0% 0% 0%;
  }
}

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

.h2footerModelHouse {
  font-size: 28px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1527px) {
  .h2footerModelHouse {
    font-size: 1.8336607728vw;
  }
}
@media screen and (max-width: 767px) {
  .h2footerModelHouse {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2footerModelHouse {
    font-size: 6.9333333333vw;
  }
}

.footerModelHouseLxn {
  margin-top: 168px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .footerModelHouseLxn {
    margin-top: 14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .footerModelHouseLxn {
    padding: 0% 0% 4% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footerModelHouseLxn {
    background: unset;
    margin-top: 140px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 0% 16.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .footerModelHouseLxn {
    margin-top: 37.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.bxSliderfooterModelHouseWap {
  position: relative;
  width: 1092px;
  margin: auto;
  transform: translate(0px, -115px);
  aspect-ratio: 1092/400;
}
@media screen and (max-width: 1527px) {
  .bxSliderfooterModelHouseWap {
    width: 91%;
  }
}
@media screen and (max-width: 1527px) {
  .bxSliderfooterModelHouseWap {
    transform: translate(0px, -8vw);
  }
}
@media screen and (max-width: 767px) {
  .bxSliderfooterModelHouseWap {
    transform: translate(0px, -28.5vw);
    width: 100%;
    margin: auto;
    aspect-ratio: auto;
  }
}

.bxSliderfooterModelHouseWap .bx-wrapper {
  margin: auto;
}

@media screen and (max-width: 767px) {
  .bxSliderfooterModelHouseWap .bx-viewport {
    max-height: 91.5vw;
  }
}

.bxSliderfooterModelHouse {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  width: 716px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .bxSliderfooterModelHouse {
    width: 59.66%;
  }
}
@media screen and (max-width: 1527px) {
  .bxSliderfooterModelHouse {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bxSliderfooterModelHouse {
    display: block;
    width: 287px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .bxSliderfooterModelHouse {
    width: 76.53%;
  }
}

.liSliderIndexModelHouse {
  width: 340px;
}
@media screen and (max-width: 1527px) {
  .liSliderIndexModelHouse {
    width: 31.13%;
  }
}
@media screen and (max-width: 767px) {
  .liSliderIndexModelHouse {
    width: 100%;
  }
}

.photoSliderfooterModelHouse {
  width: 100%;
}

.h2SliderfooterModelHouse {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h2SliderfooterModelHouse {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .h2SliderfooterModelHouse {
    margin: 7.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2SliderfooterModelHouse {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 8.34% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SliderfooterModelHouse {
    font-size: 3.4666666667vw;
  }
}

.h3SliderfooterModelHouse {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h3SliderfooterModelHouse {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 1527px) {
  .h3SliderfooterModelHouse {
    margin: 2.94% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3SliderfooterModelHouse {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 3.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SliderfooterModelHouse {
    font-size: 5.3333333333vw;
  }
}

.txtSliderfooterModelHouse {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 320px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtSliderfooterModelHouse {
    font-size: 0.8513425016vw;
  }
}
.txtSliderfooterModelHouse::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtSliderfooterModelHouse::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtSliderfooterModelHouse {
    width: 94.11%;
  }
}
@media screen and (max-width: 1527px) {
  .txtSliderfooterModelHouse {
    margin-top: 8.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtSliderfooterModelHouse {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.82% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSliderfooterModelHouse {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSliderfooterModelHouse::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtSliderfooterModelHouse::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.footerModelHouseArchivesBtm {
  width: 540px;
  margin-top: -74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .footerModelHouseArchivesBtm {
    width: 45%;
  }
}
@media screen and (max-width: 1527px) {
  .footerModelHouseArchivesBtm {
    margin-top: -6.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .footerModelHouseArchivesBtm {
    width: 540px;
    margin-top: -60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .footerModelHouseArchivesBtm {
    width: 45%;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .footerModelHouseArchivesBtm {
    margin-top: -5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerModelHouseArchivesBtm {
    width: 315px;
    margin-top: -19.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .footerModelHouseArchivesBtm {
    width: 84%;
  }
}

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

.footerModelHouseArchivesBox {
  display: block;
  width: 100%;
}
.footerModelHouseArchivesBox:hover {
  opacity: 0.85;
}

.iconfooterModelHouseArchives {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 100%;
  background: url(../img/index/iconIndexModelHouseArchives.svg) no-repeat 95.5% center;
  background-size: auto 35%;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .iconfooterModelHouseArchives {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .iconfooterModelHouseArchives {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .iconfooterModelHouseArchives {
    background: url(../img/index/iconIndexModelHouseArchives.svg) no-repeat 96.5% center;
    height: 19.7666666667vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconfooterModelHouseArchives {
    font-size: 3.7333333333vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.fixedNavCntBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  z-index: 999;
  display: none;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexFv {
  border-top: 1px solid #ccc;
}

.indexFxFx {
  display: flex;
}
@media screen and (max-width: 767px) {
  .indexFxFx {
    background: unset;
  }
}

.sliderWapIndexFx {
  position: relative;
  width: 74.3229166667%;
  margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  .sliderWapIndexFx {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .sliderWapIndexFx {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .sliderWapIndexFx .swiper-slide {
    width: 100%;
    margin: 0;
    height: 116.2666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .sliderWapIndexFx .swiper-button-next {
    right: 21px;
    left: unset;
    bottom: 3px;
  }
}

@media screen and (max-width: 767px) {
  .sliderWapIndexFx .swiper-button-prev {
    right: 70px;
    left: unset;
    bottom: 3px;
  }
}

.mainPhotoSlickSlider {
  aspect-ratio: 943/660;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mainPhotoSlickSlider {
    aspect-ratio: 375/436;
  }
}
.mainPhotoSlickSlider img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: auto;
  width: 100%;
  height: auto;
  margin: auto;
  object-fit: cover;
}

/* ==========================================================================
矢印カスタマイズ
========================================================================== */
.swiper-button-prev {
  left: 0;
  right: unset;
  top: unset;
  bottom: 0;
}

.swiper-button-next {
  right: unset;
  left: 49px;
  top: unset;
  bottom: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  aspect-ratio: 48/48;
  height: 48px;
  width: 48px;
}

.swiper-button-prev::after {
  background: url(../img/index/swiperTopBtnPrev.svg) no-repeat left bottom;
  background-size: auto 100%;
}
.swiper-button-next::after {
  background: url(../img/index/swiperTopBtnNext.svg) no-repeat left bottom;
  background-size: auto 100%;
}

/* ==========================================================================
左側背景と文字部分
========================================================================== */
.bgIndexCnrFx {
  padding: 5.4166666667vw 0vw 0vw 0vw;
  background: url(../img/index/bgIndexCnrFxPc.jpg) no-repeat left bottom;
  background-size: cover;
  width: 25.6712%;
}
@media screen and (max-width: 767px) {
  .bgIndexCnrFx {
    background: url(../img/index/bgIndexCnrFxSp.jpg);
    background-size: auto 100%;
    padding: 5.33% 0% 5.03% 0%;
    width: 100%;
  }
}

.photoIndexFxFx {
  width: 248px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 4.2%;
}
@media screen and (max-width: 1527px) {
  .photoIndexFxFx {
    width: 50.1%;
  }
}
@media screen and (max-width: 767px) {
  .photoIndexFxFx {
    width: 164.19px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photoIndexFxFx {
    width: 43.78%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) and (max-width: 1527px) {
  .photoIndexFxFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 5.33%;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.underPagesGNavs {
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .underPagesGNavs {
    border-bottom: none;
  }
}

.underBody .navUnderPagesGNavs {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .underBody .navUnderPagesGNavs {
    border-top: none;
  }
}

.navUnderPagesGNavsFixed {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .navUnderPagesGNavsFixed {
    border-top: none;
  }
}

.underPagesGNavsWap {
  position: relative;
  width: 992px;
}
@media screen and (max-width: 1527px) {
  .underPagesGNavsWap {
    width: 64.92%;
  }
}
@media screen and (max-width: 1700px) {
  .underPagesGNavsWap {
    width: 70%;
  }
}

.brdUnderPagesGNavs {
  background: #1A222D;
  height: 2px;
  width: 200px;
  position: absolute;
  bottom: -3px;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .brdUnderPagesGNavs {
    display: none;
  }
}

.ulUnderPagesGNavs {
  display: flex;
}

.btmUnderPagesGNavs {
  padding-top: 32px;
  padding-bottom: 28px;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #1A222D;
  font-size: 14px;
  line-height: 0.6363636364;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .btmUnderPagesGNavs {
    padding: 3.22% 0% 2.82% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .btmUnderPagesGNavs {
    font-size: 0.9168303864vw;
  }
}
.btmUnderPagesGNavs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.6363636364) * 0.5em);
  content: "";
}
.btmUnderPagesGNavs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.6363636364) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmUnderPagesGNavs {
    padding: 2vw 0% 1.5vw 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmUnderPagesGNavs {
    display: none;
  }
}

.iconBtmUnderPagesGNavs.off {
  background: url(../img/iconBtmUnderPagesGNavsOff.svg) no-repeat center center;
  background-size: auto 100%;
}

.iconBtmUnderPagesGNavs.on {
  background: url(../img/iconBtmUnderPagesGNavsOff.svg) no-repeat center center;
  background-size: auto 100%;
}

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

/* ==========================================================================
上部お知らせ
========================================================================== */
.indexImportantNewsFx {
  padding-top: 25px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
  width: 700px;
  cursor: pointer;
  margin: 0 auto;
  background: #FAFAFA;
  border: 1px solid #DBDBDB;
}
@media screen and (max-width: 1527px) {
  .indexImportantNewsFx {
    padding: 1.63% 0% 1.5% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .indexImportantNewsFx {
    width: 45.81%;
  }
}
@media screen and (max-width: 767px) {
  .indexImportantNewsFx {
    padding: 5% 0% 4.77% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexImportantNewsFx {
    width: 89.33%;
  }
}

.indexImportantNewsFxCnt {
  display: flex;
  background: #FAFAFA;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .indexImportantNewsFxCnt {
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexImportantNewsFxCnt {
    width: 89.55%;
  }
}

.iconIndexImportantNews {
  width: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 20px;
}
@media screen and (max-width: 1527px) {
  .iconIndexImportantNews {
    width: 5.7%;
  }
}
@media screen and (max-width: 1527px) {
  .iconIndexImportantNews {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 4.75%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexImportantNews {
    width: 24px;
    margin: 0% 4.17% 0% 0%;
    transform: translate(1vw, 0px);
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconIndexImportantNews {
    width: 8.27%;
  }
}
.iconIndexImportantNews img {
  width: 100%;
  height: auto;
  margin: auto;
}

.secIndexImportantNews {
  width: 377px;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto 0 0;
}
@media screen and (max-width: 1527px) {
  .secIndexImportantNews {
    width: 89.54%;
  }
}
@media screen and (max-width: 1527px) {
  .secIndexImportantNews {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexImportantNews {
    width: 84.5%;
    margin: 0 0 0 auto;
  }
}

.h2IndexImportantNews {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 13px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .h2IndexImportantNews {
    margin: 0% 3.08% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h2IndexImportantNews {
    font-size: 0.9168303864vw;
  }
}
.h2IndexImportantNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.h2IndexImportantNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexImportantNews {
    line-height: 1.6153846154;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexImportantNews {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexImportantNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h2IndexImportantNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtIndexImportantNews {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNews {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNews {
    font-size: 0.9168303864vw;
  }
}
.txtIndexImportantNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtIndexImportantNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNews {
    margin: 3.7% 0% 0% 0%;
    line-height: 1.6923076923;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexImportantNews {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtIndexImportantNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
下部お知らせライトボックス
========================================================================== */
.bgIndexImportantNews {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
  display: none;
  cursor: pointer;
}

.lightIndexImportantNewsWap {
  width: 800px;
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: auto;
  border: 1px solid #BEBEBE;
  background: #FFF;
  padding-top: 43px;
  padding-bottom: 43px;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 9999;
}
@media screen and (max-width: 1527px) {
  .lightIndexImportantNewsWap {
    padding: 2.23% 1.56% 2.23% 1.56%;
  }
}
@media screen and (max-width: 800px) {
  .lightIndexImportantNewsWap {
    width: 335px;
  }
}
@media screen and (max-width: 800px) and (max-width: 1527px) {
  .lightIndexImportantNewsWap {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) {
  .lightIndexImportantNewsWap {
    overflow: auto;
    height: 92vh;
    width: 335px;
    padding: 11.5% 5.3% 9.5% 5.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lightIndexImportantNewsWap {
    width: 89.33%;
  }
}

.titleIndexImportantNews {
  align-items: center;
  width: 380px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .titleIndexImportantNews {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .titleIndexImportantNews {
    width: 100%;
  }
}

.lightIndexImportantNewsWap .h2IndexImportantNews {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .lightIndexImportantNewsWap .h2IndexImportantNews {
    font-size: 0.9168303864vw;
  }
}
.lightIndexImportantNewsWap .h2IndexImportantNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.lightIndexImportantNewsWap .h2IndexImportantNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .lightIndexImportantNewsWap .h2IndexImportantNews {
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .lightIndexImportantNewsWap .h2IndexImportantNews {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .lightIndexImportantNewsWap .h2IndexImportantNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .lightIndexImportantNewsWap .h2IndexImportantNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}
.lightIndexImportantNewsWap .txtIndexImportantNews {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .lightIndexImportantNewsWap .txtIndexImportantNews {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .lightIndexImportantNewsWap .txtIndexImportantNews {
    font-size: 0.9168303864vw;
  }
}
.lightIndexImportantNewsWap .txtIndexImportantNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.lightIndexImportantNewsWap .txtIndexImportantNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .lightIndexImportantNewsWap .txtIndexImportantNews {
    margin: 12.6% 0% 0% 0%;
    line-height: 1.5833333333;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .lightIndexImportantNewsWap .txtIndexImportantNews {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .lightIndexImportantNewsWap .txtIndexImportantNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .lightIndexImportantNewsWap .txtIndexImportantNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtIndexImportantNews.txtIndexImportantNews01 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 70%;
  text-align: center;
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNews.txtIndexImportantNews01 {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNews.txtIndexImportantNews01 {
    letter-spacing: 0.035em;
    text-indent: -0.035em;
    width: 100%;
    margin-top: 2.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexImportantNews.txtIndexImportantNews01 {
    font-size: 3.7333333333vw;
  }
}

.txtIndexImportantNews02 {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNews02 {
    margin-top: 5.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNews02 {
    margin-top: 12.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.pointIndexImportantNews {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .pointIndexImportantNews {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pointIndexImportantNews {
    margin-top: 8.2%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}

.liPointIndexImportantNewsMain {
  width: 230px;
  padding-top: 17px;
  padding-bottom: 18px;
  padding-left: 14px;
  padding-right: 14px;
  border: 1px solid #DBDBDB;
}
@media screen and (max-width: 1527px) {
  .liPointIndexImportantNewsMain {
    width: 28.75%;
  }
}
@media screen and (max-width: 1527px) {
  .liPointIndexImportantNewsMain {
    padding: 2.12% 1.75% 2.25% 1.75%;
  }
}
@media screen and (max-width: 767px) {
  .liPointIndexImportantNewsMain {
    width: 100%;
    padding: 6.4% 3.87% 5.9% 3.87%;
  }
}

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

.txtPointIndexImportantNewsMain {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .txtPointIndexImportantNewsMain {
    font-size: 0.9168303864vw;
  }
}
.txtPointIndexImportantNewsMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtPointIndexImportantNewsMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPointIndexImportantNewsMain {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointIndexImportantNewsMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointIndexImportantNewsMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtPointIndexImportantNewsMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtIndexImportantNewsMiddle {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNewsMiddle {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNewsMiddle {
    font-size: 0.9168303864vw;
  }
}
.txtIndexImportantNewsMiddle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtIndexImportantNewsMiddle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNewsMiddle {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexImportantNewsMiddle {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNewsMiddle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtIndexImportantNewsMiddle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtIndexImportantNewsBtm {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.5714285714;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNewsBtm {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtIndexImportantNewsBtm {
    font-size: 0.9168303864vw;
  }
}
.txtIndexImportantNewsBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtIndexImportantNewsBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNewsBtm {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexImportantNewsBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexImportantNewsBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtIndexImportantNewsBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
.txtIndexImportantNewsBtm a {
  color: #0D44AE;
}

/* ==========================================================================
231019 バナー追加分
========================================================================== */
.indexAdd2310Bun {
  margin-top: 107px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexAdd2310Bun {
    margin-top: 5.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexAdd2310Bun {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexAdd2310Bun {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmIndexAdd2310Bun {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .btmIndexAdd2310Bun {
    width: 960px;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .btmIndexAdd2310Bun {
    width: 62.82%;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexAdd2310Bun {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmIndexAdd2310Bun {
    width: 89.33%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexOneNewsWap {
  width: 700px;
}
@media screen and (max-width: 1527px) {
  .indexOneNewsWap {
    width: 45.81%;
  }
}
@media screen and (max-width: 767px) {
  .indexOneNewsWap {
    padding: 4.6% 0% 2.86% 0%;
    width: 90.33%;
  }
}

.btmIndexOneNews {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 12px;
  padding-right: 0px;
  margin: 0 auto;
  border-bottom: 1px solid #DBDBDB;
  background: url(../img/index/bgBtmIndexOneNews.svg) no-repeat center right;
}
@media screen and (max-width: 1527px) {
  .btmIndexOneNews {
    padding: 4.57% 0% 4.57% 1.71%;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexOneNews {
    justify-content: space-between;
    padding: 1.8% 0% 7.15% 0.78%;
  }
}

.timeIndexOneNews {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  width: 65px;
  font-size: 12px;
  line-height: 1.4166666667;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #A09F9D;
}
@media screen and (max-width: 1527px) {
  .timeIndexOneNews {
    margin: 0% 2.85% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .timeIndexOneNews {
    width: 9.28%;
  }
}
@media screen and (max-width: 1527px) {
  .timeIndexOneNews {
    font-size: 0.7858546169vw;
  }
}
.timeIndexOneNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4166666667) * 0.5em);
  content: "";
}
.timeIndexOneNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4166666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .timeIndexOneNews {
    width: 16.28%;
  }
}
@media screen and (max-width: 767px) {
  .timeIndexOneNews {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 335px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .timeIndexOneNews {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .timeIndexOneNews {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeIndexOneNews {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .timeIndexOneNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  .timeIndexOneNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}

.h3IndexOneNews {
  width: 391px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3IndexOneNews {
    width: 55.85%;
  }
}
@media screen and (max-width: 1527px) {
  .h3IndexOneNews {
    font-size: 0.9168303864vw;
  }
}
.h3IndexOneNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.h3IndexOneNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3IndexOneNews {
    margin: 2.4% 0% 0% 0%;
    width: 92%;
    line-height: 1.4615384615;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexOneNews {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexOneNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h3IndexOneNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

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

.secIndexConcept {
  width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .secIndexConcept {
    width: 57.59%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexConcept {
    width: 335px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secIndexConcept {
    width: 89.33%;
  }
}

.h2IndexConcept {
  font-size: 26px;
  line-height: 1.3461538462;
  letter-spacing: 0.14em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .h2IndexConcept {
    font-size: 1.7026850033vw;
  }
}
.h2IndexConcept::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3461538462) * 0.5em);
  content: "";
}
.h2IndexConcept::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3461538462) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexConcept {
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexConcept {
    font-size: 6.9333333333vw;
  }
}

.indexConceptFx {
  flex-flow: row wrap;
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexConceptFx {
    margin: 5.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexConceptFx {
    margin: 11.5% 0% 0% 0%;
  }
}

.h3IndexConcept {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  width: 192px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h3IndexConcept {
    font-size: 1.3097576948vw;
  }
}
.h3IndexConcept::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
  content: "";
}
.h3IndexConcept::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h3IndexConcept {
    width: 21.81%;
  }
}
@media screen and (max-width: 1527px) {
  .h3IndexConcept {
    margin: 0.34% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexConcept {
    line-height: 1.625;
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexConcept {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexConcept::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h3IndexConcept::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtIndexConcept {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  width: 640px;
}
@media screen and (max-width: 1527px) {
  .txtIndexConcept {
    font-size: 0.9168303864vw;
  }
}
.txtIndexConcept::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtIndexConcept::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtIndexConcept {
    width: 72.72%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexConcept {
    line-height: 1.6153846154;
    width: 100%;
    margin: 11.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexConcept {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexConcept::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtIndexConcept::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.indexChoseUs {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
@media screen and (max-width: 1527px) {
  .indexChoseUs {
    margin-top: 4.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .indexChoseUs {
    width: 62.82%;
  }
}
@media screen and (max-width: 767px) {
  .indexChoseUs {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.indexChoseUsCnt {
  padding-top: 56px;
  padding-bottom: 55px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/index/bgIndexChoseUsPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 1527px) {
  .indexChoseUsCnt {
    padding: 5.83% 0% 5.72% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexChoseUsCnt {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
    background: url(../img/index/bgIndexChoseUsSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexChoseUsCnt {
    padding: 10.66% 0% 10.66% 0%;
  }
}

.btmIndexChoseUsWap {
  border: 1px solid #FFF;
  margin: 0 auto;
  width: 480px;
}
@media screen and (max-width: 1527px) {
  .btmIndexChoseUsWap {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexChoseUsWap {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmIndexChoseUsWap {
    width: 84%;
  }
}

.btmIndexChoseUs {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 94px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #FFF;
  background: #1A222D;
}
@media screen and (max-width: 1527px) {
  .btmIndexChoseUs {
    font-size: 0.9823182711vw;
  }
}
.btmIndexChoseUs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btmIndexChoseUs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmIndexChoseUs {
    height: 6.2827225131vw;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexChoseUs {
    line-height: 1.5714285714;
    height: 19.7666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmIndexChoseUs {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexChoseUs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .btmIndexChoseUs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.iconArrowIndexChoseUs {
  background: url(../img/index/iconArrowIndexChoseUs.svg) no-repeat 93.5% center;
  background-size: auto 100%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .iconArrowIndexChoseUs {
    background: url(../img/index/iconArrowIndexChoseUs.svg) no-repeat 97% center;
    background-size: auto 100%;
  }
}

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

.indexEvent {
  width: 100%;
}

/* ==========================================================================
スライダー
========================================================================== */
.sliderIndexEvent {
  width: 44.27%;
}
@media screen and (max-width: 767px) {
  .sliderIndexEvent {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .sliderIndexEvent .bx-viewport {
    height: 94.1333333333vw !important;
  }
}

.mainEventPhotoSlickSlider {
  aspect-ratio: 850/800;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mainEventPhotoSlickSlider {
    aspect-ratio: 375/353;
  }
}
.mainEventPhotoSlickSlider img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  height: auto;
  width: 100%;
  margin: auto;
  object-fit: cover;
}

/* ==========================================================================
イベント側
========================================================================== */
.indexEventMain {
  width: 55.72%;
  padding: 3.585417vw 0vw 0vw 4.7495833333vw;
}
@media screen and (max-width: 1400px) {
  .indexEventMain {
    padding: 1.5625vw 0vw 1.5625vw 1.5625vw;
  }
}
@media screen and (max-width: 900px) {
  .indexEventMain {
    padding: 3.3854166667vw 0vw 3.3854166667vw 4.7395833333vw;
  }
}
@media screen and (max-width: 767px) {
  .indexEventMain {
    width: 100%;
    padding: 0;
    padding: 9.25% 0% 16.3% 0%;
  }
}

.bgindexEventMain {
  background: url("../img/index/bgindexEventMainPc.jpg") no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgindexEventMain {
    background: url("../img/index/bgindexEventMainSp.jpg") no-repeat top center;
    background-size: cover;
  }
}

.secIndexEventMain {
  width: 619px;
}
@media screen and (max-width: 1600px) {
  .secIndexEventMain {
    width: 80%;
  }
}
@media screen and (max-width: 1000px) {
  .secIndexEventMain {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexEventMain {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secIndexEventMain {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secIndexEventMain {
    width: 84%;
  }
}

/* ==========================================================================
イベント側タイトル
========================================================================== */
.h2IndexEventMain {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1527px) {
  .h2IndexEventMain {
    font-size: 1.8336607728vw;
  }
}
.h2IndexEventMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexEventMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexEventMain {
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexEventMain {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexEventMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexEventMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.listIndexEvent {
  margin: 0.5208333333vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .listIndexEvent {
    margin: 8.7vw 0vw 0vw 0vw;
  }
}

.liListIndexEvent {
  margin: 2.2625vw 0vw 0vw 0vw;
}
@media screen and (max-width: 1600px) {
  .liListIndexEvent {
    margin: 1.2625vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .liListIndexEvent {
    margin: 0vw 0vw 0vw 0vw;
  }
}

.liListIndexEvent:nth-child(n+2) {
  margin: 1.5725vw 0vw 0vw 0vw;
}
@media screen and (max-width: 1600px) {
  .liListIndexEvent:nth-child(n+2) {
    margin: 1.2625vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .liListIndexEvent:nth-child(n+2) {
    margin: 0vw 0vw 0vw 0vw;
  }
}

.btmListIndexEvent {
  width: 100%;
}

/* ==========================================================================
ループ内の設定(ページャー)
========================================================================== */
.indexEvent .bx-wrapper .bx-pager {
  text-align: right;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.indexEvent .bx-wrapper .bx-pager.bx-default-pager a {
  background: #FFFFFF;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 1px;
  margin: 0 3px;
  outline: 0;
  border-radius: 5px;
}

.indexEvent .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 0.5vw;
  width: 100%;
  right: 0.75%;
}
@media screen and (max-width: 767px) {
  .indexEvent .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    bottom: 2.75%;
    width: 100%;
    right: 1.75%;
  }
}

/* ==========================================================================
ループ内の設定
========================================================================== */
.thumbsListIndexEvent {
  width: 242px;
  position: relative;
  aspect-ratio: 242/120;
  overflow: hidden;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  border: 1px solid #fff;
}
@media screen and (max-width: 1527px) {
  .thumbsListIndexEvent {
    width: 39.09%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsListIndexEvent {
    width: 287px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsListIndexEvent {
    width: 91.11%;
  }
}
.thumbsListIndexEvent img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.thumbsListIndexEvent .txtThumbsEventLoop {
  border-radius: 3px 0 0px 0;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 5px;
  height: 25px;
  font-size: 10px;
  line-height: 2.1;
}
@media screen and (max-width: 1527px) {
  .thumbsListIndexEvent .txtThumbsEventLoop {
    padding: 0% 1.3% 0% 1.04%;
  }
}
@media screen and (max-width: 1527px) {
  .thumbsListIndexEvent .txtThumbsEventLoop {
    font-size: 0.6548788474vw;
  }
}
.thumbsListIndexEvent .txtThumbsEventLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1) * 0.5em);
  content: "";
}
.thumbsListIndexEvent .txtThumbsEventLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .thumbsListIndexEvent .txtThumbsEventLoop {
    height: 1.6361256545vw;
  }
}
@media screen and (max-width: 767px) {
  .thumbsListIndexEvent .txtThumbsEventLoop {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 14px;
    padding-right: 14px;
    height: 6.6666666667vw;
    line-height: 1.6363636364;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsListIndexEvent .txtThumbsEventLoop {
    padding: 0% 4.44% 0% 4.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thumbsListIndexEvent .txtThumbsEventLoop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thumbsListIndexEvent .txtThumbsEventLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .thumbsListIndexEvent .txtThumbsEventLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

.secListIndexEvent {
  width: 352px;
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secListIndexEvent {
    width: 56.86%;
  }
}
@media screen and (max-width: 1527px) {
  .secListIndexEvent {
    margin: -0.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secListIndexEvent {
    margin: 2.17% auto 0% auto;
    width: 91%;
  }
}

.timeListIndexEvent {
  font-weight: 600;
  font-size: 10px;
}
@media screen and (max-width: 1527px) {
  .timeListIndexEvent {
    font-size: 0.6548788474vw;
  }
}
@media screen and (max-width: 767px) {
  .timeListIndexEvent {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeListIndexEvent {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .timeListIndexEvent {
    margin: 3.17% 0% 0% 0%;
  }
}

.h3ListIndexEventIndex {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .h3ListIndexEventIndex {
    margin: 2.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3ListIndexEventIndex {
    font-size: 0.9823182711vw;
  }
}
.h3ListIndexEventIndex::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3ListIndexEventIndex::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ListIndexEventIndex {
    line-height: 1.6;
    margin: 3.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ListIndexEventIndex {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ListIndexEventIndex::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3ListIndexEventIndex::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.tableListIndexEvent {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  font-size: 12px;
  line-height: 1;
}
@media screen and (max-width: 1527px) {
  .tableListIndexEvent {
    margin: 4.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tableListIndexEvent {
    font-size: 0.7858546169vw;
  }
}
.tableListIndexEvent::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.tableListIndexEvent::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tableListIndexEvent {
    line-height: 1.5833333333;
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tableListIndexEvent {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tableListIndexEvent::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .tableListIndexEvent::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.thListIndexEvent {
  width: 35px;
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .thListIndexEvent {
    width: 11.11%;
  }
}
@media screen and (max-width: 1527px) {
  .thListIndexEvent {
    padding: 0.63% 0% 1.58% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thListIndexEvent {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 12.15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thListIndexEvent {
    padding: 0% 0% 0% 0%;
  }
}

.tdListIndexEvent {
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 309px;
}
@media screen and (max-width: 1527px) {
  .tdListIndexEvent {
    padding: 0.63% 0% 1.58% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tdListIndexEvent {
    width: 98.09%;
  }
}
@media screen and (max-width: 767px) {
  .tdListIndexEvent {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 309px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdListIndexEvent {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdListIndexEvent {
    width: 98.09%;
  }
}

/* ==========================================================================
ボタン
========================================================================== */
.btmIndexEventMainWap {
  margin: 3.6458333333vw 0vw 0vw 0vw;
}
@media screen and (max-width: 1550px) {
  .btmIndexEventMainWap {
    margin: 1.8229166667vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexEventMainWap {
    margin: 12.133333vw 0vw 0vw 0vw;
  }
}

.btmIndexEventMain {
  height: 3.6458333333vw;
  font-size: 15px;
  line-height: 1;
}
@media screen and (max-width: 1527px) {
  .btmIndexEventMain {
    font-size: 0.9823182711vw;
  }
}
.btmIndexEventMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btmIndexEventMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmIndexEventMain {
    height: 3.6458333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexEventMain {
    line-height: 1;
    height: 19.666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmIndexEventMain {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmIndexEventMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btmIndexEventMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.iconArrowIndexEventMain {
  width: 98%;
  background: url("../img/iconArrowIndexEventMain.svg") no-repeat 97.5% center;
  background-size: auto 100%;
  display: block;
  margin: auto;
  text-align: center;
  padding: 4px 0 4px 0;
}
@media screen and (max-width: 767px) {
  .iconArrowIndexEventMain {
    width: 90%;
    background: url("../img/iconArrowIndexEventMain.svg") no-repeat 102% center;
    background-size: auto 6.4vw;
  }
}

/* ==========================================================================
スマホ時のページャー
========================================================================== */
.indexEvent .listIndexEventSp .bx-viewport {
  height: 90.333333vw !important;
}

.indexEvent .listIndexEventSp .bx-wrapper .bx-controls-direction a {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  top: 22vw;
  margin: 0;
}

.indexEvent .listIndexEventSp .bx-wrapper .bx-prev {
  background: url(../img/bx-prev.svg) no-repeat 0 0px;
  background-size: cover;
  left: -3%;
}

.indexEvent .listIndexEventSp .bx-wrapper .bx-next {
  right: -3%;
  background: url(../img/bx-next.svg) no-repeat 0 0px;
  background-size: cover;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexWaorks {
  padding-top: 159px;
  padding-bottom: 195px;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1527px) {
  .indexWaorks {
    padding: 8.28% 0% 10.15% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexWaorks {
    padding: 17% 0% 16.26% 0%;
    background: #FFF;
  }
}

.bgIndexWaorks {
  width: 657px;
  position: absolute;
  height: 100%;
  left: 65.78125%;
  top: 0;
}
@media screen and (max-width: 767px) {
  .bgIndexWaorks {
    width: 78.8405797101%;
    left: 27.555072%;
  }
}

.h2IndexWaorks {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1527px) {
  .h2IndexWaorks {
    font-size: 1.8336607728vw;
  }
}
.h2IndexWaorks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexWaorks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexWaorks {
    line-height: 1;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexWaorks {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexWaorks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexWaorks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
スライダー外側
========================================================================== */
.indexWaorksCnt {
  width: 1160px;
  margin: auto;
  position: relative;
  left: 0;
}
@media screen and (max-width: 1527px) {
  .indexWaorksCnt {
    width: 75.91%;
  }
}
@media screen and (max-width: 767px) {
  .indexWaorksCnt {
    width: 315px;
    margin: auto;
    position: relative;
    left: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexWaorksCnt {
    width: 84%;
  }
}

.swipperWaorksWap {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
}
@media screen and (max-width: 1527px) {
  .swipperWaorksWap {
    margin: 2.23% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .swipperWaorksWap {
    margin: 11% 0% 0% 0%;
  }
}
.swipperWaorksWap::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  transform: translate(-100%, 0px);
  top: 0;
  z-index: 9;
  background: #FFF;
}

/* ==========================================================================
写真の設定
========================================================================== */
.indexWaorksThubsWap {
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}

.thumbsIndexWaorks img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}

/* ==========================================================================
写真の中の設定
========================================================================== */
.btmIndexWaorksInThumbsFx {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
}

.btmIndexWaorksInThumbsWap {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .btmIndexWaorksInThumbsWap {
    width: 200px;
  }
}

.arrowIndexWaorksInThumbs {
  width: 18px;
}
@media screen and (max-width: 767px) {
  .arrowIndexWaorksInThumbs {
    width: 18px;
  }
}

.txtIndexWaorksInThumbs {
  font-size: 12px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .txtIndexWaorksInThumbs {
    font-size: 12px;
    font-weight: 600;
  }
}

.tabIndexWaorksInThumbs {
  width: 18px;
}
@media screen and (max-width: 767px) {
  .tabIndexWaorksInThumbs {
    width: 18px;
  }
}

.btmArrowIndexWaorksInThumbs {
  width: 38px;
  margin: 0 0 0 5px;
}
@media screen and (max-width: 767px) {
  .btmArrowIndexWaorksInThumbs {
    width: 38px;
    margin: 0 0 0 5px;
  }
}

/* ==========================================================================
タイトルなどの設定
========================================================================== */
.h3IndexWaorks {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3IndexWaorks {
    margin: 7.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3IndexWaorks {
    font-size: 1.1132940406vw;
  }
}
.h3IndexWaorks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3IndexWaorks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3IndexWaorks {
    margin: 7.94% 0% 0% 0%;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexWaorks {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexWaorks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3IndexWaorks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtIndexWaorks {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtIndexWaorks {
    margin: 4.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtIndexWaorks {
    font-size: 0.8513425016vw;
  }
}
.txtIndexWaorks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtIndexWaorks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexWaorks {
    margin: 4.9% 0% 0% 0%;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexWaorks {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexWaorks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtIndexWaorks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
一覧へ行くボタン
========================================================================== */
.indexWorksIndexArchivesBtm {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexWorksIndexArchivesBtm {
    margin: 3.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexWorksIndexArchivesBtm {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexWorksIndexArchivesBtm {
    margin: 9.52% 0% 0% 0%;
  }
}

.indexWorksIndexArchivesBtmWap {
  position: relative;
  width: 1027px;
}
@media screen and (max-width: 1527px) {
  .indexWorksIndexArchivesBtmWap {
    width: 88.53%;
  }
}
@media screen and (max-width: 767px) {
  .indexWorksIndexArchivesBtmWap {
    margin: 12.5% 0% 0% 0%;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexWorksIndexArchivesBtmWap {
    width: 100%;
  }
}

.bordIndexArchivesBtm {
  width: 100%;
  height: 1px;
  background: #BEBEBE;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (max-width: 767px) {
  .bordIndexArchivesBtm {
    display: none;
  }
}

.indexWorksIndexArchivesBox {
  position: relative;
  z-index: 1;
  width: 540px;
  height: 3.6458333333vw;
  font-size: 15px;
  line-height: 1;
}
@media screen and (max-width: 1527px) {
  .indexWorksIndexArchivesBox {
    width: 52.58%;
  }
}
@media screen and (max-width: 1527px) {
  .indexWorksIndexArchivesBox {
    font-size: 0.9823182711vw;
  }
}
.indexWorksIndexArchivesBox::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.indexWorksIndexArchivesBox::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .indexWorksIndexArchivesBox {
    height: 3.6458333333vw;
  }
}
@media screen and (max-width: 767px) {
  .indexWorksIndexArchivesBox {
    line-height: 1;
    height: 19.8666666667vw;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .indexWorksIndexArchivesBox {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .indexWorksIndexArchivesBox::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .indexWorksIndexArchivesBox::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.iconIndexWorksIndexArchives {
  width: 98%;
  background: url("../img/iconArrowIndexEventMain.svg") no-repeat 96.6% center;
  background-size: auto 24;
  display: block;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .iconIndexWorksIndexArchives {
    width: 93%;
    background: url("../img/iconArrowIndexEventMain.svg") no-repeat right center;
    background-size: auto 6.4vw;
  }
}

/* ==========================================================================
ページャー
========================================================================== */
.pagerIndexWorks {
  width: 110px;
}
@media screen and (max-width: 1527px) {
  .pagerIndexWorks {
    width: 9.48%;
  }
}
@media screen and (max-width: 767px) {
  .pagerIndexWorks {
    margin: auto;
    width: 93px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .pagerIndexWorks {
    width: 29.52%;
  }
}

.swiperWorksPrev {
  width: 48px;
  cursor: pointer;
}
@media screen and (max-width: 1527px) {
  .swiperWorksPrev {
    width: 43.63%;
  }
}
@media screen and (max-width: 767px) {
  .swiperWorksPrev {
    margin: auto;
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .swiperWorksPrev {
    width: 43.01%;
  }
}

.swiperWorksNext {
  width: 48px;
  cursor: pointer;
}
@media screen and (max-width: 1527px) {
  .swiperWorksNext {
    width: 43.63%;
  }
}
@media screen and (max-width: 767px) {
  .swiperWorksNext {
    margin: auto;
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .swiperWorksNext {
    width: 43.01%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgIndexUserVoice {
  background: url(../img/index/bgIndexUserVoicePc.jpg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexUserVoice {
    height: auto;
    background: url(../img/index/bgIndexUserVoiceSp.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: unset;
  }
}

.indexUserVoice {
  padding-top: 160px;
  padding-bottom: 200px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexUserVoice {
    padding: 8.33% 0% 10.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexUserVoice {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexUserVoice {
    padding: 16% 0% 16% 0%;
  }
}

.indexUserVoiceLxn {
  position: relative;
  width: 1160px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexUserVoiceLxn {
    width: 75.91%;
  }
}
@media screen and (max-width: 1527px) {
  .indexUserVoiceLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexUserVoiceLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexUserVoiceLxn {
    width: 89.33%;
  }
}

.mainIndexUserVoice {
  width: 883px;
}
@media screen and (max-width: 1527px) {
  .mainIndexUserVoice {
    width: 76.12%;
  }
}
@media screen and (max-width: 767px) {
  .mainIndexUserVoice {
    width: 100%;
  }
}

.secMainIndexUserVoice {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 87px;
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 1527px) {
  .secMainIndexUserVoice {
    padding: 5.66% 5.66% 9.85% 5.66%;
  }
}
@media screen and (max-width: 767px) {
  .secMainIndexUserVoice {
    padding: 9.85% 5.97% 86.28% 5.97%;
  }
}

.h2MainIndexUserVoice {
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 23px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h2MainIndexUserVoice {
    font-size: 1.8336607728vw;
  }
}
@media screen and (max-width: 1527px) {
  .h2MainIndexUserVoice {
    margin: 0.34% 0% 0% 1.98%;
  }
}
@media screen and (max-width: 767px) {
  .h2MainIndexUserVoice {
    text-align: center;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MainIndexUserVoice {
    font-size: 6.9333333333vw;
  }
}

.ulIndexUserVoice {
  width: 576px;
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .ulIndexUserVoice {
    width: 49.65%;
  }
}
@media screen and (max-width: 1527px) {
  .ulIndexUserVoice {
    margin: 3.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .ulIndexUserVoice {
    width: 72.65%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexUserVoice {
    width: 100%;
    margin: 12.16% 0% 0% 0%;
  }
}

.liIndexUserVoice {
  width: 100%;
}
.liIndexUserVoice:nth-child(n+2) {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liIndexUserVoice:nth-child(n+2) {
    margin: 5.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexUserVoice:nth-child(n+2) {
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liIndexUserVoice:nth-child(n+2) {
    margin: 12.2% 0% 0% 0%;
  }
}

.indexUserVoiceFx {
  width: 100%;
  align-items: center;
}

.thumbsIndexUserVoice {
  width: 106px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 106/106;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
@media screen and (max-width: 1527px) {
  .thumbsIndexUserVoice {
    width: 18.4%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsIndexUserVoice {
    width: 80px;
    transform: translate(0px, -1vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsIndexUserVoice {
    width: 27.11%;
  }
}
.thumbsIndexUserVoice img {
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.txtIndexUserVoice {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 440px;
}
@media screen and (max-width: 1527px) {
  .txtIndexUserVoice {
    font-size: 0.9168303864vw;
  }
}
.txtIndexUserVoice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtIndexUserVoice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtIndexUserVoice {
    width: 76.38%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexUserVoice {
    line-height: 1.5833333333;
    width: 195px;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexUserVoice {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexUserVoice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtIndexUserVoice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtIndexUserVoice {
    width: 66.1%;
  }
}

.picIndexUserVoice {
  width: 494px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1527px) {
  .picIndexUserVoice {
    width: 42.58%;
  }
}
@media screen and (max-width: 767px) {
  .picIndexUserVoice {
    width: 295px;
    bottom: -10.5%;
    right: 0;
    left: 0;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .picIndexUserVoice {
    width: 88.05%;
  }
}

.indexUserVoiceArchivesBtm {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexUserVoiceArchivesBtm {
    margin: 3.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexUserVoiceArchivesBtm {
    margin: 27.8% 0% 0% 0%;
  }
}

.indexUserVoiceArchivesBtmWap {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
  width: 540px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexUserVoiceArchivesBtmWap {
    width: 35.34%;
  }
}
@media screen and (max-width: 1527px) {
  .indexUserVoiceArchivesBtmWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexUserVoiceArchivesBtmWap {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexUserVoiceArchivesBtmWap {
    width: 84%;
  }
}

.indexUserVoiceArchivesBox {
  display: block;
  width: 100%;
  border: 1px solid #FFF;
}

.iconIndexUserVoiceArchives {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 69px;
  background: url(../img/index/iconIndexUserVoiceArchives.svg) no-repeat 96% center;
  background-size: auto 37%;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .iconIndexUserVoiceArchives {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .iconIndexUserVoiceArchives {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexUserVoiceArchives {
    background: url(../img/index/iconIndexUserVoiceArchives.svg) no-repeat 97% center;
    background-size: auto 37%;
    height: 19.9vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconIndexUserVoiceArchives {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexSamplePlan {
  position: relative;
  padding-top: 164px;
  padding-bottom: 200px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexSamplePlan {
    padding: 8.54% 0% 10.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexSamplePlan {
    padding: 17% 0% 16.3% 0%;
  }
}

.bgIndexSamplePlan {
  height: 21.71875vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .bgIndexSamplePlan {
    height: 61.6vw;
  }
}

.indexSamplePlanFx {
  position: relative;
}

.h2IndexSamplePlan {
  font-size: 28px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1527px) {
  .h2IndexSamplePlan {
    font-size: 1.8336607728vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexSamplePlan {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexSamplePlan {
    font-size: 6.9333333333vw;
  }
}

.ulIndexSamplePlan {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .ulIndexSamplePlan {
    margin-top: 2.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexSamplePlan {
    width: 287px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .ulIndexSamplePlan {
    width: 76.53%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .ulIndexSamplePlan {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .ulIndexSamplePlanSpWap {
    position: relative;
    width: 287px;
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .ulIndexSamplePlanSpWap {
    width: 76.53%;
  }
}

.ulIndexSamplePlanSpWap .indexSamplePlanPrev {
  position: absolute;
  top: 27.6%;
  left: -8%;
}
@media screen and (max-width: 767px) {
  .ulIndexSamplePlanSpWap .indexSamplePlanPrev {
    top: 26.4%;
    left: -9%;
    width: 11.5942028986vw;
  }
}

.ulIndexSamplePlanSpWap .indexSamplePlanNext {
  position: absolute;
  top: 27.6%;
  right: -8%;
}
@media screen and (max-width: 767px) {
  .ulIndexSamplePlanSpWap .indexSamplePlanNext {
    top: 26.4%;
    right: -9%;
    width: 11.5942028986vw;
  }
}

.liIndexSamplePlan {
  width: 486px;
}
@media screen and (max-width: 1527px) {
  .liIndexSamplePlan {
    width: 31.8%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexSamplePlan {
    width: 100%;
  }
}

.photoIndexSamplePlan {
  width: 100%;
}

.txtLiIndexSamplePlan {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtLiIndexSamplePlan {
    font-size: 0.9168303864vw;
  }
}
.txtLiIndexSamplePlan::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtLiIndexSamplePlan::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtLiIndexSamplePlan {
    margin-top: 5.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtLiIndexSamplePlan {
    margin-top: 8.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiIndexSamplePlan {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiIndexSamplePlan::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtLiIndexSamplePlan::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.indexPlanArchivesBtm {
  width: 486px;
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexPlanArchivesBtm {
    width: 31.8%;
  }
}
@media screen and (max-width: 1527px) {
  .indexPlanArchivesBtm {
    margin-top: 4.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexPlanArchivesBtm {
    width: 315px;
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexPlanArchivesBtm {
    width: 84%;
  }
}

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

.indexPlanArchivesBox {
  width: 100%;
}

.iconIndexPlanArchives {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 71px;
  width: 100%;
  background: url(../img/index/iconIndexModelHouseArchives.svg) no-repeat 95% center;
  background-size: auto 35%;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .iconIndexPlanArchives {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .iconIndexPlanArchives {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexPlanArchives {
    background: url(../img/index/iconIndexModelHouseArchives.svg) no-repeat 97% center;
    background-size: auto 35%;
    height: 19.8vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconIndexPlanArchives {
    font-size: 3.7333333333vw;
  }
}

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

.indexModelHouse {
  padding-top: 104px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexModelHouse {
    padding: 5.41% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexModelHouse {
    padding: 17% 0% 0% 0%;
  }
}

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

.h2IndexModelHouse {
  font-size: 28px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1527px) {
  .h2IndexModelHouse {
    font-size: 1.8336607728vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexModelHouse {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexModelHouse {
    font-size: 6.9333333333vw;
  }
}

.indexModelHouseLxn {
  margin-top: 168px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .indexModelHouseLxn {
    margin-top: 14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .indexModelHouseLxn {
    padding: 0% 0% 4% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexModelHouseLxn {
    background: #D9D9D9;
    margin-top: 36.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 0% 16.3% 0%;
  }
}

.bxSliderIndexModelHouseWap {
  position: relative;
  width: 1092px;
  margin: auto;
  transform: translate(0px, -115px);
  aspect-ratio: 1092/400;
}
@media screen and (max-width: 1527px) {
  .bxSliderIndexModelHouseWap {
    width: 91%;
  }
}
@media screen and (max-width: 1527px) {
  .bxSliderIndexModelHouseWap {
    transform: translate(0px, -8vw);
  }
}
@media screen and (max-width: 767px) {
  .bxSliderIndexModelHouseWap {
    transform: translate(0px, -27.5vw);
    width: 100%;
    margin: auto;
    aspect-ratio: auto;
  }
}

.bxSliderIndexModelHouse {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  width: 716px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .bxSliderIndexModelHouse {
    width: 59.66%;
  }
}
@media screen and (max-width: 1527px) {
  .bxSliderIndexModelHouse {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bxSliderIndexModelHouse {
    width: 287px;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .bxSliderIndexModelHouse {
    width: 76.53%;
  }
}

.liSliderIndexModelHouse {
  width: 340px;
}
@media screen and (max-width: 1527px) {
  .liSliderIndexModelHouse {
    width: 31.13%;
  }
}
@media screen and (max-width: 767px) {
  .liSliderIndexModelHouse {
    width: 100%;
  }
}

.photoSliderIndexModelHouse {
  width: 100%;
}

.h2SliderIndexModelHouse {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 1527px) {
  .h2SliderIndexModelHouse {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .h2SliderIndexModelHouse {
    margin: 6.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2SliderIndexModelHouse {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SliderIndexModelHouse {
    font-size: 3.4666666667vw;
  }
}

.h3SliderIndexModelHouse {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 1527px) {
  .h3SliderIndexModelHouse {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 1527px) {
  .h3SliderIndexModelHouse {
    margin: 3.23% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3SliderIndexModelHouse {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 6.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SliderIndexModelHouse {
    font-size: 5.3333333333vw;
  }
}

.txtSliderIndexModelHouse {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 320px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 1527px) {
  .txtSliderIndexModelHouse {
    font-size: 0.8513425016vw;
  }
}
.txtSliderIndexModelHouse::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtSliderIndexModelHouse::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtSliderIndexModelHouse {
    width: 94.11%;
  }
}
@media screen and (max-width: 1527px) {
  .txtSliderIndexModelHouse {
    margin-top: 8.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtSliderIndexModelHouse {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSliderIndexModelHouse {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSliderIndexModelHouse::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtSliderIndexModelHouse::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.indexModelHouseArchivesBtm {
  width: 540px;
  margin-top: -75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexModelHouseArchivesBtm {
    width: 45%;
  }
}
@media screen and (max-width: 1527px) {
  .indexModelHouseArchivesBtm {
    margin-top: -6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .indexModelHouseArchivesBtm {
    width: 540px;
    margin-top: -7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .indexModelHouseArchivesBtm {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .indexModelHouseArchivesBtm {
    width: 315px;
    margin-top: -16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexModelHouseArchivesBtm {
    width: 84%;
  }
}

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

.indexModelHouseArchivesBox {
  display: block;
  width: 100%;
}
.indexModelHouseArchivesBox:hover {
  opacity: 0.85;
}

.iconIndexModelHouseArchives {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 100%;
  background: url(../img/index/iconIndexModelHouseArchives.svg) no-repeat 94% center;
  background-size: auto 35%;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .iconIndexModelHouseArchives {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .iconIndexModelHouseArchives {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexModelHouseArchives {
    height: 19.4vw;
    letter-spacing: 0em;
    text-indent: 0em;
    background: url(../img/index/iconIndexModelHouseArchives.svg) no-repeat 97% center;
    background-size: auto 32%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconIndexModelHouseArchives {
    font-size: 3.7333333333vw;
  }
}

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

.indexPModelHousePrev {
  width: 48px;
  position: absolute;
  top: 90.5px;
  left: -24px;
}
@media screen and (max-width: 1527px) {
  .indexPModelHousePrev {
    width: 2.6178010471vw;
    top: 6.75vw;
    left: -1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .indexPModelHousePrev {
    width: 10.594203vw;
    top: 22.2vw;
    left: 5.4vw;
  }
}
.indexPModelHousePrev img {
  width: 100%;
  height: auto;
  display: block;
}

.indexPModelHouseNext {
  width: 48px;
  position: absolute;
  top: 90.5px;
  right: -24px;
}
@media screen and (max-width: 1527px) {
  .indexPModelHouseNext {
    width: 2.6178010471vw;
    top: 6.75vw;
    right: -1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .indexPModelHouseNext {
    width: 10.594203vw;
    top: 22.2vw;
    right: 5.4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexInfoBlog {
  margin-top: 164px;
  margin-bottom: 163px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexInfoBlog {
    margin-top: 10.73%;
    margin-bottom: 10.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexInfoBlog {
    margin: 17% 0% 17.3% 0%;
  }
}

.indexInfoBlogWap {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .indexInfoBlogWap {
    width: 78.53%;
  }
}
@media screen and (max-width: 1527px) {
  .indexInfoBlogWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexInfoBlogWap {
    display: block;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .indexInfoBlogWap {
    width: 89.33%;
  }
}

.secIndexInfoBlogs {
  width: 580px;
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogs {
    width: 48.33%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexInfoBlogs {
    width: 100%;
  }
}

.h2IndexInfoBlogs {
  font-size: 28px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .h2IndexInfoBlogs {
    font-size: 1.8336607728vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexInfoBlogs {
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexInfoBlogs {
    font-size: 6.9333333333vw;
  }
}

.ulIndexInfoBlogs {
  border-top: 1px solid #CCCCCC;
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .ulIndexInfoBlogs {
    margin: 7.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexInfoBlogs {
    margin: 9.9% 0% 0% 0%;
  }
}

.liIndexInfoBlogs {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 29px;
  padding-bottom: 27px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liIndexInfoBlogs {
    padding: 5% 0% 4.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexInfoBlogs {
    padding: 5.2% 0% 5.1% 0%;
  }
}

.btmIndexInfoBlogs {
  text-decoration: none;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .btmIndexInfoBlogs {
    flex-wrap: wrap;
  }
}

.timeIndexInfoBlog {
  font-size: 12px;
  letter-spacing: 0.035em;
  text-indent: -0.035em;
}
@media screen and (max-width: 1527px) {
  .timeIndexInfoBlog {
    font-size: 0.7858546169vw;
  }
}
@media screen and (max-width: 767px) {
  .timeIndexInfoBlog {
    display: block;
    width: 100%;
    letter-spacing: 0.035em;
    text-indent: -0.035em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeIndexInfoBlog {
    font-size: 3.2vw;
  }
}

.h3IndexInfoBlog {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 434px;
}
@media screen and (max-width: 1527px) {
  .h3IndexInfoBlog {
    font-size: 0.9168303864vw;
  }
}
.h3IndexInfoBlog::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.h3IndexInfoBlog::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h3IndexInfoBlog {
    width: 74.82%;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfoBlog {
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 300px;
    margin: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexInfoBlog {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfoBlog::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h3IndexInfoBlog::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: 1527px) {
  .h3IndexInfoBlog {
    width: 89.55%;
  }
}

.iconIndexInfoBlogs {
  width: 24px;
}
@media screen and (max-width: 1527px) {
  .iconIndexInfoBlogs {
    width: 4.13%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexInfoBlogs {
    width: 24px;
    margin: 0 0.4% 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconIndexInfoBlogs {
    width: 7.16%;
  }
}

.secIndexInfoBlogsBtmBox01 {
  text-align: right;
  width: 143px;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox01 {
    width: 24.65%;
  }
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox01 {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox01 {
    width: 36.4%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexInfoBlogsBtmBox01 {
    width: 123px;
    margin-top: 5.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox01 {
    width: 36.71%;
  }
}

.secIndexInfoBlogsBtmBox02 {
  text-align: right;
  width: 182px;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox02 {
    width: 31.37%;
  }
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox02 {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox02 {
    width: 47.37%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexInfoBlogsBtmBox02 {
    width: 160px;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox02 {
    width: 47.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secIndexInfoBlogsBtmBox02 {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.secIndexInfoBlogsBtm {
  display: block;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .secIndexInfoBlogsBtm {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) {
  .secIndexInfoBlogsBtm {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secIndexInfoBlogsBtm {
    font-size: 3.2vw;
  }
}

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

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgEvent {
  background: url(../img/event/bgEventPc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgEvent {
    background: url(../img/event/bgEventSp.jpg) no-repeat top center;
    background-size: cover;
  }
}

.defUnderFv {
  padding-top: 79px;
  padding-bottom: 78px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .defUnderFv {
    padding: 4.11% 0% 4.06% 0%;
  }
}
@media screen and (max-width: 767px) {
  .defUnderFv {
    padding: 6.5% 0% 7.5% 0%;
  }
}

.h1DefUnderFvWap {
  text-align: center;
  font-size: 24px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h1DefUnderFvWap {
    font-size: 1.5717092338vw;
  }
}
@media screen and (max-width: 767px) {
  .h1DefUnderFvWap {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1DefUnderFvWap {
    font-size: 4.8vw;
  }
}

.txtDefUnderFvWap {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtDefUnderFvWap {
    font-size: 0.7858546169vw;
  }
}
@media screen and (max-width: 1527px) {
  .txtDefUnderFvWap {
    margin: 1.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDefUnderFvWap {
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDefUnderFvWap {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtDefUnderFvWap {
    margin: 2.66% 0% 0% 0%;
  }
}

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

.breadcrumbList {
  font-size: 11px;
  line-height: 1.6363636364;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 1200px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .breadcrumbList {
    font-size: 0.7203667322vw;
  }
}
.breadcrumbList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
.breadcrumbList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .breadcrumbList {
    width: 78.53%;
  }
}
@media screen and (max-width: 1527px) {
  .breadcrumbList {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbList {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .breadcrumbList {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .breadcrumbList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .breadcrumbList {
    width: 89.33%;
  }
}

.breadcrumbList a {
  text-decoration: none;
  color: #1A222D;
}

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

.eventNav {
  width: 280px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .eventNav {
    width: 18.32%;
  }
}
@media screen and (max-width: 1527px) {
  .eventNav {
    width: 24.32%;
  }
}
@media screen and (max-width: 767px) {
  .eventNav {
    width: 240px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .eventNav {
    width: 64%;
  }
}

.liEventNav {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  width: 140px;
  border-bottom: 1px solid #D7D7D7;
}
@media screen and (max-width: 1527px) {
  .liEventNav {
    padding: 0% 0% 2.85% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .liEventNav {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .liEventNav {
    width: 120px;
    padding: 0% 0% 3.78% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liEventNav {
    width: 50%;
  }
}

.liEventNav.active {
  border-bottom: 2px solid #1A222D;
}

.btmEventNav {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  text-decoration: none;
  color: #1A222D;
  font-weight: 600;
  text-align: center;
  display: block;
}
@media screen and (max-width: 1527px) {
  .btmEventNav {
    font-size: 0.9168303864vw;
  }
}
.btmEventNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.btmEventNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmEventNav {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmEventNav {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmEventNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .btmEventNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.eventLoop {
  margin-top: 99px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .eventLoop {
    margin-top: 5.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .eventLoop {
    margin-top: 59px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .eventLoop {
    margin-top: 15.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.eventLoopLxn {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .eventLoopLxn {
    width: 78.53%;
  }
}
@media screen and (max-width: 767px) {
  .eventLoopLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .eventLoopLxn {
    width: 84%;
  }
}

.eventLoopFx {
  display: flex;
}

.liEventLoop {
  width: 384px;
  margin-top: 0px;
  margin-bottom: 90px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liEventLoop {
    width: 32%;
  }
}
@media screen and (max-width: 1527px) {
  .liEventLoop {
    margin: 0% 0% 7.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liEventLoop {
    width: 100%;
    margin: 0% 0% 16.5% 0%;
  }
}
.liEventLoop:nth-child(3n+2) {
  margin-top: 0px;
  margin-bottom: 90px;
  margin-left: 24px;
  margin-right: 24px;
}
@media screen and (max-width: 1527px) {
  .liEventLoop:nth-child(3n+2) {
    margin: 0% 2% 7.5% 2%;
  }
}
@media screen and (max-width: 1527px) {
  .liEventLoop:nth-child(3n+2) {
    margin: 0% 2% 7.09% 2%;
  }
}
@media screen and (max-width: 767px) {
  .liEventLoop:nth-child(3n+2) {
    margin: 0% 0% 16.5% 0%;
  }
}

.btmEventLoop {
  text-decoration: none;
  color: #1A222D;
}

/* ==========================================================================
    イベント画像
    ========================================================================== */
.thumbsEventLoopWap {
  position: relative;
}

.thumbsEventLoop {
  padding-top: 189px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  aspect-ratio: 384/189;
  object-fit: cover;
  overflow: hidden;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .thumbsEventLoop {
    padding: 49.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsEventLoop {
    padding-top: 155px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsEventLoop {
    padding: 49.2% 0% 0% 0%;
  }
}

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

.txtThumbsEventLoop {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  color: #FFF;
  border-radius: 10px 0 10px 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(26, 34, 45, 0.85);
}
@media screen and (max-width: 1527px) {
  .txtThumbsEventLoop {
    padding: 0% 3.12% 0% 3.12%;
  }
}
@media screen and (max-width: 1527px) {
  .txtThumbsEventLoop {
    font-size: 0.8513425016vw;
  }
}
.txtThumbsEventLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtThumbsEventLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtThumbsEventLoop {
    height: 2.6832460733vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThumbsEventLoop {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 14px;
    padding-right: 14px;
    height: 9.3333333333vw;
    line-height: 1.6363636364;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtThumbsEventLoop {
    padding: 0% 4.44% 0% 4.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThumbsEventLoop {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThumbsEventLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtThumbsEventLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
    イベント文章
    ========================================================================== */
.h3EventLoop {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  min-height: 23px;
}
@media screen and (max-width: 1527px) {
  .h3EventLoop {
    margin: 7.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3EventLoop {
    font-size: 1.0478061559vw;
  }
}
.h3EventLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3EventLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3EventLoop {
    margin: 6.55% 0% 0% 0%;
    min-height: 51px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3EventLoop {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3EventLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3EventLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.eventLoopFx {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .eventLoopFx {
    margin: 9.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .eventLoopFx {
    margin: 4.5% 0% 0% 0%;
  }
}

.timeDateEventLoop {
  width: 51px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .timeDateEventLoop {
    width: 13.28%;
  }
}
@media screen and (max-width: 1527px) {
  .timeDateEventLoop {
    margin: 0% 0% 0% 0.52%;
  }
}
@media screen and (max-width: 767px) {
  .timeDateEventLoop {
    width: 52px;
    margin: 0% 0% 0% 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .timeDateEventLoop {
    width: 16.5%;
  }
}

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

.dayEventLoop {
  display: block;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 0px;
  font-size: 36px;
  line-height: 1.4444444444;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .dayEventLoop {
    margin: 2.08% 0% 0% 1.3%;
  }
}
@media screen and (max-width: 1527px) {
  .dayEventLoop {
    font-size: 2.3575638507vw;
  }
}
.dayEventLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4444444444) * 0.5em);
  content: "";
}
.dayEventLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4444444444) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .dayEventLoop {
    margin: 14.17% 0% 0% 10%;
    line-height: 1.4333333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .dayEventLoop {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .dayEventLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4333333333) * 0.5em);
    content: "";
  }
  .dayEventLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4333333333) * 0.5em);
    content: "";
  }
}

.tableEventLoopWap {
  width: 313px;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tableEventLoopWap {
    width: 81.51%;
  }
}
@media screen and (max-width: 1527px) {
  .tableEventLoopWap {
    margin: 0.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tableEventLoopWap {
    width: 73%;
  }
}
@media screen and (max-width: 767px) {
  .tableEventLoopWap {
    width: 251px;
    margin: 1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tableEventLoopWap {
    width: 79.68%;
  }
}

.tableEventLoop {
  width: 100%;
}

.thEventLoop {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  width: 34px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .thEventLoop {
    padding: 0% 0% 2.55% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .thEventLoop {
    width: 10.86%;
  }
}
@media screen and (max-width: 1527px) {
  .thEventLoop {
    font-size: 0.8513425016vw;
  }
}
.thEventLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.thEventLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .thEventLoop {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .thEventLoop {
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    width: 24px;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thEventLoop {
    padding: 0% 0% 2.53% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thEventLoop {
    width: 7.61%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thEventLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .thEventLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .thEventLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.tdEventLoop {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  width: 279px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .tdEventLoop {
    padding: 0% 0% 2.55% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tdEventLoop {
    width: 89.13%;
  }
}
@media screen and (max-width: 1527px) {
  .tdEventLoop {
    font-size: 0.8513425016vw;
  }
}
.tdEventLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.tdEventLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdEventLoop {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .tdEventLoop {
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    width: 217px;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdEventLoop {
    padding: 0% 0% 2.53% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdEventLoop {
    width: 68.88%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdEventLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tdEventLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .tdEventLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.eventPager {
  margin-top: 120px;
  margin-bottom: 160px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .eventPager {
    margin: 6.25% 0% 8.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .eventPager {
    width: 100%;
    margin: 21.8% 0% 0% 0%;
  }
}

.eventPagerWap {
  width: 100%;
}

.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
  padding: 12px 15px;
  margin: 0 5px 0 5px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.4375;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #1A222D;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 1.0478061559vw;
  }
}
.wp-pagenavi a::before,
.wp-pagenavi span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4375) * 0.5em);
  content: "";
}
.wp-pagenavi a::after,
.wp-pagenavi span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    line-height: 1.4166666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a::before,
  .wp-pagenavi span::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4166666667) * 0.5em);
    content: "";
  }
  .wp-pagenavi a::after,
  .wp-pagenavi span::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4166666667) * 0.5em);
    content: "";
  }
}

.current {
  color: #1A222D;
  background: #F6F6F6;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .prevpostslink {
  color: #A09F9D;
}

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

.mediaLoop {
  margin-top: 99px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .mediaLoop {
    margin-top: 5.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mediaLoop {
    margin-top: 59px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mediaLoop {
    margin-top: 15.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mediaLoopLxn {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .mediaLoopLxn {
    width: 78.53%;
  }
}
@media screen and (max-width: 767px) {
  .mediaLoopLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mediaLoopLxn {
    width: 84%;
  }
}

.mediaLoopFx {
  display: flex;
}

.limediaLoop {
  width: 384px;
  margin-top: 0px;
  margin-bottom: 90px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .limediaLoop {
    width: 32%;
  }
}
@media screen and (max-width: 1527px) {
  .limediaLoop {
    margin: 0% 0% 7.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .limediaLoop {
    width: 100%;
    margin: 0% 0% 16.5% 0%;
  }
}
.limediaLoop:nth-child(3n+2) {
  margin-top: 0px;
  margin-bottom: 90px;
  margin-left: 24px;
  margin-right: 24px;
}
@media screen and (max-width: 1527px) {
  .limediaLoop:nth-child(3n+2) {
    margin: 0% 2% 7.5% 2%;
  }
}
@media screen and (max-width: 1527px) {
  .limediaLoop:nth-child(3n+2) {
    margin: 0% 2% 7.09% 2%;
  }
}
@media screen and (max-width: 767px) {
  .limediaLoop:nth-child(3n+2) {
    margin: 0% 0% 16.5% 0%;
  }
}

.btmmediaLoop {
  text-decoration: none;
  color: #1A222D;
}

/* ==========================================================================
    画像
    ========================================================================== */
.thumbsmediaLoopWap {
  position: relative;
}

.thumbsmediaLoop {
  padding-top: 189px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  aspect-ratio: 384/189;
  object-fit: cover;
  overflow: hidden;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .thumbsmediaLoop {
    padding: 49.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsmediaLoop {
    padding-top: 155px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsmediaLoop {
    padding: 49.2% 0% 0% 0%;
  }
}

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

/* ==========================================================================
    文章
    ========================================================================== */
.h3mediaLoop {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  min-height: 23px;
}
@media screen and (max-width: 1527px) {
  .h3mediaLoop {
    margin: 7.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3mediaLoop {
    font-size: 1.0478061559vw;
  }
}
.h3mediaLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3mediaLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3mediaLoop {
    margin: 6.55% 0% 0% 0%;
    min-height: 51px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3mediaLoop {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3mediaLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3mediaLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.mediaLoopFx {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mediaLoopFx {
    margin: 9.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mediaLoopFx {
    margin: 4.6% 0% 0% 0%;
  }
}

.timeDatemediaLoop {
  width: 51px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .timeDatemediaLoop {
    width: 13.28%;
  }
}
@media screen and (max-width: 1527px) {
  .timeDatemediaLoop {
    margin: 0% 0% 0% 0.52%;
  }
}
@media screen and (max-width: 767px) {
  .timeDatemediaLoop {
    width: 52px;
    margin: 0% 0% 0% 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .timeDatemediaLoop {
    width: 16.5%;
  }
}

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

.daymediaLoop {
  display: block;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 0px;
  font-size: 36px;
  line-height: 1.4444444444;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .daymediaLoop {
    margin: 2.08% 0% 0% 1.3%;
  }
}
@media screen and (max-width: 1527px) {
  .daymediaLoop {
    font-size: 2.3575638507vw;
  }
}
.daymediaLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4444444444) * 0.5em);
  content: "";
}
.daymediaLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4444444444) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .daymediaLoop {
    margin: 14.17% 0% 0% 10%;
    line-height: 1.4333333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .daymediaLoop {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .daymediaLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4333333333) * 0.5em);
    content: "";
  }
  .daymediaLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4333333333) * 0.5em);
    content: "";
  }
}

.tablemediaLoopWap {
  width: 313px;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  word-break: break-all;
}
@media screen and (max-width: 1527px) {
  .tablemediaLoopWap {
    width: 81.51%;
  }
}
@media screen and (max-width: 1527px) {
  .tablemediaLoopWap {
    margin: 0.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tablemediaLoopWap {
    font-size: 0.8513425016vw;
  }
}
.tablemediaLoopWap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.tablemediaLoopWap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tablemediaLoopWap {
    width: 73%;
  }
}
@media screen and (max-width: 767px) {
  .tablemediaLoopWap {
    width: 251px;
    margin: 1% 0% 0% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tablemediaLoopWap {
    width: 79.68%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tablemediaLoopWap {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tablemediaLoopWap::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .tablemediaLoopWap::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.liEventTopics {
  border-bottom: 2px solid #1A222D;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.baseMainMargin.mainSingleNews {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .baseMainMargin.mainSingleNews {
    margin-top: 3.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .baseMainMargin.mainSingleNews {
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mainSingleNewsFx {
  display: flex;
  justify-content: space-between;
  width: 1160px;
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsFx {
    width: 60.41%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsFx {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsFx {
    width: 76.41%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsFx {
    width: 315px;
    margin-top: 44px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsFx {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsFx {
    margin-top: 11.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newsContentsContainer {
  width: 800px;
}
@media screen and (max-width: 1527px) {
  .newsContentsContainer {
    width: 68.96%;
  }
}
@media screen and (max-width: 767px) {
  .newsContentsContainer {
    width: 100%;
  }
}

/* ==========================================================================
画像
========================================================================== */
.mainSingleNewsThumbs {
  position: relative;
  overflow: hidden;
  aspect-ratio: 800/394;
  padding-top: 394px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  background: #ccc;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsThumbs {
    padding: 49.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsThumbs {
    padding-top: 155px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsThumbs {
    padding: 49.2% 0% 0% 0%;
  }
}

.mainSingleNewsThumbs img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}

/* ==========================================================================
文字
========================================================================== */
.titleMainSingleNews {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .titleMainSingleNews {
    margin: 4.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleMainSingleNews {
    margin: 5.5% 0% 0% 0%;
  }
}

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

.h2MainSingleNews {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .h2MainSingleNews {
    margin: 2.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h2MainSingleNews {
    font-size: 1.5717092338vw;
  }
}
.h2MainSingleNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.h2MainSingleNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2MainSingleNews {
    line-height: 1.6;
    margin: 6.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MainSingleNews {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2MainSingleNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2MainSingleNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
グレーテーブル
========================================================================== */
.evnetMainSingleNewsThumbs {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 24px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1527px) {
  .evnetMainSingleNewsThumbs {
    margin: 5.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .evnetMainSingleNewsThumbs {
    padding: 3% 2.5% 2.5% 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .evnetMainSingleNewsThumbs {
    margin: 11% 0% 0% 0%;
    padding: 2.11% 3.17% 3.17% 3.17%;
  }
}

.tableEvnetMainSingleNews {
  width: 100%;
}

.evnetMainSingleNewsThumbs .thEvnetMainSingleNews {
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  width: 48px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: left;
}
@media screen and (max-width: 1527px) {
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews {
    padding: 0% 0% 2% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews {
    width: 6%;
  }
}
@media screen and (max-width: 1527px) {
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews {
    font-size: 0.9168303864vw;
  }
}
.evnetMainSingleNewsThumbs .thEvnetMainSingleNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.evnetMainSingleNewsThumbs .thEvnetMainSingleNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews {
    padding: 2.7% 0% 2.7% 0%;
    width: 15.25%;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .evnetMainSingleNewsThumbs .thEvnetMainSingleNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.tdEvnetMainSingleNews {
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  width: 712px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .tdEvnetMainSingleNews {
    padding: 0% 0% 2% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tdEvnetMainSingleNews {
    width: 89%;
  }
}
@media screen and (max-width: 1527px) {
  .tdEvnetMainSingleNews {
    font-size: 0.9168303864vw;
  }
}
.tdEvnetMainSingleNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.tdEvnetMainSingleNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdEvnetMainSingleNews {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    width: 247px;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdEvnetMainSingleNews {
    padding: 2.53% 0% 2.53% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdEvnetMainSingleNews {
    width: 78.41%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdEvnetMainSingleNews {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdEvnetMainSingleNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .tdEvnetMainSingleNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
.tdEvnetMainSingleNews a {
  color: #1A222D;
  line-height: 1.5;
}

/* ==========================================================================
コンテンツ内
========================================================================== */
.mainSingleNewsContent {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent {
    margin: 5.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent {
    margin-top: 10.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mainSingleNewsContent a {
  color: #1A222D;
}
.mainSingleNewsContent p {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  clear: both;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent p {
    margin: 3.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent p {
    font-size: 0.9168303864vw;
  }
}
.mainSingleNewsContent p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.mainSingleNewsContent p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent p {
    margin: 8% 0% 0% 0%;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .mainSingleNewsContent p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
.mainSingleNewsContent img {
  display: block;
}
.mainSingleNewsContent h1 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h1 {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h1 {
    font-size: 1.5717092338vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent h1 {
    font-size: 4vw;
  }
}
.mainSingleNewsContent h2 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h2 {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h2 {
    font-size: 1.4407334643vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent h2 {
    font-size: 3.7333333333vw;
  }
}
.mainSingleNewsContent h3 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h3 {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h3 {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent h3 {
    font-size: 3.4666666667vw;
  }
}
.mainSingleNewsContent h4 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  border-bottom: 1px solid #1A222D;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h4 {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h4 {
    margin: 0% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent h4 {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent h4 {
    font-size: 3.4666666667vw;
  }
}
.mainSingleNewsContent .aligncenter {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent .aligncenter {
    margin-top: 4.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent .aligncenter {
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainSingleNewsContent .alignleft {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  float: left;
  max-width: 48.75%;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent .alignleft {
    margin: 3.75% 2.5% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent .alignleft {
    margin: 2.75% 2.5% 0% 0%;
    max-width: 100%;
  }
}
.mainSingleNewsContent .alignleft:last-of-type {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent .alignleft:last-of-type {
    margin: 3.75% 0% 0% 0%;
  }
}
.mainSingleNewsContent .alignright {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  max-width: 48.75%;
  float: right;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent .alignright {
    margin: 3.75% 0% 0% 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent .alignright {
    max-width: 100%;
  }
}
.mainSingleNewsContent .alignright:last-child {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent .alignright:last-child {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent .alignright:last-child {
    margin: 9.75% 0% 0% 0%;
  }
}
.mainSingleNewsContent iframe {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent iframe {
    margin: 3.75% 0% 0% 0%;
  }
}
.mainSingleNewsContent table {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent table {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent table {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsContent table {
    margin: 8.69% 0% 0% 0%;
  }
}
.mainSingleNewsContent th {
  width: 180px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  border: 1px solid #ccc;
  background: #F5F2EF;
  text-align: left;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent th {
    width: 22.5%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent th {
    padding: 1.62% 2.5% 1.62% 2.5%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent th {
    font-size: 0.9168303864vw;
  }
}
.mainSingleNewsContent th::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.mainSingleNewsContent th::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent th {
    border: none;
    border-bottom: 1px solid #ccc;
    display: block !important;
    width: 100% !important;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent th {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsContent th {
    padding: 4.34% 1.44% 4.34% 1.44%;
  }
}
.mainSingleNewsContent td {
  width: 641px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  border: 1px solid #ccc;
  border-left: none;
  text-align: left;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent td {
    width: 80.12%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent td {
    padding: 1.62% 2.5% 1.62% 2.5%;
  }
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent td {
    font-size: 0.9168303864vw;
  }
}
.mainSingleNewsContent td::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.mainSingleNewsContent td::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent td {
    display: block !important;
    width: 100% !important;
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #ccc;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsContent td {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsContent td {
    padding: 4.34% 1.44% 4.34% 1.44%;
  }
}
.mainSingleNewsContent ul {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent ul {
    margin: 3% 0% 0% 0%;
  }
}
.mainSingleNewsContent li {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mainSingleNewsContent li {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsContent li {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainSingleNewsContent li {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
ライトボックス
========================================================================== */
.lightBoxs {
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .lightBoxs {
    margin-top: 13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .lightBoxs {
    margin-top: 20.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.lilightBoxs {
  width: 144px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  padding-top: 144px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  position: relative;
  overflow: hidden;
  aspect-ratio: 144/144;
  background: #ccc;
}
@media screen and (max-width: 1527px) {
  .lilightBoxs {
    width: 18%;
  }
}
@media screen and (max-width: 1527px) {
  .lilightBoxs {
    margin: 0% 2.5% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .lilightBoxs {
    padding: 18% 0% 0% 0%;
  }
}
.lilightBoxs:last-child {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .lilightBoxs:last-child {
    width: 144px;
    margin-top: 0px;
    margin-bottom: 27px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lilightBoxs:last-child {
    width: 45.71%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lilightBoxs:last-child {
    margin: 0% 0% 8.57% 0%;
  }
}
@media screen and (max-width: 767px) {
  .lilightBoxs {
    width: 144px;
    margin-top: 0px;
    margin-bottom: 27px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lilightBoxs {
    width: 45.71%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lilightBoxs {
    margin: 0% 0% 8.57% 0%;
  }
}

.lilightBoxs img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}

.lilightBoxs::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 31px;
  height: 31px;
  display: block;
  background: url(../img/iconlilightBoxs.svg);
}

/* ==========================================================================
マップ
========================================================================== */
.ggmapMainSingleNews {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 800/200;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .ggmapMainSingleNews {
    margin-top: 5.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .ggmapMainSingleNews {
    padding: 25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ggmapMainSingleNews {
    margin-top: 4.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 200px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .ggmapMainSingleNews {
    padding: 63.49% 0% 0% 0%;
  }
}

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

.secMainSingleNewsEnd {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .secMainSingleNewsEnd {
    margin: 2.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .secMainSingleNewsEnd {
    font-size: 0.8513425016vw;
  }
}
.secMainSingleNewsEnd::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.secMainSingleNewsEnd::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secMainSingleNewsEnd {
    margin: 7.69% 0% 0% 0%;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secMainSingleNewsEnd {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .secMainSingleNewsEnd::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .secMainSingleNewsEnd::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
ページャー
========================================================================== */
.pagerNews {
  margin-top: 134px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .pagerNews {
    margin: 16.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .pagerNews {
    margin-top: 22.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.archivsSinglePagers {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .archivsSinglePagers {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px) {
  .archivsSinglePagers {
    width: 100%;
  }
}

.btmArchivsSinglePagers {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  color: #FFF;
  text-decoration: none;
  background: #1A222D;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
}
@media screen and (max-width: 1527px) {
  .btmArchivsSinglePagers {
    font-size: 0.9823182711vw;
  }
}
.btmArchivsSinglePagers::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btmArchivsSinglePagers::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmArchivsSinglePagers {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .btmArchivsSinglePagers {
    height: 20.2666666667vw;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmArchivsSinglePagers {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmArchivsSinglePagers::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .btmArchivsSinglePagers::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.arrowArchivsSinglePagers {
  background: url(../img/arrowArchivsSinglePagers.svg) no-repeat 95% center;
  background-size: auto 100%;
  width: 100%;
  text-align: center;
}

.prevSinglePagers {
  width: 168px;
  white-space: nowrap;
}
@media screen and (max-width: 1527px) {
  .prevSinglePagers {
    width: 21%;
  }
}
@media screen and (max-width: 1527px) {
  .prevSinglePagers {
    width: 25.24%;
  }
}
@media screen and (max-width: 767px) {
  .prevSinglePagers {
    margin: 10.8% 0% 0% 0%;
    width: 50%;
  }
}

.prevSinglePagers a {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  color: #1A222D;
  text-decoration: none;
}
@media screen and (max-width: 1527px) {
  .prevSinglePagers a {
    font-size: 0.9823182711vw;
  }
}
.prevSinglePagers a::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.prevSinglePagers a::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .prevSinglePagers a {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .prevSinglePagers a {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .prevSinglePagers a::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .prevSinglePagers a::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.prevSinglePagers .arrow_prev {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 18px;
  padding-right: 0px;
  background: url(../img/iconprevSinglePagers.svg) no-repeat left center;
  background-size: auto 72%;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .prevSinglePagers .arrow_prev {
    padding: 0% 0% 0% 13.04%;
  }
}

.nextSinglePagers {
  width: 168px;
  white-space: nowrap;
  text-align: right;
}
@media screen and (max-width: 1527px) {
  .nextSinglePagers {
    width: 21%;
  }
}
@media screen and (max-width: 1527px) {
  .nextSinglePagers {
    width: 25.24%;
  }
}
@media screen and (max-width: 767px) {
  .nextSinglePagers {
    margin: 10.8% 0% 0% 0%;
    width: 50%;
  }
}

.nextSinglePagers a {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  color: #1A222D;
  text-decoration: none;
}
@media screen and (max-width: 1527px) {
  .nextSinglePagers a {
    font-size: 0.9823182711vw;
  }
}
.nextSinglePagers a::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.nextSinglePagers a::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .nextSinglePagers a {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nextSinglePagers a {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nextSinglePagers a::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .nextSinglePagers a::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.nextSinglePagers .arrow_next {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 18px;
  background: url(../img/iconnextSinglePagers.svg) no-repeat right center;
  background-size: auto 72%;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .nextSinglePagers .arrow_next {
    padding: 0% 13.04% 0% 0%;
  }
}

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

.newsSingleKanrenWap {
  padding-top: 85px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .newsSingleKanrenWap {
    padding: 5.56% 0% 2.22% 0%;
  }
}
@media screen and (max-width: 767px) {
  .newsSingleKanrenWap {
    padding: 12.4% 0% 15.4% 0%;
  }
}

.newsSingleKanrenLxn {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .newsSingleKanrenLxn {
    width: 78.53%;
  }
}
@media screen and (max-width: 1527px) {
  .newsSingleKanrenLxn {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .newsSingleKanrenLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .newsSingleKanrenLxn {
    width: 84%;
  }
}

.liEventLoop {
  width: 384px;
}
@media screen and (max-width: 1527px) {
  .liEventLoop {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .liEventLoop {
    width: 100%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secTopChooseUs {
  width: 940px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secTopChooseUs {
    width: 61.51%;
  }
}
@media screen and (max-width: 1527px) {
  .secTopChooseUs {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTopChooseUs {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secTopChooseUs {
    width: 89.33%;
  }
}

.h2TopChooseUs {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2TopChooseUs {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopChooseUs {
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopChooseUs {
    font-size: 3.7333333333vw;
  }
}

.txtTopChooseUs {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtTopChooseUs {
    font-size: 0.9823182711vw;
  }
}
.txtTopChooseUs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtTopChooseUs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtTopChooseUs {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtTopChooseUs {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 15.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopChooseUs {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopChooseUs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtTopChooseUs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtTopChooseUs br {
    display: none;
  }
}

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

.navChoosUs {
  width: 1400px;
  padding-top: 240px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 auto;
  background: url(../img/chooseus/bgNavChoosUsPc.jpg) no-repeat center top;
  background-size: auto 100%;
  position: relative;
}
@media screen and (max-width: 1527px) {
  .navChoosUs {
    width: 91.68%;
  }
}
@media screen and (max-width: 1527px) {
  .navChoosUs {
    padding: 12.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navChoosUs {
    width: 375px;
    padding-top: 150px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
    background: url(../img/chooseus/bgNavChoosUsSp.jpg) no-repeat center top;
    background-size: auto 40vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .navChoosUs {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .navChoosUs {
    padding: 40% 0% 0% 0%;
  }
}

.cntNavChoosUsWap {
  width: 1160px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 78px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .cntNavChoosUsWap {
    width: 75.91%;
  }
}
@media screen and (max-width: 1527px) {
  .cntNavChoosUsWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .cntNavChoosUsWap {
    padding: 5.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntNavChoosUsWap {
    position: relative;
    width: 335px;
    padding: 14.33% 0% 0% 0%;
    margin-top: -50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .cntNavChoosUsWap {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .cntNavChoosUsWap {
    margin-top: -13.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.inCntNavChoosUs {
  width: 804px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .inCntNavChoosUs {
    width: 69.31%;
  }
}
@media screen and (max-width: 1527px) {
  .inCntNavChoosUs {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .inCntNavChoosUs {
    width: 88%;
  }
}
@media screen and (max-width: 767px) {
  .inCntNavChoosUs {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .inCntNavChoosUs {
    width: 94.02%;
  }
}

.cntNavChoosUsFx {
  width: 100%;
}

.liNavChoosUsFx {
  padding: 0 0 1px 0;
  border-bottom: 1px solid #CCCCCC;
  width: 200px;
}
@media screen and (max-width: 1527px) {
  .liNavChoosUsFx {
    width: 22.24%;
  }
}
@media screen and (max-width: 1527px) {
  .liNavChoosUsFx {
    width: 23%;
  }
}
@media screen and (max-width: 767px) {
  .liNavChoosUsFx {
    width: 95px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liNavChoosUsFx {
    width: 30.15%;
  }
}
.liNavChoosUsFx:hover {
  padding: 0 0 0px 0;
  border-bottom: 2px solid #1A222D;
}

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

.btmNavChoosUs {
  display: block;
  text-decoration: none;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 28px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/lineup/btmNavlineUpArrow.svg) no-repeat center 73%;
  background-size: auto 31%;
  color: #1A222D;
}
@media screen and (max-width: 1527px) {
  .btmNavChoosUs {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .btmNavChoosUs {
    padding: 0% 0% 14% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmNavChoosUs {
    padding: 0% 0% 19% 0%;
    background: url(../img/lineup/btmNavlineUpArrow.svg) no-repeat center 77%;
    background-size: auto 37%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmNavChoosUs {
    font-size: 3.4666666667vw;
  }
}
.btmNavChoosUs::hover {
  opacity: 0;
}

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

.h4PointChoosUsMain {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h4PointChoosUsMain {
    margin-top: 1.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .h4PointChoosUsMain {
    font-size: 0.8513425016vw;
  }
}
.h4PointChoosUsMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.h4PointChoosUsMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4PointChoosUsMain {
    margin-top: 8.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4PointChoosUsMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4PointChoosUsMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h4PointChoosUsMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

.secPointChoosUs {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .secPointChoosUs {
    width: 65.44%;
  }
}
@media screen and (max-width: 767px) {
  .secPointChoosUs {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secPointChoosUs {
    width: 89.33%;
  }
}

/* ==========================================================================
タイトル
========================================================================== */
.titlePointChoosUsFx {
  width: 100%;
}
.h3PointChoosUsFx {
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  height: 30px;
  width: 164px;
  border: 1px solid #CCC;
}
@media screen and (max-width: 1527px) {
  .h3PointChoosUsFx {
    font-size: 0.9168303864vw;
  }
}
.h3PointChoosUsFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3PointChoosUsFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h3PointChoosUsFx {
    width: 16.4%;
  }
}
@media screen and (max-width: 767px) {
  .h3PointChoosUsFx {
    height: 6.4vw;
    width: 107px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h3PointChoosUsFx {
    width: 31.94%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PointChoosUsFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PointChoosUsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3PointChoosUsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h4PointChoosUsFx {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 24px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h4PointChoosUsFx {
    font-size: 1.5717092338vw;
  }
}
.h4PointChoosUsFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h4PointChoosUsFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h4PointChoosUsFx {
    margin: 0% 0% 0% 2.4%;
  }
}
@media screen and (max-width: 767px) {
  .h4PointChoosUsFx {
    line-height: 1.6;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 16px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4PointChoosUsFx {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h4PointChoosUsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h4PointChoosUsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h4PointChoosUsFx {
    margin: 0% 0% 0% 4.77%;
  }
}

/* ==========================================================================
コンテンツ部分
========================================================================== */
.boxPointChoosUs {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 58px;
  padding-bottom: 63px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .boxPointChoosUs {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .boxPointChoosUs {
    padding: 5.8% 0% 6.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .boxPointChoosUs {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 7.4% 0% 7.1% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .boxPointChoosUs {
    margin: 5.97% 0% 0% 0%;
  }
}

.secPointChoosUsMain {
  width: 900px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .secPointChoosUsMain {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .secPointChoosUsMain {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secPointChoosUsMain {
    width: 88.05%;
  }
}

/* ==========================================================================
木が呼吸するメーターモジュールの「真壁づくり」
========================================================================== */
.h3PointChoosUsMain {
  font-size: 24px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 800;
}
@media screen and (max-width: 1527px) {
  .h3PointChoosUsMain {
    font-size: 1.5717092338vw;
  }
}
.h3PointChoosUsMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.h3PointChoosUsMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3PointChoosUsMain {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PointChoosUsMain {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PointChoosUsMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3PointChoosUsMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtPointChoosUsMain {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMain {
    margin: 2.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMain {
    font-size: 0.8513425016vw;
  }
}
.txtPointChoosUsMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtPointChoosUsMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMain {
    line-height: 1.6153846154;
    margin: 8.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointChoosUsMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtPointChoosUsMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.photosPoint2ChoosUs {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 360px;
}
@media screen and (max-width: 1527px) {
  .photosPoint2ChoosUs {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .photosPoint2ChoosUs {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .photosPoint2ChoosUs {
    margin: 8% 0% 0% 0%;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosPoint2ChoosUs {
    width: 100%;
  }
}

/* ==========================================================================
サイエンスホームの「真壁づくりの家」はグッドデザイン賞を受賞しています。
========================================================================== */
.h5PointChoosUsMain {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 800;
}
@media screen and (max-width: 1527px) {
  .h5PointChoosUsMain {
    margin: 7.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h5PointChoosUsMain {
    font-size: 1.0478061559vw;
  }
}
.h5PointChoosUsMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h5PointChoosUsMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5PointChoosUsMain {
    margin: 18.8% 0% 0% 0%;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5PointChoosUsMain {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h5PointChoosUsMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h5PointChoosUsMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.photosGoodDesign {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 559px;
}
@media screen and (max-width: 1527px) {
  .photosGoodDesign {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .photosGoodDesign {
    width: 62.11%;
  }
}
@media screen and (max-width: 767px) {
  .photosGoodDesign {
    margin: 7.97% 0% 0% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosGoodDesign {
    width: 100%;
  }
}

.txtGoodDesign {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .txtGoodDesign {
    margin: 2.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtGoodDesign {
    font-size: 0.8513425016vw;
  }
}
.txtGoodDesign::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtGoodDesign::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGoodDesign {
    margin: 6.47% 0% 0% 0%;
    width: 335px;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtGoodDesign {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGoodDesign {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGoodDesign::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtGoodDesign::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
日本の風土にあう木の家「真壁づくり」とは？ 住む人が癒やされる、懐かしいのに新しい住まいです。
========================================================================== */
.h5PointChoosUsMain02 {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 800;
}
@media screen and (max-width: 1527px) {
  .h5PointChoosUsMain02 {
    margin: 7.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h5PointChoosUsMain02 {
    font-size: 1.0478061559vw;
  }
}
.h5PointChoosUsMain02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h5PointChoosUsMain02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5PointChoosUsMain02 {
    margin: 18.5% 0% 0% 0%;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5PointChoosUsMain02 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h5PointChoosUsMain02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h5PointChoosUsMain02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.ulPointChoosUsMainList {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .ulPointChoosUsMainList {
    margin: 2.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulPointChoosUsMainList {
    margin: 8.5% 0% 0% 0%;
    justify-content: space-between;
  }
}

.liPointChoosUsMainList {
  text-align: center;
  width: 210px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  height: 50px;
  justify-content: center;
}
@media screen and (max-width: 1527px) {
  .liPointChoosUsMainList {
    width: 23.33%;
  }
}
@media screen and (max-width: 1527px) {
  .liPointChoosUsMainList {
    margin: 0% 2.22% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .liPointChoosUsMainList {
    height: 3.2722513089vw;
  }
}
@media screen and (max-width: 767px) {
  .liPointChoosUsMainList {
    width: 140px;
    margin: 4.97% 0% 0% 0%;
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liPointChoosUsMainList {
    width: 47.45%;
  }
}

.liPointChoosUsMainList:nth-child(4n) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liPointChoosUsMainList:nth-child(4n) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPointChoosUsMainList:nth-child(4n) {
    margin: 4.97% 0% 0% 0%;
  }
}

.liPointChoosUsMainList:nth-child(n+5) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
}
@media screen and (max-width: 1527px) {
  .liPointChoosUsMainList:nth-child(n+5) {
    margin: 2.22% 2.22% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPointChoosUsMainList:nth-child(n+5) {
    margin: 4.97% 0% 0% 0%;
  }
}

.txtPointChoosUsMainList {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMainList {
    font-size: 0.9168303864vw;
  }
}
.txtPointChoosUsMainList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtPointChoosUsMainList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMainList {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointChoosUsMainList {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMainList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtPointChoosUsMainList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtUnderPointChoosUsMainList {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtUnderPointChoosUsMainList {
    margin: 2.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtUnderPointChoosUsMainList {
    font-size: 0.8513425016vw;
  }
}
.txtUnderPointChoosUsMainList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtUnderPointChoosUsMainList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtUnderPointChoosUsMainList {
    margin: 6.5% 0% 0% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtUnderPointChoosUsMainList {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtUnderPointChoosUsMainList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtUnderPointChoosUsMainList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
真壁づくりの木の家がストレスフリーな理由
========================================================================== */
.h5PointChoosUsMain03 {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 800;
}
@media screen and (max-width: 1527px) {
  .h5PointChoosUsMain03 {
    margin: 7.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h5PointChoosUsMain03 {
    font-size: 1.0478061559vw;
  }
}
.h5PointChoosUsMain03::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h5PointChoosUsMain03::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5PointChoosUsMain03 {
    margin: 18.6% 0% 0% 0%;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5PointChoosUsMain03 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h5PointChoosUsMain03::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h5PointChoosUsMain03::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtPointChoosUsMain0301 {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMain0301 {
    margin: 1.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMain0301 {
    font-size: 0.8513425016vw;
  }
}
.txtPointChoosUsMain0301::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtPointChoosUsMain0301::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMain0301 {
    margin: 8.3% 0% 0% 0%;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointChoosUsMain0301 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMain0301::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtPointChoosUsMain0301::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtPointChoosUsMain0302 {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMain0302 {
    margin: 1.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtPointChoosUsMain0302 {
    font-size: 0.8513425016vw;
  }
}
.txtPointChoosUsMain0302::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtPointChoosUsMain0302::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMain0302 {
    margin: 8.3% 0% 0% 0%;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointChoosUsMain0302 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointChoosUsMain0302::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtPointChoosUsMain0302::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.photosStressFree {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .photosStressFree {
    margin: 2.44% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photosStressFree {
    margin: 8.1% 0% 0% 0%;
  }
}

.txtUnderPhotosStressFree {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .txtUnderPhotosStressFree {
    margin: 2.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtUnderPhotosStressFree {
    font-size: 1.0478061559vw;
  }
}
.txtUnderPhotosStressFree::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.txtUnderPhotosStressFree::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtUnderPhotosStressFree {
    margin: 7.97% 0% 0% 0%;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtUnderPhotosStressFree {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtUnderPhotosStressFree::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtUnderPhotosStressFree::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

.boxPointChoosUs02 {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .boxPointChoosUs02 {
    padding: 2.6% 0% 2.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .boxPointChoosUs02 {
    padding: 6.1% 0% 6% 0%;
  }
}

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

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

.presentChoosUsFx {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .presentChoosUsFx {
    width: 65.44%;
  }
}
@media screen and (max-width: 767px) {
  .presentChoosUsFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .presentChoosUsFx {
    width: 84%;
  }
}

.bgRequestChoosUs {
  background: url("../img/chooseus/bgRequestChoosUsPc.jpg") no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgRequestChoosUs {
    background: url("../img/chooseus/bgRequestChoosUsSp.jpg") no-repeat top center;
    background-size: cover;
  }
}

/* ==========================================================================
右(文章)
========================================================================== */
@media screen and (max-width: 767px) {
  .presentChoosUsFx {
    display: block;
  }
}

.secPresentChoosUsWap {
  width: 499px;
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secPresentChoosUsWap {
    width: 49.9%;
  }
}
@media screen and (max-width: 1527px) {
  .secPresentChoosUsWap {
    padding: 2.9% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secPresentChoosUsWap {
    width: 100%;
    padding: 10.7% 0% 9.52% 0%;
  }
}

.secPresentChoosUsFx {
  width: 372px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .secPresentChoosUsFx {
    width: 74.54%;
  }
}
@media screen and (max-width: 1527px) {
  .secPresentChoosUsFx {
    width: 400px;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .secPresentChoosUsFx {
    width: 80.16%;
  }
}
@media screen and (max-width: 767px) {
  .secPresentChoosUsFx {
    width: 168px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secPresentChoosUsFx {
    width: 53.33%;
  }
}

.secPresentChoosUs {
  width: 217px;
}
@media screen and (max-width: 1527px) {
  .secPresentChoosUs {
    width: 58.33%;
  }
}
@media screen and (max-width: 767px) {
  .secPresentChoosUs {
    width: 100%;
  }
}

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

.h3SecPresentChoosUs {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .h3SecPresentChoosUs {
    margin: 6.04% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3SecPresentChoosUs {
    font-size: 0.9168303864vw;
  }
}
.h3SecPresentChoosUs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3SecPresentChoosUs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3SecPresentChoosUs {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h3SecPresentChoosUs {
    margin: 4.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SecPresentChoosUs {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SecPresentChoosUs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3SecPresentChoosUs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h4SecPresentChoosUs {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .h4SecPresentChoosUs {
    margin: 4.65% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h4SecPresentChoosUs {
    font-size: 1.5717092338vw;
  }
}
.h4SecPresentChoosUs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h4SecPresentChoosUs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4SecPresentChoosUs {
    text-align: center;
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h4SecPresentChoosUs {
    margin: 5.35% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4SecPresentChoosUs {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h4SecPresentChoosUs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h4SecPresentChoosUs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.picRequestChoosUsArea {
  width: 146px;
}
@media screen and (max-width: 1527px) {
  .picRequestChoosUsArea {
    width: 39.24%;
  }
}
@media screen and (max-width: 767px) {
  .picRequestChoosUsArea {
    width: 146px;
    margin-top: 1.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .picRequestChoosUsArea {
    width: 86.9%;
  }
}

/* ==========================================================================
左(ボタン)
========================================================================== */
.requestChoosBtmUs {
  width: 499px;
}
@media screen and (max-width: 1527px) {
  .requestChoosBtmUs {
    width: 49.9%;
  }
}
@media screen and (max-width: 767px) {
  .requestChoosBtmUs {
    width: 100%;
    padding: 6.34% 0% 6.7% 0%;
  }
}

.requestChoosUsFx {
  width: 382px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .requestChoosUsFx {
    width: 76.55%;
  }
}
@media screen and (max-width: 1527px) {
  .requestChoosUsFx {
    width: 400px;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .requestChoosUsFx {
    width: 80.16%;
  }
}
@media screen and (max-width: 767px) {
  .requestChoosUsFx {
    width: 275px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .requestChoosUsFx {
    width: 87.3%;
  }
}

/* ==========================================================================
左(ボタン 資料請求フォーム)
========================================================================== */
.btmRequestChoosUs {
  height: 56px;
  justify-content: center;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .btmRequestChoosUs {
    font-size: 1.0478061559vw;
  }
}
.btmRequestChoosUs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.btmRequestChoosUs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmRequestChoosUs {
    height: 3.664921466vw;
  }
}
@media screen and (max-width: 767px) {
  .btmRequestChoosUs {
    height: 14.9333333333vw;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmRequestChoosUs {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btmRequestChoosUs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .btmRequestChoosUs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.btmRequestChoosUs:hover {
  opacity: 0.8;
}

.arrowRequestChoosUs {
  width: 88%;
  background: url("../img/chooseus/arrowRequestChoosUs.svg") no-repeat right center;
  background-size: auto 90%;
  padding-top: 5px;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .arrowRequestChoosUs {
    padding: 1.25% 0% 0.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .arrowRequestChoosUs {
    width: 100%;
    padding: 0.3% 0% 0.31% 0%;
  }
}

/* ==========================================================================
左(ボタン 電話番号)
========================================================================== */
.btmTelRequestChoosUsWap {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmTelRequestChoosUsWap {
    margin: 5.34% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmTelRequestChoosUsWap {
    width: 77.3%;
    margin-top: 7.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.secAfterMaintenanceIn {
  width: 900px;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secAfterMaintenanceIn {
    width: 46.87%;
  }
}
@media screen and (max-width: 1527px) {
  .secAfterMaintenanceIn {
    margin-top: 3.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .secAfterMaintenanceIn {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .secAfterMaintenanceIn {
    width: 295px;
    margin-top: 6.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secAfterMaintenanceIn {
    width: 88.05%;
  }
}

.h4AfterMaintenanceIn {
  width: 75px;
}
@media screen and (max-width: 1527px) {
  .h4AfterMaintenanceIn {
    width: 8.33%;
  }
}
@media screen and (max-width: 1527px) {
  .h4AfterMaintenanceIn {
    width: 10.33%;
  }
}
@media screen and (max-width: 767px) {
  .h4AfterMaintenanceIn {
    width: 61px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h4AfterMaintenanceIn {
    width: 20.67%;
  }
}

.h4AfterMaintenanceIn span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  height: 30px;
  font-size: 16px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .h4AfterMaintenanceIn span {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 1527px) {
  .h4AfterMaintenanceIn span {
    height: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .h4AfterMaintenanceIn span {
    height: 6.4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4AfterMaintenanceIn span {
    font-size: 3.7333333333vw;
  }
}

.secDetailAfterMaintenance {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secDetailAfterMaintenance {
    margin: 4.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDetailAfterMaintenance {
    margin: 9.1% 0% 0% 0%;
  }
}

.secDetailAfterMaintenance01 {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secDetailAfterMaintenance01 {
    margin: 2.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDetailAfterMaintenance01 {
    margin: 8.1% 0% 0% 0%;
  }
}

.h5DetailAfterMaintenance {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h5DetailAfterMaintenance {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5DetailAfterMaintenance {
    font-size: 3.7333333333vw;
  }
}

.txtDetailAfterMaintenance {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtDetailAfterMaintenance {
    font-size: 0.8513425016vw;
  }
}
.txtDetailAfterMaintenance::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtDetailAfterMaintenance::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtDetailAfterMaintenance {
    margin: 2.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailAfterMaintenance {
    line-height: 1.5384615385;
    margin: 5.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailAfterMaintenance {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailAfterMaintenance::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .txtDetailAfterMaintenance::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

.photosDetailAfterMaintenance {
  width: 643px;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .photosDetailAfterMaintenance {
    width: 71.44%;
  }
}
@media screen and (max-width: 1527px) {
  .photosDetailAfterMaintenance {
    margin: 2.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photosDetailAfterMaintenance {
    width: 295px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosDetailAfterMaintenance {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosDetailAfterMaintenance {
    margin: 6.77% 0% 0% 0%;
  }
}

.secAfterMaintenanceIn02 {
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secAfterMaintenanceIn02 {
    margin-top: 9.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.secAfterMaintenanceIn02 .h4AfterMaintenanceIn {
  width: 202px;
}
@media screen and (max-width: 1527px) {
  .secAfterMaintenanceIn02 .h4AfterMaintenanceIn {
    width: 22.44%;
  }
}
@media screen and (max-width: 1527px) {
  .secAfterMaintenanceIn02 .h4AfterMaintenanceIn {
    width: 26.5%;
  }
}
@media screen and (max-width: 767px) {
  .secAfterMaintenanceIn02 .h4AfterMaintenanceIn {
    margin-top: 68px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 172px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secAfterMaintenanceIn02 .h4AfterMaintenanceIn {
    margin: 23.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secAfterMaintenanceIn02 .h4AfterMaintenanceIn {
    width: 58.3%;
  }
}

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

.photosDetailAfterMaintenanceLast {
  width: 579px;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .photosDetailAfterMaintenanceLast {
    width: 64.33%;
  }
}
@media screen and (max-width: 1527px) {
  .photosDetailAfterMaintenanceLast {
    margin: 3.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photosDetailAfterMaintenanceLast {
    width: 295px;
    margin: 7.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosDetailAfterMaintenanceLast {
    width: 100%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgNavlineUp {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/lineup/bgNavlineUpPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1527px) {
  .bgNavlineUp {
    margin-top: 3.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgNavlineUp {
    margin: 9% 0% 0% 0%;
    background: url(../img/lineup/bgNavlineUpSp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.navlineUp {
  padding-top: 240px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .navlineUp {
    padding: 15.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navlineUp {
    position: relative;
    padding-top: 150px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .navlineUp {
    padding: 40% 0% 0% 0%;
  }
}

.cntNavlineUpWap {
  width: 1160px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 78px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .cntNavlineUpWap {
    width: 75.91%;
  }
}
@media screen and (max-width: 1527px) {
  .cntNavlineUpWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .cntNavlineUpWap {
    padding: 5.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntNavlineUpWap {
    position: absolute;
    top: 66.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 335px;
    padding: 14.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .cntNavlineUpWap {
    width: 89.33%;
  }
}

.inCntNavlineUp {
  width: 900px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .inCntNavlineUp {
    width: 77.58%;
  }
}
@media screen and (max-width: 1527px) {
  .inCntNavlineUp {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .inCntNavlineUp {
    width: 88%;
  }
}
@media screen and (max-width: 767px) {
  .inCntNavlineUp {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .inCntNavlineUp {
    width: 94.02%;
  }
}

.cntNavlineUpFx {
  width: 100%;
}

.liNavlineUpFx {
  padding: 0 0 1px 0;
  border-bottom: 1px solid #CCCCCC;
  width: 200px;
}
@media screen and (max-width: 1527px) {
  .liNavlineUpFx {
    width: 22.24%;
  }
}
@media screen and (max-width: 1527px) {
  .liNavlineUpFx {
    width: 23%;
  }
}
@media screen and (max-width: 767px) {
  .liNavlineUpFx {
    width: 150px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liNavlineUpFx {
    width: 47.61%;
  }
}
.liNavlineUpFx:hover {
  padding: 0 0 0px 0;
  border-bottom: 2px solid #1A222D;
}

.btmNavlineUp {
  display: block;
  text-decoration: none;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 26px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/lineup/btmNavlineUpArrow.svg) no-repeat center 68%;
  background-size: auto 30%;
}
@media screen and (max-width: 1527px) {
  .btmNavlineUp {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 1527px) {
  .btmNavlineUp {
    padding: 0% 0% 13% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmNavlineUp {
    padding: 0% 0% 12.5% 0%;
    background: url(../img/lineup/btmNavlineUpArrow.svg) no-repeat center 69%;
    background-size: auto 37%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmNavlineUp {
    font-size: 3.4666666667vw;
  }
}
.btmNavlineUp::hover {
  opacity: 0;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.lineUpLoopWap {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .lineUpLoopWap {
    margin-top: 6.54%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .lineUpLoopWap {
    margin-top: 176px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lineUpLoopWap {
    margin: 46.93% 0% 0% 0%;
  }
}

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

.bglineUpDetail {
  background: url(../img/lineup/bglineUpDetailPc.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 56px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bglineUpDetail {
    padding: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bglineUpDetail {
    background: url(../img/lineup/bglineUpDetailSp.jpg) no-repeat top center;
    background-size: cover;
    padding: 11.8% 0% 0% 0%;
  }
}

.lineUpDetail:nth-child(n+2) {
  margin-top: 153px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .lineUpDetail:nth-child(n+2) {
    margin: 10.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .lineUpDetail:nth-child(n+2) {
    margin: 27.7% 0% 0% 0%;
  }
}

.h2LineUpDetail {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 1527px) {
  .h2LineUpDetail {
    font-size: 1.3097576948vw;
  }
}
.h2LineUpDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2LineUpDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LineUpDetail {
    font-size: 4vw;
  }
}

.lineUpMainLxn {
  width: 900px;
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .lineUpMainLxn {
    width: 64.28%;
  }
}
@media screen and (max-width: 1527px) {
  .lineUpMainLxn {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .lineUpMainLxn {
    width: 315px;
    margin-top: 11.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lineUpMainLxn {
    width: 84%;
  }
}

.photosLineUpMain {
  width: 100%;
}

.liPhotosLineUpMain {
  position: relative;
  aspect-ratio: 2/1.3637;
  width: 440px;
}
@media screen and (max-width: 1527px) {
  .liPhotosLineUpMain {
    width: 48.88%;
  }
}
@media screen and (max-width: 767px) {
  .liPhotosLineUpMain {
    width: 100%;
  }
}

.liPhotosLineUpMain:nth-child(n+3) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liPhotosLineUpMain:nth-child(n+3) {
    margin: 2.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPhotosLineUpMain:nth-child(n+3) {
    margin: 3% 0% 0% 0%;
  }
}

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

.liPhotosLineUpMain img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.secLineUpMain {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secLineUpMain {
    margin: 3.88% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secLineUpMain {
    margin: 6.25% 0% 0% 0%;
  }
}

.h2LineUpMain {
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 1527px) {
  .h2LineUpMain {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LineUpMain {
    font-size: 3.7333333333vw;
  }
}

.txtLineUpMain {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtLineUpMain {
    font-size: 0.9168303864vw;
  }
}
.txtLineUpMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtLineUpMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtLineUpMain {
    margin: 3.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtLineUpMain {
    line-height: 1.6153846154;
    margin: 7.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLineUpMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLineUpMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtLineUpMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.tableLineUpMain {
  width: 100%;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tableLineUpMain {
    margin: 2.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableLineUpMain {
    margin: 6.2% 0% 0% 0%;
  }
}

.thLineUpMain {
  border: solid 1px #FFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  width: 200px;
  padding-top: 19px;
  padding-bottom: 17px;
  padding-left: 17px;
  padding-right: 17px;
}
@media screen and (max-width: 1527px) {
  .thLineUpMain {
    font-size: 0.9168303864vw;
  }
}
.thLineUpMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.thLineUpMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .thLineUpMain {
    width: 22.22%;
  }
}
@media screen and (max-width: 1527px) {
  .thLineUpMain {
    padding: 2.11% 1.88% 1.88% 1.88%;
  }
}
@media screen and (max-width: 767px) {
  .thLineUpMain {
    vertical-align: middle;
    width: 71px;
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thLineUpMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thLineUpMain {
    width: 22.53%;
  }
}

.tdLineUpMain01 {
  border: solid 1px #FFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  width: 298px;
  padding-top: 19px;
  padding-bottom: 17px;
  padding-left: 17px;
  padding-right: 17px;
  text-align: center;
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain01 {
    font-size: 0.9168303864vw;
  }
}
.tdLineUpMain01::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.tdLineUpMain01::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain01 {
    width: 33.11%;
  }
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain01 {
    padding: 2.11% 1.88% 1.88% 1.88%;
  }
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain01 {
    width: 34.11%;
  }
}
@media screen and (max-width: 767px) {
  .tdLineUpMain01 {
    border: none;
    display: block;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
    width: 100%;
    padding: 6.5% 7% 6.5% 7%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdLineUpMain01 {
    font-size: 3.4666666667vw;
  }
}

.tdLineUpMain02 {
  border: solid 1px #FFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  width: 400px;
  padding-top: 19px;
  padding-bottom: 17px;
  padding-left: 17px;
  padding-right: 17px;
  text-align: center;
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain02 {
    font-size: 0.9168303864vw;
  }
}
.tdLineUpMain02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.tdLineUpMain02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain02 {
    width: 44.44%;
  }
}
@media screen and (max-width: 1527px) {
  .tdLineUpMain02 {
    padding: 2.11% 1.88% 1.88% 1.88%;
  }
}
@media screen and (max-width: 767px) {
  .tdLineUpMain02 {
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    border-left: none;
    border-right: none;
    display: block;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
    width: 100%;
    padding: 6.5% 7% 6.1% 7%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdLineUpMain02 {
    font-size: 3.4666666667vw;
  }
}

.btmTxtLineUpMain {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5833333333;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmTxtLineUpMain {
    font-size: 0.7858546169vw;
  }
}
.btmTxtLineUpMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.btmTxtLineUpMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmTxtLineUpMain {
    margin: 2.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmTxtLineUpMain {
    line-height: 1.6363636364;
    margin: 5.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmTxtLineUpMain {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmTxtLineUpMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .btmTxtLineUpMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.pagerSignleModelHouse.btmLineUpWap {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .pagerSignleModelHouse.btmLineUpWap {
    margin-top: 4.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pagerSignleModelHouse.btmLineUpWap {
    margin-top: 11.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.archivsLineUp {
  width: 540px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .archivsLineUp {
    width: 35.34%;
  }
}
@media screen and (max-width: 1527px) {
  .archivsLineUp {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .archivsLineUp {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .archivsLineUp {
    width: 84%;
  }
}

.btmArchivsLineUpPagers {
  height: 70px;
}
@media screen and (max-width: 1527px) {
  .btmArchivsLineUpPagers {
    height: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .btmArchivsLineUpPagers {
    height: 20.2666666667vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secLineUpTop {
  width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .secLineUpTop {
    width: 61.55%;
  }
}
@media screen and (max-width: 767px) {
  .secLineUpTop {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secLineUpTop {
    width: 89.33%;
  }
}

.h2LineUpTop {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 700;
}
@media screen and (max-width: 1527px) {
  .h2LineUpTop {
    font-size: 1.3097576948vw;
  }
}
.h2LineUpTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2LineUpTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2LineUpTop {
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LineUpTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2LineUpTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h2LineUpTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.txtLineUpTop {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .txtLineUpTop {
    margin-top: 4.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtLineUpTop {
    font-size: 0.9823182711vw;
  }
}
.txtLineUpTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtLineUpTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLineUpTop {
    margin-top: 14.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLineUpTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLineUpTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtLineUpTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
画像部分
========================================================================== */
.planColumn3Wap {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .planColumn3Wap {
    margin-top: 2.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .planColumn3Wap {
    margin-top: 8.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.planColumn3 {
  padding-top: 362px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .planColumn3 {
    padding: 23.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .planColumn3 {
    width: 91.68%;
  }
}
@media screen and (max-width: 1527px) {
  .planColumn3 {
    padding: 23.7066142764vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .planColumn3 {
    padding-top: 150px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .planColumn3 {
    padding: 40% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .planColumn3 {
    width: 100%;
  }
}

.bgPlanColumn {
  background: url(../img/plan/bgPlanColumnPc.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .bgPlanColumn {
    background: url(../img/plan/bgPlanColumnSp.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}

.planColumn3Main {
  width: 1160px;
  margin-top: -122px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #FFF;
}
@media screen and (max-width: 1527px) {
  .planColumn3Main {
    width: 82.85%;
  }
}
@media screen and (max-width: 1527px) {
  .planColumn3Main {
    margin-top: -8.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .planColumn3Main {
    width: 335px;
    margin-top: -50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .planColumn3Main {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .planColumn3Main {
    margin-top: -13.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.navPlanColumn3Main {
  width: 850px;
  margin: 0 auto;
  padding-top: 74px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .navPlanColumn3Main {
    width: 73.27%;
  }
}
@media screen and (max-width: 1527px) {
  .navPlanColumn3Main {
    padding: 6.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navPlanColumn3Main {
    padding: 15.37% 0% 0% 0%;
    width: 189px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .navPlanColumn3Main {
    width: 56.41%;
  }
}

.liPlanColumn3Main {
  width: 230px;
}
@media screen and (max-width: 1527px) {
  .liPlanColumn3Main {
    width: 27.05%;
  }
}
@media screen and (max-width: 767px) {
  .liPlanColumn3Main {
    width: 189px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liPlanColumn3Main {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liPlanColumn3Main:nth-child(n+2) {
    margin-top: 12.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2PlanColumn3Main {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2PlanColumn3Main {
    margin-top: 10.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .h2PlanColumn3Main {
    font-size: 1.1787819253vw;
  }
}
.h2PlanColumn3Main::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h2PlanColumn3Main::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2PlanColumn3Main {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PlanColumn3Main {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PlanColumn3Main::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2PlanColumn3Main::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtPlanColumn3Main {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtPlanColumn3Main {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtPlanColumn3Main {
    font-size: 0.8513425016vw;
  }
}
.txtPlanColumn3Main::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtPlanColumn3Main::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPlanColumn3Main {
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPlanColumn3Main {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPlanColumn3Main::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtPlanColumn3Main::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

.planDetail {
  width: 1400px;
  margin: 0 auto;
  padding-top: 57px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/plan/bgPlanDetailPc.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (max-width: 1527px) {
  .planDetail {
    width: 91.68%;
  }
}
@media screen and (max-width: 1527px) {
  .planDetail {
    padding: 4.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .planDetail {
    width: 375px;
    padding: 12.06% 0% 0% 0%;
    background: url(../img/plan/bgPlanDetailSp.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .planDetail {
    width: 100%;
  }
}
.planDetail:nth-child(n+2) {
  margin-top: 150px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .planDetail:nth-child(n+2) {
    margin-top: 9.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .planDetail:nth-child(n+2) {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .planDetail:nth-child(n+2) {
    margin-top: 26.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secPlanDetailMain {
  width: 936px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .secPlanDetailMain {
    width: 66.85%;
  }
}
@media screen and (max-width: 767px) {
  .secPlanDetailMain {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secPlanDetailMain {
    width: 100%;
  }
}

.h2PlanDetailMain {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .h2PlanDetailMain {
    font-size: 1.3097576948vw;
  }
}
.h2PlanDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2PlanDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2PlanDetailMain {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PlanDetailMain {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PlanDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2PlanDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.sliderPlanDetailMainWap {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  position: relative;
}
@media screen and (max-width: 1527px) {
  .sliderPlanDetailMainWap {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .sliderPlanDetailMainWap {
    width: 96.15%;
  }
}
@media screen and (max-width: 767px) {
  .sliderPlanDetailMainWap {
    margin-top: 11.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .sliderPlanDetailMainWap {
    width: 89.33%;
  }
}

/* ==========================================================================
Hiraya Style
========================================================================== */
.iconPlanDetailMain {
  position: absolute;
  top: -2.2%;
  right: 4.3%;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .iconPlanDetailMain {
    position: absolute;
    top: -2%;
    right: 4.15%;
    z-index: 9;
    width: 18%;
  }
}

.swiperplan {
  overflow: hidden;
}

/* ==========================================================================
前への矢印カスタマイズ
========================================================================== */
.swiperPlanBtnPrev {
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: url(../img/plan/swiperPlanBtnPrev.svg) no-repeat right center;
  background-size: 100% 100%;
  position: absolute;
  top: 47.5%;
  left: -2.2%;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .swiperPlanBtnPrev {
    width: 30px;
    left: -6%;
    top: 42%;
  }
}

/* ==========================================================================
次への矢印カスタマイズ
========================================================================== */
.swiperPlanBtnNext {
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: url(../img/plan/swiperPlanBtnNext.svg) no-repeat right center;
  background-size: 100% 100%;
  position: absolute;
  top: 47.5%;
  right: -2.2%;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .swiperPlanBtnNext {
    width: 30px;
    right: -6%;
    top: 42%;
  }
}

/* ==========================================================================
テーブル
========================================================================== */
.tablePlanDetailMainWap {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}
@media screen and (max-width: 1527px) {
  .tablePlanDetailMainWap {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .tablePlanDetailMainWap {
    width: 96.15%;
  }
}
@media screen and (max-width: 767px) {
  .tablePlanDetailMainWap {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tablePlanDetailMainWap {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tablePlanDetailMainWap {
    width: 84%;
  }
}

.tablePlanLoops {
  width: 100%;
}

.thPlanLoops {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  text-align: center;
  width: 200px;
  vertical-align: middle;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
}
@media screen and (max-width: 1527px) {
  .thPlanLoops {
    padding: 1.55% 3.88% 1.55% 3.88%;
  }
}
@media screen and (max-width: 1527px) {
  .thPlanLoops {
    font-size: 0.9168303864vw;
  }
}
.thPlanLoops::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.thPlanLoops::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .thPlanLoops {
    width: 22.22%;
  }
}
@media screen and (max-width: 767px) {
  .thPlanLoops {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.6153846154;
    width: 66px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thPlanLoops {
    padding: 0% 3.17% 0% 3.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thPlanLoops {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thPlanLoops::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .thPlanLoops::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thPlanLoops {
    width: 20.95%;
  }
}

.tdPlanLoops01 {
  padding-top: 17px;
  padding-bottom: 19px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  width: 200px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
}
@media screen and (max-width: 1527px) {
  .tdPlanLoops01 {
    padding: 1.88% 3.88% 2.11% 3.88%;
  }
}
@media screen and (max-width: 1527px) {
  .tdPlanLoops01 {
    font-size: 0.9168303864vw;
  }
}
.tdPlanLoops01::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.tdPlanLoops01::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdPlanLoops01 {
    width: 22.22%;
  }
}
@media screen and (max-width: 767px) {
  .tdPlanLoops01 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.6153846154;
    width: 66px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdPlanLoops01 {
    padding: 0% 4.76% 0% 4.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdPlanLoops01 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdPlanLoops01::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .tdPlanLoops01::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdPlanLoops01 {
    width: 20.95%;
  }
}

.tdPlanLoops02 {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  width: 498px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
}
@media screen and (max-width: 1527px) {
  .tdPlanLoops02 {
    padding: 1.55% 3.88% 1.55% 3.88%;
  }
}
@media screen and (max-width: 1527px) {
  .tdPlanLoops02 {
    font-size: 0.9168303864vw;
  }
}
.tdPlanLoops02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.tdPlanLoops02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdPlanLoops02 {
    width: 55.33%;
  }
}
@media screen and (max-width: 767px) {
  .tdPlanLoops02 {
    padding: 5.46% 3.07% 4.66% 5.07%;
    line-height: 1.6153846154;
    width: 181px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdPlanLoops02 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tdPlanLoops02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .tdPlanLoops02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdPlanLoops02 {
    width: 57.46%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secCompanyTop {
  margin-top: 76px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secCompanyTop {
    margin-top: 3.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secCompanyTop {
    margin: 18.03% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.h1CompanyTop {
  font-weight: 400;
  font-size: 20px;
}
@media screen and (max-width: 1527px) {
  .h1CompanyTop {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1CompanyTop {
    font-size: 3.7333333333vw;
  }
}

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

.bgCompanyGreetingImg {
  height: 362px;
  background: url(../img/company/bgCompanyGreetingImgPc.jpg) no-repeat top center;
  background-size: auto 100%;
  width: 1400px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .bgCompanyGreetingImg {
    width: 91.62%;
  }
}
@media screen and (max-width: 1527px) {
  .bgCompanyGreetingImg {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgCompanyGreetingImg {
    height: 40vw;
    background: url(../img/company/bgCompanyGreetingImgSp.jpg) no-repeat top center;
    background-size: auto 100%;
    width: 100%;
  }
}

.companyGreetingLxn {
  position: relative;
  width: 1160px;
  margin-top: -122px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 79px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .companyGreetingLxn {
    width: 75.91%;
  }
}
@media screen and (max-width: 1527px) {
  .companyGreetingLxn {
    margin-top: -7.99%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .companyGreetingLxn {
    padding: 5.17% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .companyGreetingLxn {
    width: 335px;
    margin-top: -50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 13.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .companyGreetingLxn {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .companyGreetingLxn {
    margin-top: -13.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.companyGreetingCnt {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .companyGreetingCnt {
    width: 86.2%;
  }
}
@media screen and (max-width: 1527px) {
  .companyGreetingCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .companyGreetingCnt {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .companyGreetingCnt {
    width: 88.05%;
  }
}

.secCompanyGreeting {
  width: 100%;
}

.txtCompanyGreeting {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.73;
}
@media screen and (max-width: 1527px) {
  .txtCompanyGreeting {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCompanyGreeting {
    line-height: 1.63;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCompanyGreeting {
    font-size: 3.2vw;
  }
}

.sineCompanyGreeting {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .sineCompanyGreeting {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .sineCompanyGreeting {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .sineCompanyGreeting {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .sineCompanyGreeting {
    margin: 10.16% 0% 0% 0%;
  }
}

.nameCompanyGreeting {
  font-weight: 500;
  font-size: 15px;
}
@media screen and (max-width: 1527px) {
  .nameCompanyGreeting {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameCompanyGreeting {
    font-size: 3.2vw;
  }
}

.picSineCompanyGreeting {
  width: 137px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .picSineCompanyGreeting {
    width: 13.7%;
  }
}
@media screen and (max-width: 1527px) {
  .picSineCompanyGreeting {
    margin: 0% 0% 0% 2%;
  }
}
@media screen and (max-width: 767px) {
  .picSineCompanyGreeting {
    width: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 13px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .picSineCompanyGreeting {
    width: 33.89%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .picSineCompanyGreeting {
    margin: 0% 0% 0% 4.4%;
  }
}

.picSineCompanyGreetingKabuki {
  width: 80px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .picSineCompanyGreetingKabuki {
    width: 8%;
  }
}
@media screen and (max-width: 1527px) {
  .picSineCompanyGreetingKabuki {
    margin: 0% 0% 0% 1.4%;
  }
}
@media screen and (max-width: 767px) {
  .picSineCompanyGreetingKabuki {
    width: 18.5%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 13px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .picSineCompanyGreetingKabuki {
    margin: 0% 0% 0% 4.4%;
  }
}

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

.companyOutlineLxn {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .companyOutlineLxn {
    width: 65.44%;
  }
}
@media screen and (max-width: 1527px) {
  .companyOutlineLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .companyOutlineLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .companyOutlineLxn {
    width: 84%;
  }
}

.tableCompanyOutline {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .tableCompanyOutline {
    border-top: none;
  }
}

.thCompanyOutline {
  border-bottom: 1px solid #CCCCCC;
  font-weight: 600;
  font-size: 15px;
  width: 260px;
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .thCompanyOutline {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .thCompanyOutline {
    width: 26%;
  }
}
@media screen and (max-width: 1527px) {
  .thCompanyOutline {
    padding: 2.6% 0% 2.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thCompanyOutline {
    border-bottom: none;
    display: block;
    width: 100%;
    padding: 6.34% 0% 2.17% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thCompanyOutline {
    font-size: 3.7333333333vw;
  }
}

.tdCompanyOutline {
  border-bottom: 1px solid #CCCCCC;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.8;
  width: 740px;
  padding-top: 26px;
  padding-bottom: 26px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tdCompanyOutline {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .tdCompanyOutline {
    width: 74%;
  }
}
@media screen and (max-width: 1527px) {
  .tdCompanyOutline {
    padding: 2.6% 0% 2.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdCompanyOutline {
    display: block;
    width: 100%;
    padding: 2.57% 0% 4.64% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdCompanyOutline {
    font-size: 3.4666666667vw;
  }
}

.tdCompanyOutline_mid {
  vertical-align: middle;
  line-height: 1;
}

.tdCompanyOutlineFx {
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .tdCompanyOutlineFx {
    display: block;
  }
}
.tdCompanyOutlineFx02 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .tdCompanyOutlineFx02 {
    margin-top: 0.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tdCompanyOutlineFx02 {
    margin: 4.34% 0% 1% 0%;
  }
}

.nameCompanyOutlineFx {
  width: 301px;
}
@media screen and (max-width: 1527px) {
  .nameCompanyOutlineFx {
    width: 40.67%;
  }
}
@media screen and (max-width: 1527px) {
  .nameCompanyOutlineFx {
    line-height: 1.5;
    width: 44.67%;
  }
}
@media screen and (max-width: 767px) {
  .nameCompanyOutlineFx {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 1527px) {
  .addressCompanyOutlineFx {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .addressCompanyOutlineFx {
    margin: 1.1% 0 0 0;
  }
}

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

.companyOffieceLxn {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .companyOffieceLxn {
    width: 65.44%;
  }
}
@media screen and (max-width: 1527px) {
  .companyOffieceLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .companyOffieceLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .companyOffieceLxn {
    width: 84%;
  }
}

.companyOffieceFx {
  width: 100%;
}

.secCompanyOffiece {
  width: 402px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secCompanyOffiece {
    width: 40.2%;
  }
}
@media screen and (max-width: 1527px) {
  .secCompanyOffiece {
    margin: 0.32% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCompanyOffiece {
    width: 100%;
  }
}

.h2CompanyOffiece {
  font-weight: 500;
  font-size: 18px;
}
@media screen and (max-width: 1527px) {
  .h2CompanyOffiece {
    font-size: 1.1787819253vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CompanyOffiece {
    font-size: 4.2666666667vw;
  }
}

.tableCompanyOffiece {
  width: 100%;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tableCompanyOffiece {
    margin: 6.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableCompanyOffiece {
    margin: 5.07% 0% 0% 0%;
  }
}

.thCompanyOffiece {
  font-weight: 500;
  font-size: 14px;
  width: 87px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .thCompanyOffiece {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .thCompanyOffiece {
    width: 21.64%;
  }
}
@media screen and (max-width: 1527px) {
  .thCompanyOffiece {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thCompanyOffiece {
    width: 72px;
    padding: 0.03% 0% 0.03% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thCompanyOffiece {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thCompanyOffiece {
    width: 22.85%;
  }
}

.tdCompanyOffiece {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  width: 317px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tdCompanyOffiece {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .tdCompanyOffiece {
    width: 78.85%;
  }
}
@media screen and (max-width: 1527px) {
  .tdCompanyOffiece {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdCompanyOffiece {
    font-feature-settings: "palt";
    line-height: 1.75;
    width: 243px;
    padding: 0.03% 0% 0.03% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdCompanyOffiece {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdCompanyOffiece {
    width: 77.14%;
  }
}

.txtLinkCompanyOffiece {
  width: 100%;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtLinkCompanyOffiece {
    margin: 5.47% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtLinkCompanyOffiece {
    margin: 3.57% 0% 0% 0%;
  }
}

.btmLinkCompanyOffiece {
  color: #0044CC;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 1527px) {
  .btmLinkCompanyOffiece {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmLinkCompanyOffiece {
    font-size: 3.4666666667vw;
  }
}

.ggmapCompanyOffiece {
  padding-top: 323px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 560/323;
  width: 560px;
}
@media screen and (max-width: 1527px) {
  .ggmapCompanyOffiece {
    padding: 32.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .ggmapCompanyOffiece {
    width: 56%;
  }
}
@media screen and (max-width: 767px) {
  .ggmapCompanyOffiece {
    width: 100%;
    height: 53.3333333333vw;
    margin: 5.9% 0% 0% 0%;
  }
}
.ggmapCompanyOffiece 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
========================================================================== */
.companyOffiece02Wap {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .companyOffiece02Wap {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .companyOffiece02Wap {
    margin: 17.2% 0% 0% 0%;
  }
}

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

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

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

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

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.contactMain {
  margin-top: 66px;
  margin-bottom: 160px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .contactMain {
    margin-top: 4.31%;
    margin-bottom: 10.47%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contactMain {
    margin-top: 16%;
    margin-bottom: 25.66%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

.photoStaffInfoImages {
  width: 1200px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .photoStaffInfoImages {
    width: 78.53%;
  }
}
@media screen and (max-width: 1527px) {
  .photoStaffInfoImages {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoStaffInfoImages {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photoStaffInfoImages {
    width: 89.33%;
  }
}

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

.staffInfosWap {
  width: 1160px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .staffInfosWap {
    width: 75.91%;
  }
}
@media screen and (max-width: 1527px) {
  .staffInfosWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .staffInfosWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .staffInfosWap {
    width: 89.33%;
  }
}

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

.liStaffInfosFx {
  width: 260px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 40px;
}
@media screen and (max-width: 1527px) {
  .liStaffInfosFx {
    width: 22.41%;
  }
}
@media screen and (max-width: 1527px) {
  .liStaffInfosFx {
    margin: 0% 3.44% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffInfosFx {
    width: 155px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liStaffInfosFx {
    width: 46.26%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liStaffInfosFx {
    margin: 0% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .liStaffInfosFx:nth-child(n+3) {
    margin: 13.26% 0% 0% 0%;
  }
}

.liStaffInfosFx:nth-child(n+5) {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 40px;
}
@media screen and (max-width: 1527px) {
  .liStaffInfosFx:nth-child(n+5) {
    margin: 6.89% 3.44% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffInfosFx:nth-child(n+5) {
    margin: 13.26% 0% 0% 0%;
  }
}

.liStaffInfosFx:nth-child(4n) {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liStaffInfosFx:nth-child(4n) {
    margin: 6.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffInfosFx:nth-child(4n) {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liStaffInfosFx:nth-child(4n) {
    margin: 11.94% 0% 0% 0%;
  }
}

.liStaffInfosFx:nth-child(4) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liStaffInfosFx:nth-child(4) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffInfosFx:nth-child(4) {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liStaffInfosFx:nth-child(4) {
    margin: 11.94% 0% 0% 0%;
  }
}

.picStaffInfos {
  width: 146px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .picStaffInfos {
    width: 56.15%;
  }
}
@media screen and (max-width: 1527px) {
  .picStaffInfos {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picStaffInfos {
    width: 80px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .picStaffInfos {
    width: 51.61%;
  }
}

.h3StaffInfosFx {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h3StaffInfosFx {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .h3StaffInfosFx {
    margin: 9.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3StaffInfosFx {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 14.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3StaffInfosFx {
    font-size: 3.2vw;
  }
}

.likeStaffInfos {
  width: 100%;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .likeStaffInfos {
    margin: 8.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .likeStaffInfos {
    margin: 9.4% 0% 0% 0%;
  }
}

.h4LikeStaffInfosFx {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h4LikeStaffInfosFx {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LikeStaffInfosFx {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LikeStaffInfosFx {
    font-size: 3.2vw;
  }
}

.txtLikeStaffInfosFx {
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  line-height: 1.5833333333;
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtLikeStaffInfosFx {
    font-size: 0.8513425016vw;
  }
}
.txtLikeStaffInfosFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtLikeStaffInfosFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtLikeStaffInfosFx {
    margin: 3.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtLikeStaffInfosFx {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLikeStaffInfosFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLikeStaffInfosFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtLikeStaffInfosFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtLikeStaffInfosFx {
    margin: 5.16% 0% 0% 0%;
  }
}

.infoStaffDetail {
  width: 100%;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .infoStaffDetail {
    margin: 10.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoStaffDetail {
    margin: 7.41% 0% 0% 0%;
  }
}

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

.btmLinkToCatStaffInfos {
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmLinkToCatStaffInfos {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .btmLinkToCatStaffInfos {
    margin: 10.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmLinkToCatStaffInfos {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmLinkToCatStaffInfos {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btmLinkToCatStaffInfos::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .btmLinkToCatStaffInfos::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmLinkToCatStaffInfos {
    margin: 5.16% 0% 0% 0%;
  }
}
.btmLinkToCatStaffInfos a {
  color: #0044CC;
}

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

.secStaffRecruitTop {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secStaffRecruitTop {
    width: 65.44%;
  }
}
@media screen and (max-width: 1527px) {
  .secStaffRecruitTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secStaffRecruitTop {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secStaffRecruitTop {
    width: 89.33%;
  }
}

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

.txtStaffRecruitTop {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtStaffRecruitTop {
    font-size: 0.9168303864vw;
  }
}
.txtStaffRecruitTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtStaffRecruitTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtStaffRecruitTop {
    margin: 4.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtStaffRecruitTop {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 9.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtStaffRecruitTop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtStaffRecruitTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtStaffRecruitTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

.staffInfoRecruitTelLxn {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .staffInfoRecruitTelLxn {
    width: 65.44%;
  }
}
@media screen and (max-width: 1527px) {
  .staffInfoRecruitTelLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .staffInfoRecruitTelLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .staffInfoRecruitTelLxn {
    width: 89.33%;
  }
}

.staffInfoRecruitTelCnt {
  width: 920px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .staffInfoRecruitTelCnt {
    width: 92%;
  }
}
@media screen and (max-width: 1527px) {
  .staffInfoRecruitTelCnt {
    padding: 4.5% 0% 4.5% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .staffInfoRecruitTelCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .staffInfoRecruitTelCnt {
    width: 295px;
    padding: 7.76% 0% 8.76% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .staffInfoRecruitTelCnt {
    width: 88.05%;
  }
}

.h2StaffInfoRecruitTelCnt {
  font-weight: 600;
  border-bottom: 1px solid #CCCCCC;
  padding-top: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2StaffInfoRecruitTelCnt {
    padding: 0% 0% 1.5% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h2StaffInfoRecruitTelCnt {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 767px) {
  .h2StaffInfoRecruitTelCnt {
    letter-spacing: 0em;
    text-indent: 0em;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2StaffInfoRecruitTelCnt {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h2StaffInfoRecruitTelCnt {
    padding: 0% 0% 5.08% 0%;
  }
}

.telMainStaffInfoRecruit {
  align-items: center;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .telMainStaffInfoRecruit {
    margin-top: 1.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .telMainStaffInfoRecruit {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .telMainStaffInfoRecruit {
    margin-top: 5.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconTelStaffInfoRecruit {
  width: 31px;
}
@media screen and (max-width: 1527px) {
  .iconTelStaffInfoRecruit {
    width: 3.36%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelStaffInfoRecruit {
    width: 22px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconTelStaffInfoRecruit {
    width: 7.45%;
  }
}

.btmTelStaffInfoRecruit {
  font-size: 40px;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmTelStaffInfoRecruit {
    font-size: 2.6195153897vw;
  }
}
@media screen and (max-width: 1527px) {
  .btmTelStaffInfoRecruit {
    margin: 0.43% 0% 0% 0.86%;
  }
}
@media screen and (max-width: 767px) {
  .btmTelStaffInfoRecruit {
    margin: 1.8% 0% 0% 2.37%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmTelStaffInfoRecruit {
    font-size: 8vw;
  }
}

.btmTelStaffInfoRecruit:hover {
  opacity: 1;
}

.txtTelStaffInfoRecruit {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 17px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtTelStaffInfoRecruit {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .txtTelStaffInfoRecruit {
    margin: 1.63% 0% 0% 1.84%;
  }
}
@media screen and (max-width: 767px) {
  .txtTelStaffInfoRecruit {
    display: block;
    width: 100%;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.42% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTelStaffInfoRecruit {
    font-size: 3.4666666667vw;
  }
}

.lastTelStaffInfoRecruit {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .lastTelStaffInfoRecruit {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .lastTelStaffInfoRecruit {
    margin: 1.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .lastTelStaffInfoRecruit {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .lastTelStaffInfoRecruit {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .lastTelStaffInfoRecruit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .lastTelStaffInfoRecruit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .lastTelStaffInfoRecruit {
    margin: 8.13% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.btmStaffRecruitNavCntWap {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .btmStaffRecruitNavCntWap {
    margin-top: 10.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btmStaffRecruitNavCntWap {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmStaffRecruitNavCntWap {
    margin-top: 26.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmStaffRecruitNavCntFx {
  width: 1031px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .btmStaffRecruitNavCntFx {
    width: 67.47%;
  }
}
@media screen and (max-width: 1527px) {
  .btmStaffRecruitNavCntFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btmStaffRecruitNavCntFx {
    width: 310px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmStaffRecruitNavCntFx {
    width: 82.66%;
  }
}

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

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

.btmStaffRecruitNavCnt {
  display: block;
  width: 100%;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.baseMainMargin {
  margin-top: 72px;
  margin-bottom: 160px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .baseMainMargin {
    margin-top: 4.71%;
    margin-bottom: 10.47%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .baseMainMargin {
    margin-top: 18%;
    margin-bottom: 26.66%;
    margin-left: auto;
    margin-right: auto;
  }
}

.catStaffBlogFx {
  display: flex;
  width: 1160px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .catStaffBlogFx {
    width: 75.91%;
  }
}
@media screen and (max-width: 1527px) {
  .catStaffBlogFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .catStaffBlogFx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .catStaffBlogFx {
    width: 89.33%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.sidebarNews {
  width: 280px;
}
@media screen and (max-width: 1527px) {
  .sidebarNews {
    width: 24.13%;
  }
}
@media screen and (max-width: 767px) {
  .sidebarNews {
    width: 100%;
    margin-top: 26.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.newTopicsSidebar {
  width: 100%;
}

.h2TopicsSidebar {
  background: #F2F4F6;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 19px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h2TopicsSidebar {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .h2TopicsSidebar {
    padding: 6.78% 0% 6.42% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsSidebar {
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 5.7% 0% 5.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopicsSidebar {
    font-size: 3.7333333333vw;
  }
}

.ulNewTopicsSidebar {
  width: 100%;
}

.liNewTopicsSidebar {
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 19px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liNewTopicsSidebar {
    padding: 6.42% 0% 6.78% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNewTopicsSidebar {
    padding: 5.7% 0% 5.7% 0%;
  }
}

.liNewTopicsSidebar:last-child {
  border-bottom: none;
}

.btmNewTopicsSidebar {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* ==========================================================================
スタッフタイトル部分
========================================================================== */
.h3ListIndexEvent.h3ListIndexEventStaff {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .h3ListIndexEvent.h3ListIndexEventStaff {
    font-size: 0.9168303864vw;
  }
}
.h3ListIndexEvent.h3ListIndexEventStaff::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4285714286) * 0.5em);
  content: "";
}
.h3ListIndexEvent.h3ListIndexEventStaff::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4285714286) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ListIndexEvent.h3ListIndexEventStaff {
    line-height: 1.4285714286;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ListIndexEvent.h3ListIndexEventStaff {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ListIndexEvent.h3ListIndexEventStaff::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
  .h3ListIndexEvent.h3ListIndexEventStaff::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
}

.BlogStaffsSidebar {
  width: 100%;
  margin: 0.1% 0 0 0;
}

.ulBlogStaffsSidebar {
  width: 100%;
}

.liBlogStaffsSidebar {
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liBlogStaffsSidebar {
    padding: 2.5% 0% 2.85% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liBlogStaffsSidebar {
    padding: 2.55% 0% 2.55% 0%;
  }
}

.btmBlogStaffsSidebar {
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}

.iconBlogStaffsSidebar {
  width: 34px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 11px;
}
@media screen and (max-width: 1527px) {
  .iconBlogStaffsSidebar {
    width: 12.14%;
  }
}
@media screen and (max-width: 1527px) {
  .iconBlogStaffsSidebar {
    margin: 0% 3.92% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconBlogStaffsSidebar {
    width: 34px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 11px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconBlogStaffsSidebar {
    width: 10.79%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconBlogStaffsSidebar {
    margin: 0% 3.49% 0% 0%;
  }
}

.arrowBlogStaffsSidebar {
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 228px;
}
@media screen and (max-width: 1527px) {
  .arrowBlogStaffsSidebar {
    font-size: 0.8513425016vw;
  }
}
.arrowBlogStaffsSidebar::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.arrowBlogStaffsSidebar::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .arrowBlogStaffsSidebar {
    width: 81.42%;
  }
}
@media screen and (max-width: 767px) {
  .arrowBlogStaffsSidebar {
    line-height: 1.5384615385;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 262px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowBlogStaffsSidebar {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowBlogStaffsSidebar::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .arrowBlogStaffsSidebar::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .arrowBlogStaffsSidebar {
    width: 83.17%;
  }
}

.arrpwBlogStaffsSidebar {
  width: 7.05px;
}
@media screen and (max-width: 1527px) {
  .arrpwBlogStaffsSidebar {
    width: 2.51%;
  }
}
@media screen and (max-width: 767px) {
  .arrpwBlogStaffsSidebar {
    width: 7px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .arrpwBlogStaffsSidebar {
    width: 2.22%;
  }
}

.photoBlogStaffsSidebarBox {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .photoBlogStaffsSidebarBox {
    margin-top: 10.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoBlogStaffsSidebarBox {
    width: 280px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photoBlogStaffsSidebarBox {
    width: 88.88%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photoBlogStaffsSidebarBox {
    margin-top: 9.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
イベントの画像
========================================================================== */
.thumbsNewTopicsSidebar {
  padding-top: 38px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 78px;
  position: relative;
  aspect-ratio: 78/38;
  overflow: hidden;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .thumbsNewTopicsSidebar {
    padding: 13.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .thumbsNewTopicsSidebar {
    width: 27.85%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsNewTopicsSidebar {
    padding-top: 38px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsNewTopicsSidebar {
    padding: 12.06% 0% 0% 0%;
  }
}

.thumbsNewTopicsSidebar img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}

/* ==========================================================================
お知らせのタイトル部分
========================================================================== */
.h3ListIndexEvent {
  width: 186px;
  font-size: 13px;
  line-height: 1.5384615385;
}
@media screen and (max-width: 1527px) {
  .h3ListIndexEvent {
    width: 66.42%;
  }
}
@media screen and (max-width: 1527px) {
  .h3ListIndexEvent {
    font-size: 0.8513425016vw;
  }
}
.h3ListIndexEvent::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.h3ListIndexEvent::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ListIndexEvent {
    line-height: 1.5384615385;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ListIndexEvent {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ListIndexEvent::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
  .h3ListIndexEvent::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5384615385) * 0.5em);
    content: "";
  }
}

.ulNewOtherSidebar {
  width: 100%;
}

.liNewOtherSidebar {
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liNewOtherSidebar {
    padding: 5.35% 0% 5.35% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNewOtherSidebar {
    padding: 5.48% 0% 5.48% 0%;
  }
}

.arrowNewOtherSidebar {
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  background: url(../img/index/iconIndexUserVoiceArchives.svg) no-repeat right center;
  background-size: auto 100%;
  width: 100%;
  display: block;
}
@media screen and (max-width: 1527px) {
  .arrowNewOtherSidebar {
    font-size: 0.8513425016vw;
  }
}
.arrowNewOtherSidebar::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.arrowNewOtherSidebar::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .arrowNewOtherSidebar {
    line-height: 1.6666666667;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowNewOtherSidebar {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowNewOtherSidebar::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .arrowNewOtherSidebar::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

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

.h2CatStaffInfos {
  display: block;
  font-size: 20px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2CatStaffInfos {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CatStaffInfos {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CatStaffInfos {
    font-size: 4vw;
  }
}

.infoCatStaff {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  margin-top: 55px;
  margin-bottom: 60px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .infoCatStaff {
    margin: 6.87% 0% 7.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoCatStaff {
    margin: 10.95% 0% 18.91% 0%;
  }
}

.infoCatStaffFx {
  display: flex;
  width: 740px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 33px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .infoCatStaffFx {
    width: 92.5%;
  }
}
@media screen and (max-width: 1527px) {
  .infoCatStaffFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .infoCatStaffFx {
    padding: 4% 0% 4.12% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoCatStaffFx {
    width: 303px;
    padding: 4.77% 0% 3.77% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .infoCatStaffFx {
    width: 90.44%;
  }
}

.iconInfoCatStaff {
  width: 100px;
}
@media screen and (max-width: 1527px) {
  .iconInfoCatStaff {
    width: 13.51%;
  }
}
@media screen and (max-width: 767px) {
  .iconInfoCatStaff {
    width: 54px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconInfoCatStaff {
    width: 17.82%;
  }
}

.secInfoCatStaff {
  width: 610px;
}
@media screen and (max-width: 1527px) {
  .secInfoCatStaff {
    width: 82.43%;
  }
}
@media screen and (max-width: 767px) {
  .secInfoCatStaff {
    width: 233px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secInfoCatStaff {
    width: 76.89%;
  }
}

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

.likeInfoCatStaff {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .likeInfoCatStaff {
    margin: 2.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .likeInfoCatStaff {
    display: block;
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .likeInfoCatStaff {
    margin: 6% 0% 0% 0%;
  }
}

.h4LikeInfoCatStaff {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h4LikeInfoCatStaff {
    font-size: 0.8513425016vw;
  }
}
.h4LikeInfoCatStaff::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.h4LikeInfoCatStaff::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4LikeInfoCatStaff {
    display: block;
    width: 100%;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LikeInfoCatStaff {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LikeInfoCatStaff::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h4LikeInfoCatStaff::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtLikeInfoCatStaff {
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtLikeInfoCatStaff {
    font-size: 0.8513425016vw;
  }
}
.txtLikeInfoCatStaff::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtLikeInfoCatStaff::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLikeInfoCatStaff {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 1.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLikeInfoCatStaff {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLikeInfoCatStaff::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtLikeInfoCatStaff::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.secInfoCatStaff .infoStaffDetail {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secInfoCatStaff .infoStaffDetail {
    margin: 2.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secInfoCatStaff .infoStaffDetail {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secInfoCatStaff .infoStaffDetail {
    margin: 6.86% 0% 0% 0%;
  }
}
.secInfoCatStaff .txtInfoStaffDetail {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .secInfoCatStaff .txtInfoStaffDetail {
    font-size: 0.9168303864vw;
  }
}
.secInfoCatStaff .txtInfoStaffDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.secInfoCatStaff .txtInfoStaffDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secInfoCatStaff .txtInfoStaffDetail {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secInfoCatStaff .txtInfoStaffDetail {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .secInfoCatStaff .txtInfoStaffDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .secInfoCatStaff .txtInfoStaffDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainCatStaffBlogCnt {
  width: 800px;
  margin: 0.1% 0 0 0;
}
@media screen and (max-width: 1527px) {
  .mainCatStaffBlogCnt {
    width: 68.96%;
  }
}
@media screen and (max-width: 767px) {
  .mainCatStaffBlogCnt {
    width: 100%;
  }
}

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

.btmCatBlogsLoopWap {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  padding-top: 36px;
  padding-bottom: 38px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmCatBlogsLoopWap {
    padding: 4.5% 0% 4.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmCatBlogsLoopWap {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
    padding: calc(NaN * 1%) 8.61% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmCatBlogsLoopWap {
    padding: 7.61% 0% 7.61% 0%;
  }
}
.btmCatBlogsLoopWap:nth-child(1) {
  padding-top: 0px;
  padding-bottom: 38px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmCatBlogsLoopWap:nth-child(1) {
    padding: 0% 0% 4.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmCatBlogsLoopWap:nth-child(1) {
    padding: 0% 0% 8.61% 0%;
  }
}

.btmCatBlogsLoop {
  display: block;
  text-decoration: none;
  color: #1A222D;
}

.btmCatBlogsLoopTopFx {
  width: 100%;
}

.iconCatBlogsLoopTopFx {
  width: 54px;
}
@media screen and (max-width: 1527px) {
  .iconCatBlogsLoopTopFx {
    width: 6.75%;
  }
}
@media screen and (max-width: 767px) {
  .iconCatBlogsLoopTopFx {
    width: 54px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconCatBlogsLoopTopFx {
    width: 17.14%;
  }
}

.titleCatBlogsLoopTop {
  width: 727px;
}
@media screen and (max-width: 1527px) {
  .titleCatBlogsLoopTop {
    width: 90.87%;
  }
}
@media screen and (max-width: 767px) {
  .titleCatBlogsLoopTop {
    width: 245px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .titleCatBlogsLoopTop {
    width: 77.77%;
  }
}

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

.timeCatBlogsLoopTop {
  display: block;
  font-size: 11px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .timeCatBlogsLoopTop {
    font-size: 0.7203667322vw;
  }
}
@media screen and (max-width: 1527px) {
  .timeCatBlogsLoopTop {
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatBlogsLoopTop {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 7.34% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeCatBlogsLoopTop {
    font-size: 2.9333333333vw;
  }
}

.txtCatBlogsLoop {
  width: 100%;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtCatBlogsLoop {
    font-size: 0.8513425016vw;
  }
}
.txtCatBlogsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
.txtCatBlogsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5384615385) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtCatBlogsLoop {
    margin: 2.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCatBlogsLoop {
    line-height: 1.6666666667;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCatBlogsLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCatBlogsLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtCatBlogsLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.singleBlogCatFx {
  padding-top: 0px;
  padding-bottom: 26px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1527px) {
  .singleBlogCatFx {
    padding: 0% 0% 3.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .singleBlogCatFx {
    padding: 0% 0 9% 0%;
  }
}

.iconSingleBlogsLoopTopFx {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  width: 54px;
  align-items: center;
}
@media screen and (max-width: 1527px) {
  .iconSingleBlogsLoopTopFx {
    margin: 0% 2.5% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .iconSingleBlogsLoopTopFx {
    width: 6.75%;
  }
}
@media screen and (max-width: 767px) {
  .iconSingleBlogsLoopTopFx {
    width: 15%;
    margin: 0% 0 0% 3.5%;
  }
}

.titleSingleBlogsLoopTop {
  width: 726px;
}
@media screen and (max-width: 1527px) {
  .titleSingleBlogsLoopTop {
    width: 90.75%;
  }
}
@media screen and (max-width: 767px) {
  .titleSingleBlogsLoopTop {
    width: 75.75%;
  }
}

.h2TitleSingleBlogsLoop {
  font-size: 22px;
  line-height: 1.5909090909;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  margin: 1.8% 0 0 0;
}
@media screen and (max-width: 1527px) {
  .h2TitleSingleBlogsLoop {
    font-size: 1.4407334643vw;
  }
}
.h2TitleSingleBlogsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5909090909) * 0.5em);
  content: "";
}
.h2TitleSingleBlogsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5909090909) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleSingleBlogsLoop {
    margin: 4.8% 0 0 0;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleSingleBlogsLoop {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleSingleBlogsLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleSingleBlogsLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.timeSingleBlogsLoopTop {
  font-size: 12px;
  line-height: 1.4166666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .timeSingleBlogsLoopTop {
    font-size: 0.7858546169vw;
  }
}
.timeSingleBlogsLoopTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4166666667) * 0.5em);
  content: "";
}
.timeSingleBlogsLoopTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4166666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .timeSingleBlogsLoopTop {
    line-height: 1.4545454545;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeSingleBlogsLoopTop {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .timeSingleBlogsLoopTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4545454545) * 0.5em);
    content: "";
  }
  .timeSingleBlogsLoopTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4545454545) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleBlogContent p {
    font-size: 3.2vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.singleBlogKanren {
  margin-top: 130px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .singleBlogKanren {
    margin: 16.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .singleBlogKanren {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .singleBlogKanren {
    margin: 21.33% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .mainCatStaffBlogCnt .singleBlogKanren {
    margin-top: 94px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainCatStaffBlogCnt .singleBlogKanren {
    margin: 25.06% 0% 0% 0%;
  }
}

.h2SingleBlogKanren {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  background: #F2F4F6;
  height: 50px;
}
@media screen and (max-width: 1527px) {
  .h2SingleBlogKanren {
    font-size: 0.9823182711vw;
  }
}
.h2SingleBlogKanren::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2SingleBlogKanren::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h2SingleBlogKanren {
    height: 3.2722513089vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SingleBlogKanren {
    line-height: 1.5714285714;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SingleBlogKanren {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SingleBlogKanren::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h2SingleBlogKanren::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.userVoiceTop {
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .userVoiceTop {
    margin-top: 4.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .userVoiceTop {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .userVoiceTop {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .userVoiceTop {
    width: 89.33%;
  }
}

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

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

.userVoiceLoopFx {
  width: 1161px;
  margin: 0 auto;
  align-items: flex-start;
}
@media screen and (max-width: 1527px) {
  .userVoiceLoopFx {
    width: 75.98%;
  }
}
@media screen and (max-width: 767px) {
  .userVoiceLoopFx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .userVoiceLoopFx {
    width: 89.33%;
  }
}
.userVoiceLoopFx:nth-child(n+2) {
  margin-top: 84px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .userVoiceLoopFx:nth-child(n+2) {
    margin-top: 5.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .userVoiceLoopFx:nth-child(n+2) {
    margin-top: 22.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.pohtosUserVoiceLoop {
  position: relative;
  width: 320px;
}
@media screen and (max-width: 1527px) {
  .pohtosUserVoiceLoop {
    width: 27.56%;
  }
}
@media screen and (max-width: 767px) {
  .pohtosUserVoiceLoop {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .pohtosUserVoiceLoop {
    width: 100%;
  }
}

.mainPohtosUserVoice {
  padding-top: 200px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  aspect-ratio: 320/200;
  overflow: hidden;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .mainPohtosUserVoice {
    padding: 62.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainPohtosUserVoice {
    padding-top: 197px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    aspect-ratio: 335/197;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .mainPohtosUserVoice {
    padding: 58.8% 0% 0% 0%;
  }
}

.mainPohtosUserVoice img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ==========================================================================
丸画像
========================================================================== */
.thumbsPohtosUserVoiceLxn {
  width: 98px;
  position: absolute;
  top: 60%;
  left: 9.6%;
}
@media screen and (max-width: 1527px) {
  .thumbsPohtosUserVoiceLxn {
    width: 30.62%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsPohtosUserVoiceLxn {
    width: 23.5%;
    top: 67%;
    left: 6%;
  }
}

.thumbsPohtosUserVoice {
  width: 100%;
  padding-top: 98px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  aspect-ratio: 100/100;
  overflow: hidden;
  position: relative;
  border: 1px solid #FFF;
}
@media screen and (max-width: 1527px) {
  .thumbsPohtosUserVoice {
    padding: 30.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsPohtosUserVoice {
    padding-top: 80px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thumbsPohtosUserVoice {
    padding: 100% 0% 0% 0%;
  }
}

.thumbsPohtosUserVoice img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ==========================================================================
丸画像横テキスト
========================================================================== */
.txtPohtosUserVoice {
  padding-top: 21px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 150px;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtPohtosUserVoice {
    padding: 6.56% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .txtPohtosUserVoice {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 46.87%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtPohtosUserVoice {
    font-size: 0.8513425016vw;
  }
}
.txtPohtosUserVoice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtPohtosUserVoice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPohtosUserVoice {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 110px;
    margin-right: auto;
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtPohtosUserVoice {
    padding: 4.47% 0% 2.98% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) and (max-width: 1527px) {
  .txtPohtosUserVoice {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 32.83%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPohtosUserVoice {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPohtosUserVoice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtPohtosUserVoice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
右側テキスト
========================================================================== */
.secUserVoiceLoop {
  width: 800px;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secUserVoiceLoop {
    width: 68.9%;
  }
}
@media screen and (max-width: 1527px) {
  .secUserVoiceLoop {
    margin: 0.39% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secUserVoiceLoop {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

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

.topUserVoiceLoop {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  border-bottom: 1px solid #DFDCD7;
}
@media screen and (max-width: 1527px) {
  .topUserVoiceLoop {
    margin: 3.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .topUserVoiceLoop {
    padding: 0% 0% 3.15% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .topUserVoiceLoop {
    font-size: 0.9168303864vw;
  }
}
.topUserVoiceLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.topUserVoiceLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .topUserVoiceLoop {
    margin: 6.2% 0% 0% 0%;
    padding: 0% 0% 5.8% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .topUserVoiceLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .topUserVoiceLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .topUserVoiceLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtTopUserVoiceLoop {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .txtTopUserVoiceLoop {
    font-size: 0.9168303864vw;
  }
}
.txtTopUserVoiceLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtTopUserVoiceLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopUserVoiceLoop {
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopUserVoiceLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopUserVoiceLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtTopUserVoiceLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.btmUserVoiceLoop {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmUserVoiceLoop {
    margin: 3.15% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmUserVoiceLoop {
    margin: 5.9% 0% 0% 0%;
  }
}

.txtBtmUserVoiceLoop {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .txtBtmUserVoiceLoop {
    font-size: 0.9168303864vw;
  }
}
.txtBtmUserVoiceLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtBtmUserVoiceLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBtmUserVoiceLoop {
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmUserVoiceLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmUserVoiceLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtBtmUserVoiceLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

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

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

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

.navWorksTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 420px;
}
@media screen and (max-width: 1527px) {
  .navWorksTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .navWorksTop {
    width: 27.5%;
  }
}
@media screen and (max-width: 1527px) {
  .navWorksTop {
    width: 33.5%;
  }
}
@media screen and (max-width: 767px) {
  .navWorksTop {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .navWorksTop {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .navWorksTop {
    width: 84%;
  }
}

.liNavWorksTop {
  width: 140px;
}
@media screen and (max-width: 1527px) {
  .liNavWorksTop {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .liNavWorksTop {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liNavWorksTop {
    width: 33.33%;
  }
}

.btmNavWorksTop {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  border-bottom: 1px solid #D7D7D7;
  text-decoration: none;
  color: #1A222D;
  text-align: center;
}
@media screen and (max-width: 1527px) {
  .btmNavWorksTop {
    padding: 0% 0% 5.71% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .btmNavWorksTop {
    font-size: 0.9168303864vw;
  }
}
.btmNavWorksTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.btmNavWorksTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmNavWorksTop {
    padding: 0% 0% 11.23% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmNavWorksTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btmNavWorksTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .btmNavWorksTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.btmNavWorksTop.active {
  border-bottom: 2px solid #1A222D;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.worksNavGenreWap {
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .worksNavGenreWap {
    margin-top: 4.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .worksNavGenreWap {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .worksNavGenreWap {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.navWorksGenre {
  width: 332px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .navWorksGenre {
    width: 21.74%;
  }
}
@media screen and (max-width: 767px) {
  .navWorksGenre {
    width: 64.8%;
  }
}

.liNavWorksGenre {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
  width: 104px;
  border: 1px solid #ccc;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1527px) {
  .liNavWorksGenre {
    margin: 0% 3.01% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .liNavWorksGenre {
    width: 31.32%;
  }
}
.liNavWorksGenre:last-child {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .liNavWorksGenre {
    width: 75px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liNavWorksGenre {
    width: 31.12%;
  }
}

.btmNavWorksGenre {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  text-align: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1527px) {
  .btmNavWorksGenre {
    padding: 6.73% 0% 6.73% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .btmNavWorksGenre {
    font-size: 0.9168303864vw;
  }
}
.btmNavWorksGenre::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.btmNavWorksGenre::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmNavWorksGenre {
    padding: 10.73% 0% 6.73% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmNavWorksGenre {
    padding: 7.66% 0% 4.8% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmNavWorksGenre {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btmNavWorksGenre::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .btmNavWorksGenre::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
.btmNavWorksGenre:hover, .btmNavWorksGenre.active {
  background: #1A222D;
  color: #FFF;
}

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

.worksLoopLxn {
  width: 1500px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .worksLoopLxn {
    width: 98.16%;
  }
}
@media screen and (max-width: 1527px) {
  .worksLoopLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .worksLoopLxn {
    width: 315px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .worksLoopLxn {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .worksLoopLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.worksLoopList {
  width: 100%;
}

.liWorksLoopList {
  width: 496px;
}
@media screen and (max-width: 1527px) {
  .liWorksLoopList {
    width: 33.06%;
  }
}
@media screen and (max-width: 767px) {
  .liWorksLoopList {
    width: 100%;
  }
}

.liWorksLoopList {
  margin-top: 0px;
  margin-bottom: 64px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liWorksLoopList {
    margin: 0% 0% 12.9% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .liWorksLoopList {
    margin: 0% 0% 7.09% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liWorksLoopList {
    margin: 0% 0% 13.5% 0%;
  }
}
.liWorksLoopList:nth-child(3n+2) {
  margin-top: 0px;
  margin-bottom: 64px;
  margin-left: 6px;
  margin-right: 6px;
}
@media screen and (max-width: 1527px) {
  .liWorksLoopList:nth-child(3n+2) {
    margin: 0% 1.2% 12.9% 1.2%;
  }
}
@media screen and (max-width: 1527px) {
  .liWorksLoopList:nth-child(3n+2) {
    margin: 0% 0.3% 7.09% 0.3%;
  }
}
@media screen and (max-width: 767px) {
  .liWorksLoopList:nth-child(3n+2) {
    margin: 0% 0% 13.5% 0%;
  }
}

.btmSliderWoksLoops {
  display: block;
  width: 100%;
}

/* ==========================================================================
写真の設定
========================================================================== */
.WoksLoopsThubsWap {
  aspect-ratio: 1/1.15;
  position: relative;
}

.thumbsWoksLoops {
  aspect-ratio: 1/1.15;
  position: relative;
  overflow: hidden;
}

.thumbsWoksLoops img {
  transition-duration: 0.5s;
  z-index: -1;
}

.btmSliderWoksLoops:hover .thumbsWoksLoops img {
  transform: scale(1.05);
}

.mainThumbsWoksLoops {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* ==========================================================================
写真の中の設定
========================================================================== */
.btmWoksLoopsInThumbsFx {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
}

.btmWoksLoopsInThumbsWap {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .btmWoksLoopsInThumbsWap {
    width: 200px;
  }
}

.arrowWoksLoopsInThumbs {
  width: 18px;
}
@media screen and (max-width: 767px) {
  .arrowWoksLoopsInThumbs {
    width: 18px;
  }
}

.txtWoksLoopsInThumbs {
  font-size: 12px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .txtWoksLoopsInThumbs {
    font-size: 12px;
    font-weight: 600;
  }
}

.tabWoksLoopsInThumbs {
  width: 18px;
}
@media screen and (max-width: 767px) {
  .tabWoksLoopsInThumbs {
    width: 18px;
  }
}

.btmArrowWoksLoopsInThumbs {
  width: 38px;
  margin: 0 0 0 7px;
}
@media screen and (max-width: 767px) {
  .btmArrowWoksLoopsInThumbs {
    width: 38px;
    margin: 0 0 0 7px;
  }
}

/* ==========================================================================
タイトルなどの設定
========================================================================== */
.titleWoksLoopsFx {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .titleWoksLoopsFx {
    margin: 5.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleWoksLoopsFx {
    display: block;
    margin: 4.57% 0% 0% 0%;
  }
}

.h3TitleWoksLoopsFx {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 65px;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
}
@media screen and (max-width: 1527px) {
  .h3TitleWoksLoopsFx {
    font-size: 0.7858546169vw;
  }
}
@media screen and (max-width: 1527px) {
  .h3TitleWoksLoopsFx {
    width: 13.1%;
  }
}
@media screen and (max-width: 1527px) {
  .h3TitleWoksLoopsFx {
    margin: 0% 2.01% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3TitleWoksLoopsFx {
    height: 2.6vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleWoksLoopsFx {
    height: 5.3333333333vw;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 47px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleWoksLoopsFx {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h3TitleWoksLoopsFx {
    width: 14.92%;
  }
}

.h2TitleWoksLoopsFx {
  width: 385px;
  font-size: 17px;
  line-height: 1.5882352941;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h2TitleWoksLoopsFx {
    width: 77.62%;
  }
}
@media screen and (max-width: 1527px) {
  .h2TitleWoksLoopsFx {
    font-size: 1.1132940406vw;
  }
}
.h2TitleWoksLoopsFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5882352941) * 0.5em);
  content: "";
}
.h2TitleWoksLoopsFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5882352941) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h2TitleWoksLoopsFx {
    margin: 1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleWoksLoopsFx {
    width: 100%;
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 4.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleWoksLoopsFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleWoksLoopsFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h2TitleWoksLoopsFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.txtWoksLoops {
  width: 462px;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtWoksLoops {
    width: 93.14%;
  }
}
@media screen and (max-width: 1527px) {
  .txtWoksLoops {
    margin: 4.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtWoksLoops {
    font-size: 0.9168303864vw;
  }
}
.txtWoksLoops::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtWoksLoops::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtWoksLoops {
    width: 100%;
    margin: 4% 0% 0% 0%;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtWoksLoops {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtWoksLoops::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtWoksLoops::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.worksButton {
  margin-top: 121px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .worksButton {
    margin-top: 7.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .worksButton {
    margin-top: 21.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.worksButtonBox {
  width: 496px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .worksButtonBox {
    width: 32.46%;
  }
}
@media screen and (max-width: 1527px) {
  .worksButtonBox {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .worksButtonBox {
    width: 315px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .worksButtonBox {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .worksButtonBox {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmWorksButton {
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  color: #FFF;
  text-decoration: none;
  background: #1A222D;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
@media screen and (max-width: 1527px) {
  .btmWorksButton {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .btmWorksButton {
    height: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .btmWorksButton {
    height: 20.2666666667vw;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmWorksButton {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmWorksButton::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .btmWorksButton::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.arrowBtmWorksButton {
  background: url(../img/works/arrowBtmWorksButton.svg) no-repeat 94% center;
  background-size: auto 89%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .arrowBtmWorksButton {
    background: url(../img/works/arrowBtmWorksButton.svg) no-repeat 94% center;
    background-size: auto 61%;
  }
}

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

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

.photoSingleWorksThumbs {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1527px) {
  .photoSingleWorksThumbs {
    width: 78.58%;
  }
}
@media screen and (max-width: 767px) {
  .photoSingleWorksThumbs {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photoSingleWorksThumbs {
    width: 100%;
  }
}

.txtSingleWorksThumbs {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding: 8px 14px;
  position: absolute;
  font-weight: 600;
  top: 10px;
  left: 10px;
}
@media screen and (max-width: 1527px) {
  .txtSingleWorksThumbs {
    font-size: 0.9823182711vw;
  }
}
.txtSingleWorksThumbs::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtSingleWorksThumbs::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSingleWorksThumbs {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSingleWorksThumbs {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleWorksThumbs::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtSingleWorksThumbs::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.singleWorksInfoWap {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .singleWorksInfoWap {
    margin-top: 3.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleWorksInfoWap {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .singleWorksInfoWap {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.singleWorksInfoInnner {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .singleWorksInfoInnner {
    width: 65.48%;
  }
}
@media screen and (max-width: 767px) {
  .singleWorksInfoInnner {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .singleWorksInfoInnner {
    width: 89.33%;
  }
}

.singleWorksInfoFx {
  display: flex;
}

/* ==========================================================================
左文章
========================================================================== */
.secSingleWorksDetails {
  width: 650px;
}
@media screen and (max-width: 1527px) {
  .secSingleWorksDetails {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleWorksDetails {
    width: 100%;
  }
}

.titleSingleWorksFx {
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.h3TitleSingleWorksFx {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 65px;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  background: #1A222D;
  color: #FFF;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .h3TitleSingleWorksFx {
    margin: 0% 3.07% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3TitleSingleWorksFx {
    padding: 1.07% 0% 0.76% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .h3TitleSingleWorksFx {
    width: 10%;
  }
}
@media screen and (max-width: 1527px) {
  .h3TitleSingleWorksFx {
    font-size: 0.7858546169vw;
  }
}
.h3TitleSingleWorksFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.h3TitleSingleWorksFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleSingleWorksFx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: auto;
    padding: 1.7% 0% 1.4% 0%;
    width: 47px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) and (max-width: 1527px) {
  .h3TitleSingleWorksFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h3TitleSingleWorksFx {
    width: 14.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleSingleWorksFx {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleSingleWorksFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3TitleSingleWorksFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h2TitleSingleWorksFx {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  width: 565px;
}
@media screen and (max-width: 1527px) {
  .h2TitleSingleWorksFx {
    font-size: 1.0478061559vw;
  }
}
.h2TitleSingleWorksFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h2TitleSingleWorksFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h2TitleSingleWorksFx {
    width: 86.92%;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleSingleWorksFx {
    width: 100%;
    margin: 4.1% 0% 0% 0%;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleSingleWorksFx {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleSingleWorksFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleSingleWorksFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtSingleWorksCnt {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .txtSingleWorksCnt {
    margin: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtSingleWorksCnt {
    font-size: 0.9168303864vw;
  }
}
.txtSingleWorksCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtSingleWorksCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSingleWorksCnt {
    margin: 5.5% 0% 0% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSingleWorksCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleWorksCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtSingleWorksCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
右文章
========================================================================== */
.tableSingleWorksWap {
  width: 300px;
  padding-top: 34px;
  padding-bottom: 34px;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1527px) {
  .tableSingleWorksWap {
    width: 30%;
  }
}
@media screen and (max-width: 1527px) {
  .tableSingleWorksWap {
    padding: 3.4% 3% 3.4% 3%;
  }
}
@media screen and (max-width: 1527px) {
  .tableSingleWorksWap {
    padding: 3.4% 2% 3.4% 2%;
  }
}
@media screen and (max-width: 767px) {
  .tableSingleWorksWap {
    margin: 9.95% 0% 0% 0%;
    padding: 5.47% 4.47% 3% 4.47%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tableSingleWorksWap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tableSingleWorksWap {
    font-size: 3.2vw;
  }
}

.tableSingleWorks {
  width: 100%;
}

.thSingleWorks {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  text-align: left;
  width: 56px;
}
@media screen and (max-width: 1527px) {
  .thSingleWorks {
    padding: 0% 0% 3.33% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .thSingleWorks {
    font-size: 0.9168303864vw;
  }
}
.thSingleWorks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.thSingleWorks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .thSingleWorks {
    width: 23.33%;
  }
}
@media screen and (max-width: 1527px) {
  .thSingleWorks {
    width: 39.33%;
  }
}
@media screen and (max-width: 767px) {
  .thSingleWorks {
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.5833333333;
    width: 15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thSingleWorks {
    padding: 0% 0% 2.38% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thSingleWorks {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .thSingleWorks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .thSingleWorks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.tdSingleWorks {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  width: 184px;
}
@media screen and (max-width: 1527px) {
  .tdSingleWorks {
    padding: 0% 0% 3.33% 8.33%;
  }
}
@media screen and (max-width: 1527px) {
  .tdSingleWorks {
    font-size: 0.9168303864vw;
  }
}
.tdSingleWorks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.tdSingleWorks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdSingleWorks {
    width: 76.66%;
  }
}
@media screen and (max-width: 767px) {
  .tdSingleWorks {
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 0px;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdSingleWorks {
    padding: 0% 0% 2.38% 5.97%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdSingleWorks {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tdSingleWorks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .tdSingleWorks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

.userVoiceInWorksLxn {
  padding-top: 30px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .userVoiceInWorksLxn {
    padding: 1.96% 0% 2.22% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .userVoiceInWorksLxn {
    width: 65.48%;
  }
}
@media screen and (max-width: 767px) {
  .userVoiceInWorksLxn {
    padding: 8% 0% 9% 0%;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .userVoiceInWorksLxn {
    width: 100%;
  }
}

.userVoiceInWorksFx {
  display: flex;
  width: 940px;
  margin: 0 auto;
  align-items: flex-start;
  flex-flow: row wrap;
}
@media screen and (max-width: 1527px) {
  .userVoiceInWorksFx {
    width: 94%;
  }
}
@media screen and (max-width: 767px) {
  .userVoiceInWorksFx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .userVoiceInWorksFx {
    width: 89.33%;
  }
}

/* ==========================================================================
丸画像
========================================================================== */
.photosInWorksWap {
  width: 150px;
  position: relative;
}
@media screen and (max-width: 1527px) {
  .photosInWorksWap {
    width: 15.95%;
  }
}
@media screen and (max-width: 767px) {
  .photosInWorksWap {
    width: 120px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosInWorksWap {
    width: 35.82%;
  }
}

.sinePhotosInWorks {
  position: absolute;
  top: 93.6%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .sinePhotosInWorks {
    top: 90%;
  }
}
.sinePhotosInWorks img {
  display: block;
  margin: auto;
}

.mainPhotosInWorksInner {
  position: relative;
  aspect-ratio: 150/150;
  overflow: hidden;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
}

.mainPhotosInWorksInner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}

/* ==========================================================================
右文章
========================================================================== */
.secUserVoiceInWorks {
  width: 760px;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secUserVoiceInWorks {
    width: 80.85%;
  }
}
@media screen and (max-width: 1527px) {
  .secUserVoiceInWorks {
    margin: 0.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secUserVoiceInWorks {
    margin-top: 10.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.txtUserVoiceInWorksTop {
  padding-top: 0px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  border-bottom: 1px solid #DFDCD7;
}
@media screen and (max-width: 1527px) {
  .txtUserVoiceInWorksTop {
    padding: 0% 0% 3.15% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtUserVoiceInWorksTop {
    font-size: 0.9168303864vw;
  }
}
.txtUserVoiceInWorksTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtUserVoiceInWorksTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtUserVoiceInWorksTop {
    padding: 0% 0% 6.97% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtUserVoiceInWorksTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtUserVoiceInWorksTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtUserVoiceInWorksTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtUserVoiceInWorksBtm {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .txtUserVoiceInWorksBtm {
    margin: 3.15% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .txtUserVoiceInWorksBtm {
    font-size: 0.9168303864vw;
  }
}
.txtUserVoiceInWorksBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtUserVoiceInWorksBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtUserVoiceInWorksBtm {
    margin: 6.97% 0% 0% 0%;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtUserVoiceInWorksBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtUserVoiceInWorksBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtUserVoiceInWorksBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.boldtxtUserVoiceInWorksBtm {
  font-weight: 600;
}

.linkUserVoiceInWorks {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .linkUserVoiceInWorks {
    margin: 3.42% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .linkUserVoiceInWorks {
    margin: 7.5% 0% 0% 0%;
  }
}

.btmlinkUserVoiceInWorks {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  color: #0044CC;
  display: block;
}
@media screen and (max-width: 1527px) {
  .btmlinkUserVoiceInWorks {
    font-size: 0.9823182711vw;
  }
}
.btmlinkUserVoiceInWorks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btmlinkUserVoiceInWorks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmlinkUserVoiceInWorks {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmlinkUserVoiceInWorks {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmlinkUserVoiceInWorks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .btmlinkUserVoiceInWorks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

.singleWorksPhotoLoopLxn {
  width: 1200px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .singleWorksPhotoLoopLxn {
    width: 78.53%;
  }
}
@media screen and (max-width: 1527px) {
  .singleWorksPhotoLoopLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleWorksPhotoLoopLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .singleWorksPhotoLoopLxn {
    width: 89.33%;
  }
}

.singleWorksPhotoLoopFx {
  width: 100%;
}

.liSingleWorksPhotoLoop {
  aspect-ratio: 2/1.3312;
  overflow: hidden;
  position: relative;
  width: 299px;
  margin-top: 0px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liSingleWorksPhotoLoop {
    width: 24.91%;
  }
}
@media screen and (max-width: 1527px) {
  .liSingleWorksPhotoLoop {
    margin: 0% 0% 0.08% 0.08%;
  }
}
@media screen and (max-width: 767px) {
  .liSingleWorksPhotoLoop {
    width: 166px;
    margin: 0% 0% 0.6% 0.4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liSingleWorksPhotoLoop {
    width: 49.55%;
  }
}

.btmSingleWorksPhotoLoop {
  display: block;
  width: 100%;
  position: relative;
  aspect-ratio: 299/199;
  overflow: hidden;
  padding-top: 199px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .btmSingleWorksPhotoLoop {
    padding: 66.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmSingleWorksPhotoLoop {
    padding-top: 110px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmSingleWorksPhotoLoop {
    padding: 66.26% 0% 0% 0%;
  }
}
.btmSingleWorksPhotoLoop img {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  object-fit: cover;
  position: absolute;
}

.iconLightBox {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 31px;
}
@media screen and (max-width: 1527px) {
  .iconLightBox {
    width: 10.36%;
  }
}
@media screen and (max-width: 767px) {
  .iconLightBox {
    width: 31px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconLightBox {
    width: 18.67%;
  }
}
.iconLightBox img {
  position: relative;
}

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

.pagerSignleWorks .newsSinglePagers {
  width: 800px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .pagerSignleWorks .newsSinglePagers {
    width: 52.35%;
  }
}
@media screen and (max-width: 1527px) {
  .pagerSignleWorks .newsSinglePagers {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pagerSignleWorks .newsSinglePagers {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .pagerSignleWorks .newsSinglePagers {
    width: 84%;
  }
}

.newsSinglePagersFx {
  width: 100%;
}

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

.singleWorksCVNFx {
  width: 998px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .singleWorksCVNFx {
    width: 65.31%;
  }
}
@media screen and (max-width: 1527px) {
  .singleWorksCVNFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1100px) {
  .singleWorksCVNFx {
    width: 900px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1527px) {
  .singleWorksCVNFx {
    width: 81.81%;
  }
}
@media screen and (max-width: 767px) {
  .singleWorksCVNFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .singleWorksCVNFx {
    width: 84%;
  }
}

.secSingleWorksCVN {
  width: 499px;
  padding-top: 45px;
  padding-bottom: 33px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secSingleWorksCVN {
    width: 49.9%;
  }
}
@media screen and (max-width: 1527px) {
  .secSingleWorksCVN {
    padding: 4.5% 0% 3.3% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .secSingleWorksCVN {
    padding: 5.1% 3% 3.28% 3%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleWorksCVN {
    width: 100%;
    padding: 11% 0% 10.52% 0%;
  }
}

.h2SingleWorksCVN {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2SingleWorksCVN {
    font-size: 1.5717092338vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SingleWorksCVN {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SingleWorksCVN {
    font-size: 4.8vw;
  }
}

.txtSingleWorksCVN {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtSingleWorksCVN {
    font-size: 0.8513425016vw;
  }
}
.txtSingleWorksCVN::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtSingleWorksCVN::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtSingleWorksCVN {
    margin-top: 5.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleWorksCVN {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 275px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSingleWorksCVN {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleWorksCVN::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtSingleWorksCVN::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtSingleWorksCVN {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtSingleWorksCVN {
    width: 87.3%;
  }
}

.bgTelContactWorksCVN {
  background: url(../img/works/bgTelContactWorksCVNPc.jpg) no-repeat top center;
  background-size: cover;
  width: 499px;
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bgTelContactWorksCVN {
    width: 49.9%;
  }
}
@media screen and (max-width: 1527px) {
  .bgTelContactWorksCVN {
    padding: 2.9% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .bgTelContactWorksCVN {
    padding: 5% 0% 5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgTelContactWorksCVN {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 23px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .bgTelContactWorksCVN {
    padding: 6.34% 0% 7.3% 0%;
  }
}

.telContactWorksCVNWap {
  width: 382px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .telContactWorksCVNWap {
    width: 76.55%;
  }
}
@media screen and (max-width: 1527px) {
  .telContactWorksCVNWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .telContactWorksCVNWap {
    width: 275px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .telContactWorksCVNWap {
    width: 87.3%;
  }
}

.btmTelContactWorksCVNWap {
  display: block;
  width: 100%;
}

.btmTelContactWorksCVN {
  text-decoration: none;
  cursor: pointer;
  display: block;
  width: 100%;
}

.arrowTelContactWorksCVN {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  background: url(../img/works/arrowTelContactWorksCVN.svg) no-repeat 92% center;
  background-size: auto 22%;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .arrowTelContactWorksCVN {
    font-size: 1.0478061559vw;
  }
}
@media screen and (max-width: 1527px) {
  .arrowTelContactWorksCVN {
    height: 4.5vw;
    background: url(../img/works/arrowTelContactWorksCVN.svg) no-repeat 96% center;
    background-size: auto 22%;
  }
}
@media screen and (max-width: 767px) {
  .arrowTelContactWorksCVN {
    background: url(../img/works/arrowTelContactWorksCVN.svg) no-repeat 97% center;
    background-size: auto 20%;
    height: 14.8vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowTelContactWorksCVN {
    font-size: 4vw;
  }
}

.picTelContactWorksCVN {
  display: block;
  width: 100%;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .picTelContactWorksCVN {
    margin-top: 4.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picTelContactWorksCVN {
    width: 77.22%;
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

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

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

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

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainMTCBR {
  margin-top: 70px;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .mainMTCBR {
    margin-top: 4.58%;
    margin-bottom: 9.81%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainMTCBR {
    margin-top: 17%;
    margin-bottom: 26.66%;
    margin-left: auto;
    margin-right: auto;
  }
}

.nowPageContact {
  width: 100%;
  margin-top: 103px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .nowPageContact {
    margin: 8.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .nowPageContact {
    display: block;
    margin: 19% 0% 0% 0%;
  }
}

.sidebarContact {
  width: 445px;
  height: 100%;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 1527px) {
  .sidebarContact {
    width: 38.36%;
  }
}
@media screen and (max-width: 1527px) {
  .sidebarContact {
    width: 42.36%;
  }
}
@media screen and (max-width: 767px) {
  .sidebarContact {
    width: 100%;
    position: relative;
  }
}

.secSidebarContact {
  width: 100%;
}

.h3SidebarContact {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3SidebarContact {
    font-size: 0.9168303864vw;
  }
}
.h3SidebarContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.h3SidebarContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3SidebarContact {
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SidebarContact {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SidebarContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h3SidebarContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtSidebarContact {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtSidebarContact {
    font-size: 0.9168303864vw;
  }
}
.txtSidebarContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtSidebarContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtSidebarContact {
    margin: 7.64% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtSidebarContact {
    line-height: 1.5833333333;
    margin: 5.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSidebarContact {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSidebarContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtSidebarContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.formSidebarContact {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .formSidebarContact {
    margin: 7.64% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .formSidebarContact {
    margin: 5.77% 0% 0% 0%;
  }
}

.bgFormSidebarContact {
  background: url(../img/bokking/bgFormSidebarContactPc.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bgFormSidebarContact {
    padding: 7.86% 0% 6.74% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgFormSidebarContact {
    background: url(../img/bokking/bgFormSidebarContactSp.jpg) no-repeat top center;
    background-size: cover;
    padding: 6.67% 0% 6.26% 0%;
  }
}

.h2FormSidebarContact {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2FormSidebarContact {
    font-size: 1.1787819253vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FormSidebarContact {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FormSidebarContact {
    font-size: 4vw;
  }
}

.inFormSidebarContact {
  width: 385px;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .inFormSidebarContact {
    width: 86.51%;
  }
}
@media screen and (max-width: 1527px) {
  .inFormSidebarContact {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .inFormSidebarContact {
    padding: 3.37% 0% 3.37% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .inFormSidebarContact {
    width: 95.51%;
  }
}
@media screen and (max-width: 767px) {
  .inFormSidebarContact {
    width: 295px;
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 5.4% 0% 4.8% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .inFormSidebarContact {
    width: 88.05%;
  }
}

.arrowInFormSidebarContact {
  background: url(../img/bokking/arrowInFormSidebarContact.svg) no-repeat 95% center;
  background-size: auto 20%;
}
@media screen and (max-width: 1527px) {
  .arrowInFormSidebarContact {
    background: url(../img/bokking/arrowInFormSidebarContact.svg) no-repeat 98% center;
    background-size: auto 20%;
  }
}
@media screen and (max-width: 767px) {
  .arrowInFormSidebarContact {
    background: url(../img/bokking/arrowInFormSidebarContact.svg) no-repeat 98% center;
    background-size: auto 15%;
  }
}

.txtFormSidebarContact {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 1527px) {
  .txtFormSidebarContact {
    font-size: 0.9168303864vw;
  }
}
.txtFormSidebarContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtFormSidebarContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtFormSidebarContact {
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFormSidebarContact {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFormSidebarContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtFormSidebarContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.listSidebarContact {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .listSidebarContact {
    margin: 7.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .listSidebarContact {
    margin: 6.6% 0% 0% 0%;
  }
}

.liSidebarContact {
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 1527px) {
  .liSidebarContact {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liSidebarContact {
    font-size: 3.2vw;
  }
}
.liSidebarContact:nth-child(n+2) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liSidebarContact:nth-child(n+2) {
    margin: 4.49% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSidebarContact: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: 1527px) {
  .liSidebarContact:nth-child(n+2) {
    margin: 5.97% 0% 0% 0%;
  }
}

.btmSidebarContact {
  display: block;
  width: 100%;
  color: #0044CC;
}

.arrowSidebarContact {
  display: block;
  width: 100%;
  background: url(../img/bokking/arrowSidebarContact.svg) no-repeat 2% center;
  background-size: auto 70%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 33px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .arrowSidebarContact {
    padding: 0% 0% 0% 7.41%;
  }
}
@media screen and (max-width: 767px) {
  .arrowSidebarContact {
    padding: 0% 0% 0% 10.47%;
    background: url(../img/bokking/arrowSidebarContact.svg) no-repeat 2.6% center;
    background-size: auto 90%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.contactFormBace {
  width: 636px;
}
@media screen and (max-width: 1527px) {
  .contactFormBace {
    width: 54.82%;
  }
}
@media screen and (max-width: 767px) {
  .contactFormBace {
    width: 315px;
    margin-top: 32.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .contactFormBace {
    width: 94.02%;
  }
}

.h3FormMains {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3FormMains {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FormMains {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FormMains {
    font-size: 3.4666666667vw;
  }
}

.txtHissu {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtHissu {
    font-size: 0.7858546169vw;
  }
}
@media screen and (max-width: 1527px) {
  .txtHissu {
    margin: 0% 0% 0% 1.25%;
  }
}
@media screen and (max-width: 767px) {
  .txtHissu {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 0% 0% 0% 2.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtHissu {
    font-size: 2.9333333333vw;
  }
}

.mw_wp_form .vertical-item {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mw_wp_form .vertical-item {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .mw_wp_form .vertical-item {
    margin: 4.88% 0% 0% 3.14%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form .vertical-item {
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 9.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form .vertical-item {
    font-size: 3.4666666667vw;
  }
}

.mwform-checkbox-field input,
.mwform-radio-field input.vRadioBox {
  margin: 0;
  width: 18px;
  height: 18px;
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 6px;
}
@media screen and (max-width: 1527px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.vRadioBox {
    margin: 0% 0.94% 0.62% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.vRadioBox {
    margin: 0% 2.58% 1% 0%;
  }
}

.mw_wp_form .vertical-item + .vertical-item {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mw_wp_form .vertical-item + .vertical-item {
    margin: 3.46% 0% 0% 3.14%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form .vertical-item + .vertical-item {
    margin: 7% 0% 0% 0%;
  }
}

.alertFormMain {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .alertFormMain {
    margin: 3.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .alertFormMain {
    padding: 1.73% 3.14% 1.57% 3.14%;
  }
}
@media screen and (max-width: 767px) {
  .alertFormMain {
    margin: 7.8% 0% 0% 0%;
    padding: 4.5% 3.17% 4.5% 3.17%;
  }
}

.txtAlertFormMain {
  font-weight: 600;
  width: 100%;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtAlertFormMain {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAlertFormMain {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAlertFormMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAlertFormMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtAlertFormMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.secFormMain:nth-child(n+2) {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secFormMain:nth-child(n+2) {
    margin: 4.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFormMain:nth-child(n+2) {
    margin: 8.9% 0% 0% 0%;
  }
}

.selectFormWap {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .selectFormWap {
    margin: 2.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .selectFormWap {
    margin: 5.5% 0% 0% 0%;
  }
}

.selectW100 {
  border: none;
  background: #F6F6F6;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1527px) {
  .selectW100 {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .selectW100 {
    padding: 2.04% 3.14% 2.04% 3.14%;
  }
}
@media screen and (max-width: 1527px) {
  .selectW100 {
    width: 100%;
    padding: 1vw 1vw;
  }
}
@media screen and (max-width: 767px) {
  .selectW100 {
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 4.29% 3.17% 4.29% 3.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .selectW100 {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
最新のsafari用
========================================================================== */
_::-webkit-full-page-media,
_:future,
:root select {
  height: 44px;
  color: #1A222D;
}
@media screen and (max-width: 767px) {
  _::-webkit-full-page-media,
  _:future,
  :root select {
    height: 11.7333333333vw;
  }
}

/* ==========================================================================
古いsafari用
========================================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  select {
    height: 44px;
    color: #1A222D;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
  ::i-block-chrome,
  select {
    height: 11.7333333333vw;
  }
}
.kiboFormMainFx {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .kiboFormMainFx {
    margin: 2.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .kiboFormMainFx {
    margin: 5.8% 0% 0% 0%;
  }
}

.kiboFormMainInputBox {
  position: relative;
  width: 305px;
}
@media screen and (max-width: 1527px) {
  .kiboFormMainInputBox {
    width: 48.03%;
  }
}
@media screen and (max-width: 767px) {
  .kiboFormMainInputBox {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .kiboFormMainInputBox:nth-child(2) {
    margin: 2.7% 0% 0% 0%;
  }
}

.inputW100 {
  border: none;
  background: #F6F6F6;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1527px) {
  .inputW100 {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .inputW100 {
    padding: 1.73% 3.14% 1.73% 3.14%;
  }
}
@media screen and (max-width: 1527px) {
  .inputW100 {
    padding: 0.855vw 0.855vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 3.65% 3.17% 3.66% 3.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.4666666667vw;
  }
}

.iconCalendarFormMainInputBox {
  position: absolute;
  top: 23%;
  right: 6%;
  width: 24px;
}
@media screen and (max-width: 1527px) {
  .iconCalendarFormMainInputBox {
    width: 7.86%;
  }
}
@media screen and (max-width: 767px) {
  .iconCalendarFormMainInputBox {
    right: 3.1%;
    width: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconCalendarFormMainInputBox {
    width: 7.61%;
  }
}
.iconCalendarFormMainInputBox img {
  margin: auto;
}

.inputW100Wap {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .inputW100Wap {
    margin: 2.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .inputW100Wap {
    margin: 5.7% 0% 0% 0%;
  }
}

.inputW30 {
  border: none;
  background: #F6F6F6;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1527px) {
  .inputW30 {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .inputW30 {
    padding: 2.04% 3.14% 2.04% 3.14%;
  }
}
@media screen and (max-width: 767px) {
  .inputW30 {
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 4.3% 3.17% 4.3% 3.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW30 {
    font-size: 3.4666666667vw;
  }
}

.textW100 {
  border: none;
  background: #F6F6F6;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1527px) {
  .textW100 {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .textW100 {
    padding: 1.73% 3.14% 1.73% 3.14%;
  }
}
@media screen and (max-width: 767px) {
  .textW100 {
    height: 32.8vw;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 3.5% 3.17% 4.3% 3.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textW100 {
    font-size: 3.4666666667vw;
  }
}

.secFormMain.secFormMain14 {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secFormMain.secFormMain14 {
    margin: 3.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFormMain.secFormMain14 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secFormMain.secFormMain14 {
    margin: 7.61% 0% 0% 0%;
  }
}

.chackW100Wap {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .chackW100Wap {
    margin: 4.88% 0% 0% 3.14%;
  }
}
@media screen and (max-width: 767px) {
  .chackW100Wap {
    margin-top: 31px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .chackW100Wap {
    margin: 9.84% 0% 0% 3.17%;
  }
}

.mwform-checkbox-field input,
.mwform-radio-field input.chackForms {
  margin: 0;
  width: 18px;
  height: 18px;
  margin-top: 0px;
  margin-bottom: 1px;
  margin-left: 0px;
  margin-right: 6px;
}
@media screen and (max-width: 1527px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.chackForms {
    margin: 0% 0.94% 0.15% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.chackForms {
    margin: 0% 2.8% 1% 0%;
  }
}

.mwform-checkbox-field-text {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .mwform-checkbox-field-text {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field-text {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mwform-checkbox-field-text {
    font-size: 3.4666666667vw;
  }
}

.formInPrivacy {
  overflow: auto;
  height: 240px;
  border: 1px solid #CCCCCC;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 3.6% 3% 3.6% 3%;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1527px) {
  .formInPrivacy {
    margin: 5.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .formInPrivacy {
    height: 50.9333333333vw;
    margin: 10.9% 0% 0% 0%;
    padding: 3.7% 3.17% 3.7% 3.17%;
  }
}

.h3FormInPrivacy {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h3FormInPrivacy {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FormInPrivacy {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FormInPrivacy {
    font-size: 3.2vw;
  }
}

.txtFormInPrivacy {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtFormInPrivacy {
    font-size: 0.8513425016vw;
  }
}
.txtFormInPrivacy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtFormInPrivacy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtFormInPrivacy {
    margin: 1.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtFormInPrivacy {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFormInPrivacy {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFormInPrivacy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtFormInPrivacy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtFormInPrivacy {
    margin: 2.53% 0% 0% 0%;
  }
}

.secFormInPrivacy:nth-child(n+2) {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .secFormInPrivacy:nth-child(n+2) {
    margin: 4.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFormInPrivacy:nth-child(n+2) {
    margin: 8.7% 0% 0% 0%;
  }
}

.toConfirm {
  width: 500px;
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .toConfirm {
    width: 78.74%;
  }
}
@media screen and (max-width: 1527px) {
  .toConfirm {
    margin-top: 12.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .toConfirm {
    width: 100%;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .toConfirm {
    margin-top: 25.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.kakunin_submit {
  transition-duration: 0.5s;
  cursor: pointer;
  border: none;
  color: #FFF;
  background-color: #1A222D;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
  background-image: url(../img/arrowConctactToTop.svg);
  background-repeat: no-repeat;
  background-position: 95.5% center;
  background-size: auto 18%;
}
@media screen and (max-width: 1527px) {
  .kakunin_submit {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .kakunin_submit {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .kakunin_submit {
    height: 20.2666666667vw;
    letter-spacing: 0em;
    text-indent: 0em;
    background-position: 94.5% center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .kakunin_submit {
    font-size: 3.7333333333vw;
  }
}
.kakunin_submit:hover {
  opacity: 0.6;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.formConfrimWap {
  width: 800px;
  margin-top: 104px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .formConfrimWap {
    width: 52.39%;
  }
}
@media screen and (max-width: 1527px) {
  .formConfrimWap {
    margin-top: 6.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .formConfrimWap {
    width: 315px;
    margin-top: 17.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .formConfrimWap {
    width: 84%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mw_wp_form_confirm .secFormMain {
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .mw_wp_form_confirm .secFormMain {
    padding: 0% 0% 1.75% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .mw_wp_form_confirm .secFormMain {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .secFormMain {
    padding: 0% 0% 4.7% 0%;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form_confirm .secFormMain {
    font-size: 3.4666666667vw;
  }
}
.mw_wp_form_confirm .secFormMain02 {
  padding-top: 23px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mw_wp_form_confirm .secFormMain02 {
    padding: 2.87% 0% 1.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .secFormMain02 {
    padding: 7.61% 0% 4.5% 0%;
  }
}
.mw_wp_form_confirm .h3FormMains {
  padding-top: 0px;
  padding-bottom: 19px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .mw_wp_form_confirm .h3FormMains {
    padding: 0% 0% 2.37% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .h3FormMains {
    padding: 0% 0% 6.3% 0%;
  }
}
.mw_wp_form_confirm .txtHissu {
  display: none;
}
.mw_wp_form_confirm .selectFormWap {
  margin: 0;
}
.mw_wp_form_confirm .kiboFormMainFx {
  margin: 0;
}
.mw_wp_form_confirm .iconCalendarFormMainInputBox {
  display: none;
}
.mw_wp_form_confirm .kiboFormMainFx {
  justify-content: flex-start;
}
.mw_wp_form_confirm .kiboFormMainInputBox {
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 16px;
}
@media screen and (max-width: 1527px) {
  .mw_wp_form_confirm .kiboFormMainInputBox {
    margin: 0% 2% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .kiboFormMainInputBox {
    width: auto;
    margin: 0% 5% 0% 0%;
  }
}
.mw_wp_form_confirm .inputW100Wap {
  margin: 0;
  line-height: 1.5714285714;
}
.mw_wp_form_confirm .inputW100Wap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.mw_wp_form_confirm .inputW100Wap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .inputW100Wap {
    line-height: 1.6153846154;
  }
  .mw_wp_form_confirm .inputW100Wap::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .mw_wp_form_confirm .inputW100Wap::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
.mw_wp_form_confirm .alertFormMain {
  display: none;
}
.mw_wp_form_confirm .formInPrivacy {
  display: none;
}
.mw_wp_form_confirm .chackW100Wap {
  margin: 0;
}
.mw_wp_form_confirm .txtKibo {
  font-weight: 500;
}

/* ==========================================================================
ボタン
========================================================================== */
.toThanks {
  width: 500px;
  margin-top: 85px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .toThanks {
    width: 62.5%;
  }
}
@media screen and (max-width: 1527px) {
  .toThanks {
    margin-top: 10.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .toThanks {
    width: 315px;
    margin-top: 26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .toThanks {
    width: 100%;
  }
}

.btmToBack {
  transition-duration: 0.5s;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  color: #1A222D;
  background: unset;
  border: none;
  text-decoration: underline;
}
@media screen and (max-width: 1527px) {
  .btmToBack {
    font-size: 0.9823182711vw;
  }
}
.btmToBack::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btmToBack::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmToBack {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmToBack {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmToBack::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .btmToBack::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
.btmToBack:hover {
  opacity: 0.6;
}

.btmToThanksWap {
  width: 100%;
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .btmToThanksWap {
    margin-top: 5.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btmToThanksWap {
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmToThanksWap button {
  transition-duration: 0.5s;
  cursor: pointer;
  padding-top: 24px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #FFF;
  font-weight: 600;
  background-image: url(../img/index/iconArrowIndexChoseUs.svg);
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: auto 40%;
  background-color: #1A222D;
}
@media screen and (max-width: 1527px) {
  .btmToThanksWap button {
    padding: 3% 0% 2.75% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .btmToThanksWap button {
    font-size: 0.9823182711vw;
  }
}
.btmToThanksWap button::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btmToThanksWap button::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmToThanksWap button {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .btmToThanksWap button {
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 0px;
    padding-right: 0px;
    height: 20.2666666667vw;
    line-height: 1.5714285714;
    background-image: url(../img/index/iconArrowIndexChoseUs.svg);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: auto 34%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmToThanksWap button {
    padding: 8.57% 0% 8.57% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmToThanksWap button {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmToThanksWap button::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .btmToThanksWap button::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}
.btmToThanksWap button:hover {
  opacity: 0.6;
}

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

.formStepFx {
  width: 650px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .formStepFx {
    width: 56.03%;
  }
}
@media screen and (max-width: 1527px) {
  .formStepFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .formStepFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .formStepFx {
    width: 94.02%;
  }
}

.formStep {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  width: 190px;
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .formStep {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 1527px) {
  .formStep {
    width: 29.23%;
  }
}
@media screen and (max-width: 1527px) {
  .formStep {
    padding: 2.3% 0% 2.46% 0%;
  }
}
@media screen and (max-width: 767px) {
  .formStep {
    letter-spacing: 0em;
    text-indent: 0em;
    width: 95px;
    padding: 2.7% 0% 2.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .formStep {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .formStep {
    width: 30.15%;
  }
}

.formThanks {
  width: 1000px;
  margin-top: 105px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .formThanks {
    width: 86.2%;
  }
}
@media screen and (max-width: 1527px) {
  .formThanks {
    margin-top: 9.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .formThanks {
    width: 315px;
    margin-top: 18.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .formThanks {
    width: 94.02%;
  }
}

.txtFormThanksTop {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtFormThanksTop {
    font-size: 0.9168303864vw;
  }
}
.txtFormThanksTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtFormThanksTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtFormThanksTop {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFormThanksTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFormThanksTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtFormThanksTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtFormThanksBtm {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtFormThanksBtm {
    font-size: 0.9168303864vw;
  }
}
.txtFormThanksBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtFormThanksBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtFormThanksBtm {
    margin-top: 3.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtFormThanksBtm {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 10.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFormThanksBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFormThanksBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtFormThanksBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.btmConctactToTopWap {
  width: 500px;
  margin-top: 84px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .btmConctactToTopWap {
    width: 43.1%;
  }
}
@media screen and (max-width: 1527px) {
  .btmConctactToTopWap {
    margin-top: 7.24%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btmConctactToTopWap {
    width: 100%;
    margin-top: 26.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmConctactToTop {
  display: block;
  width: 100%;
  text-decoration: none;
}

.arrowConctactToTop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
  background: url(../img/arrowConctactToTop.svg) no-repeat 96% center;
  background-size: auto 18%;
}
@media screen and (max-width: 1527px) {
  .arrowConctactToTop {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .arrowConctactToTop {
    height: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowConctactToTop {
    height: 20.2666666667vw;
    letter-spacing: 0em;
    text-indent: 0em;
    background: url(../img/arrowConctactToTop.svg) no-repeat 94% center;
    background-size: auto 18%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowConctactToTop {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.photoSidebarContact {
  width: 100%;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .photoSidebarContact {
    margin: 7.64% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoSidebarContact {
    margin: 5.77% 0% 0% 0%;
  }
}

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

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

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

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

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.baseMainModelHouse {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .baseMainModelHouse {
    margin: 3.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .baseMainModelHouse {
    margin: 17% 0% 0% 0%;
  }
}

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

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

.txtModelhouseCatTop {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtModelhouseCatTop {
    font-size: 0.9823182711vw;
  }
}
.txtModelhouseCatTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtModelhouseCatTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtModelhouseCatTop {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtModelhouseCatTop {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 14.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtModelhouseCatTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtModelhouseCatTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtModelhouseCatTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

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

.bgModelHouseCatPoints3Cnt {
  background: url(../img/modelhouse/bgModelHouseCatPoints3CntPc.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 111px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bgModelHouseCatPoints3Cnt {
    padding: 7.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgModelHouseCatPoints3Cnt {
    background: url(../img/modelhouse/bgModelHouseCatPoints3CntSp.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 43px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .bgModelHouseCatPoints3Cnt {
    padding: 11.46% 0% 0% 0%;
  }
}

.h1ModelHouseCatPoints3 {
  width: 161px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .h1ModelHouseCatPoints3 {
    width: 11.5%;
  }
}
@media screen and (max-width: 1527px) {
  .h1ModelHouseCatPoints3 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h1ModelHouseCatPoints3 {
    width: 27.5%;
  }
}

.titleModelHouseCatPoints3 {
  text-align: center;
  width: 1160px;
  margin-top: 103px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 92px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .titleModelHouseCatPoints3 {
    width: 82.85%;
  }
}
@media screen and (max-width: 1527px) {
  .titleModelHouseCatPoints3 {
    margin-top: 7.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .titleModelHouseCatPoints3 {
    padding: 6.57% 0% 0.64% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleModelHouseCatPoints3 {
    width: 335px;
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 8.5% 0% 1% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .titleModelHouseCatPoints3 {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .titleModelHouseCatPoints3 {
    margin-top: 10.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TitleModelHouseCatPoints3 {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .h2TitleModelHouseCatPoints3 {
    font-size: 1.3097576948vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleModelHouseCatPoints3 {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleModelHouseCatPoints3 {
    font-size: 3.7333333333vw;
  }
}

.column3ModelHouseCatPointsWap {
  width: 980px;
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .column3ModelHouseCatPointsWap {
    width: 64.13%;
  }
}
@media screen and (max-width: 1527px) {
  .column3ModelHouseCatPointsWap {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .column3ModelHouseCatPointsWap {
    width: 235px;
    margin-top: 70px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .column3ModelHouseCatPointsWap {
    width: 62.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .column3ModelHouseCatPointsWap {
    margin-top: 18.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.column3ModelHouseCatPointsFx {
  width: 100%;
}

.liColumn3ModelHouseCatPoints {
  width: 304px;
}
@media screen and (max-width: 1527px) {
  .liColumn3ModelHouseCatPoints {
    width: 31.02%;
  }
}
@media screen and (max-width: 767px) {
  .liColumn3ModelHouseCatPoints {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .liColumn3ModelHouseCatPoints:nth-child(n+2) {
    margin: 14.1% 0% 0% 0%;
  }
}

.photoliColumn3ModelHouseCatPoints {
  width: 100%;
}
.h2Column3ModelHouseCatPoints {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .h2Column3ModelHouseCatPoints {
    font-size: 1.0478061559vw;
  }
}
.h2Column3ModelHouseCatPoints::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h2Column3ModelHouseCatPoints::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h2Column3ModelHouseCatPoints {
    margin: 6.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2Column3ModelHouseCatPoints {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 7.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Column3ModelHouseCatPoints {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Column3ModelHouseCatPoints::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h2Column3ModelHouseCatPoints::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtColumn3ModelHouseCatPoints {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .txtColumn3ModelHouseCatPoints {
    font-size: 0.9168303864vw;
  }
}
.txtColumn3ModelHouseCatPoints::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtColumn3ModelHouseCatPoints::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtColumn3ModelHouseCatPoints {
    margin: 8.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtColumn3ModelHouseCatPoints {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 8.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtColumn3ModelHouseCatPoints {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtColumn3ModelHouseCatPoints::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtColumn3ModelHouseCatPoints::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.navModelHouseWap {
  margin-top: 143px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .navModelHouseWap {
    margin-top: 9.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navModelHouseWap {
    margin-top: 29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntNavModelHouseWap {
  width: 415px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .cntNavModelHouseWap {
    width: 27.15%;
  }
}
@media screen and (max-width: 1527px) {
  .cntNavModelHouseWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntNavModelHouseWap {
    width: 315px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .cntNavModelHouseWap {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .cntNavModelHouseWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.inCntNavmodelHouse {
  width: 100%;
}

.cntNavModelHouseFx {
  width: 100%;
}

.liNavModelHouseFx {
  transition-duration: 0.5s;
  border-bottom: 1px solid #D7D7D7;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 160px;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liNavModelHouseFx {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .liNavModelHouseFx {
    width: 24.09%;
  }
}
@media screen and (max-width: 1527px) {
  .liNavModelHouseFx {
    padding: 0% 0% 0.9% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavModelHouseFx {
    width: 150px;
    padding: 0% 0% 2.2% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavModelHouseFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liNavModelHouseFx {
    width: 47.61%;
  }
}
.liNavModelHouseFx:hover {
  border-bottom: 1px solid #1A222D;
}

.btmNavmodelHouse {
  text-decoration: none;
  display: block;
  width: 100%;
  font-weight: 400;
}

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

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

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

.modelhouseCatLoopFx {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .modelhouseCatLoopFx {
    display: block;
  }
}

.limodelhouseCatLoopFx {
  position: relative;
  width: 579px;
}
@media screen and (max-width: 1527px) {
  .limodelhouseCatLoopFx {
    width: 49.91%;
  }
}
@media screen and (max-width: 767px) {
  .limodelhouseCatLoopFx {
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .limodelhouseCatLoopFx {
    padding: 0% 0% 13.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .limodelhouseCatLoopFx:nth-child(n+2) {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .limodelhouseCatLoopFx:nth-child(n+2) {
    margin: 13.33% 0% 0% 0%;
  }
}
.limodelhouseCatLoopFx:nth-child(n+3) {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .limodelhouseCatLoopFx:nth-child(n+3) {
    margin: 8.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .limodelhouseCatLoopFx:nth-child(n+3) {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .limodelhouseCatLoopFx:nth-child(n+3) {
    margin: 13.33% 0% 0% 0%;
  }
}

.limodelhouseCatLoopFx:nth-child(2n-1) .bordmodelhouseCatLoopFx {
  position: absolute;
  bottom: 0;
  right: -0.5%;
  width: 1px;
  height: 359px;
  background: #D9D9D9;
}
@media screen and (max-width: 1527px) {
  .limodelhouseCatLoopFx:nth-child(2n-1) .bordmodelhouseCatLoopFx {
    height: 25vw;
  }
}
@media screen and (max-width: 767px) {
  .limodelhouseCatLoopFx:nth-child(2n-1) .bordmodelhouseCatLoopFx {
    display: none;
  }
}

.btmModelhouseCatLoopFx {
  text-decoration: none;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .btmModelhouseCatLoopFx {
    width: 335px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmModelhouseCatLoopFx {
    width: 89.33%;
  }
}

.thumbsModelhouseCatLoop {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 579/418;
  padding-top: 418px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .thumbsModelhouseCatLoop {
    padding: 72.19% 0% 0% 0%;
  }
}
.thumbsModelhouseCatLoop img {
  transition-duration: 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  object-fit: cover;
}

.btmModelhouseCatLoopFx:hover img {
  transform: scale(1.05);
}

.h3ModelhouseCatLoop {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .h3ModelhouseCatLoop {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .h3ModelhouseCatLoop {
    margin-top: 5.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3ModelhouseCatLoop {
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ModelhouseCatLoop {
    font-size: 2.9333333333vw;
  }
}

.h4ModelhouseCatLoop {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .h4ModelhouseCatLoop {
    font-size: 1.5717092338vw;
  }
}
@media screen and (max-width: 1527px) {
  .h4ModelhouseCatLoop {
    margin-top: 1.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h4ModelhouseCatLoop {
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ModelhouseCatLoop {
    font-size: 4.8vw;
  }
}

.detailModelhouseCatLoop {
  width: 451px;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  min-height: 187px;
}
@media screen and (max-width: 1527px) {
  .detailModelhouseCatLoop {
    width: 77.89%;
  }
}
@media screen and (max-width: 1527px) {
  .detailModelhouseCatLoop {
    margin-top: 4.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .detailModelhouseCatLoop {
    padding: 4.14% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailModelhouseCatLoop {
    width: 315px;
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 7.2% 0% 6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .detailModelhouseCatLoop {
    width: 94.02%;
  }
}

.h5ModelhouseCatLoop {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.023em;
  text-indent: -0.023em;
}
@media screen and (max-width: 1527px) {
  .h5ModelhouseCatLoop {
    font-size: 0.9168303864vw;
  }
}
@media screen and (max-width: 767px) {
  .h5ModelhouseCatLoop {
    letter-spacing: 0.07em;
    text-indent: -0.07em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5ModelhouseCatLoop {
    font-size: 3.4666666667vw;
  }
}

.tableModelhouseCatLoop {
  color: #1A222D;
  width: 250px;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 127px;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .tableModelhouseCatLoop {
    width: 55.43%;
  }
}
@media screen and (max-width: 1527px) and (max-width: 1527px) {
  .tableModelhouseCatLoop {
    margin-top: 5.32%;
    margin-bottom: 0%;
    margin-left: 28.15%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .tableModelhouseCatLoop {
    width: 76.89%;
    margin-top: 5.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableModelhouseCatLoop {
    width: 73.66%;
    margin-top: 6.07%;
    margin-bottom: 0%;
    margin-left: 17%;
    margin-right: auto;
  }
}

.thModelhouseCatLoop {
  border-right: 1px solid #D9D9D9;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 60px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .thModelhouseCatLoop {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .thModelhouseCatLoop {
    width: 24%;
  }
}
@media screen and (max-width: 1527px) {
  .thModelhouseCatLoop {
    padding: 1.9% 0% 1.9% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thModelhouseCatLoop {
    letter-spacing: 0em;
    text-indent: 0em;
    width: 32.5%;
    padding: 1.8% 0% 1.8% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thModelhouseCatLoop {
    font-size: 3.2vw;
  }
}

.tdModelhouseCatLoop {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-indent: -0.03em;
  width: 190px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 0px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1527px) {
  .tdModelhouseCatLoop {
    font-size: 0.8513425016vw;
  }
}
@media screen and (max-width: 1527px) {
  .tdModelhouseCatLoop {
    width: 76%;
  }
}
@media screen and (max-width: 1527px) {
  .tdModelhouseCatLoop {
    padding: 1.9% 0% 1.9% 9.52%;
  }
}
@media screen and (max-width: 767px) {
  .tdModelhouseCatLoop {
    letter-spacing: 0.03em;
    text-indent: -0.03em;
    width: 143px;
    line-height: 1.25;
    padding: 1.8% 0% 1.8% 11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdModelhouseCatLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdModelhouseCatLoop {
    width: 66.2%;
  }
}
@media screen and (max-width: 767px) {
  .tdModelhouseCatLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .tdModelhouseCatLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.txtDetailModelhouseCatLoop {
  color: #1A222D;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 451px;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .txtDetailModelhouseCatLoop {
    font-size: 0.8513425016vw;
  }
}
.txtDetailModelhouseCatLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtDetailModelhouseCatLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtDetailModelhouseCatLoop {
    width: 77.89%;
  }
}
@media screen and (max-width: 1527px) {
  .txtDetailModelhouseCatLoop {
    margin-top: 4.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailModelhouseCatLoop {
    text-align: left;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 315px;
    margin-top: 5.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailModelhouseCatLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailModelhouseCatLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtDetailModelhouseCatLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .txtDetailModelhouseCatLoop {
    width: 94.02%;
  }
}

.btmDetailModelhouseCatLoopWap {
  width: 401px;
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .btmDetailModelhouseCatLoopWap {
    width: 69.25%;
  }
}
@media screen and (max-width: 1527px) {
  .btmDetailModelhouseCatLoopWap {
    margin-top: 7.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btmDetailModelhouseCatLoopWap {
    width: 315px;
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .btmDetailModelhouseCatLoopWap {
    width: 84%;
  }
}

.btmModelhouseCatLoopFx {
  position: relative;
}

.btmDetailModelhouseCatLoop {
  cursor: pointer;
  display: block;
  width: 100%;
  text-decoration: none;
}

.arrowDetailModelhouseCatLoop {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 100%;
  background: url(../img/modelhouse/arrowDetailModelhouseCatLoop.svg) no-repeat 93.8% center;
  background-size: auto 35%;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .arrowDetailModelhouseCatLoop {
    font-size: 0.9823182711vw;
  }
}
@media screen and (max-width: 1527px) {
  .arrowDetailModelhouseCatLoop {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowDetailModelhouseCatLoop {
    background: url(../img/modelhouse/arrowDetailModelhouseCatLoop.svg) no-repeat 96.5% center;
    height: 20.2666666667vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowDetailModelhouseCatLoop {
    font-size: 4vw;
  }
}

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

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

.bgTelContactModelhouseCVN {
  padding-top: 34px;
  padding-bottom: 26px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .bgTelContactModelhouseCVN {
    padding: 2.22% 0% 1.7% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bgTelContactModelhouseCVN {
    padding: 6.5% 0% 7.2% 0%;
  }
}

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

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

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

.modelhouseSingleDetailLxn {
  position: relative;
  width: 1400px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .modelhouseSingleDetailLxn {
    width: 91.62%;
  }
}
@media screen and (max-width: 767px) {
  .modelhouseSingleDetailLxn {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelhouseSingleDetailLxn {
    width: 100%;
  }
}

.photosModelhouseSingleDetail {
  aspect-ratio: 1400/500;
}
@media screen and (max-width: 767px) {
  .photosModelhouseSingleDetail {
    position: relative;
    aspect-ratio: 375/250;
    width: 100%;
    padding-top: 250px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .photosModelhouseSingleDetail {
    padding: 66.66% 0% 0% 0%;
  }
}

.photosModelhouseSingleDetail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.bgModelhouseSingleDetail {
  position: absolute;
  height: 80px;
  width: 1160px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1527px) {
  .bgModelhouseSingleDetail {
    width: 82.85%;
  }
}
@media screen and (max-width: 1527px) {
  .bgModelhouseSingleDetail {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .bgModelhouseSingleDetail {
    display: none;
  }
}

/* ==========================================================================
モデルハウス文章
========================================================================== */
.modelhouseSingleDetailBtmLxn {
  width: 941px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .modelhouseSingleDetailBtmLxn {
    width: 61.58%;
  }
}
@media screen and (max-width: 1527px) {
  .modelhouseSingleDetailBtmLxn {
    margin-top: 0.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .modelhouseSingleDetailBtmLxn {
    width: 315px;
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelhouseSingleDetailBtmLxn {
    width: 84%;
  }
}

.modelhouseSingleDetailBtmFx {
  width: 940px;
}
@media screen and (max-width: 1527px) {
  .modelhouseSingleDetailBtmFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .modelhouseSingleDetailBtmFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelhouseSingleDetailBtmFx {
    width: 100%;
  }
}

/*文章軍*/
.secModelhouseSingleDetail {
  width: 490px;
}
@media screen and (max-width: 1527px) {
  .secModelhouseSingleDetail {
    width: 52.12%;
  }
}
@media screen and (max-width: 767px) {
  .secModelhouseSingleDetail {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secModelhouseSingleDetail {
    width: 100%;
  }
}

.txtModelhouseSingleDetail {
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtModelhouseSingleDetail {
    font-size: 0.9168303864vw;
  }
}
.txtModelhouseSingleDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7142857143) * 0.5em);
  content: "";
}
.txtModelhouseSingleDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7142857143) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtModelhouseSingleDetail {
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtModelhouseSingleDetail {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtModelhouseSingleDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtModelhouseSingleDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/*テーブル郡*/
.tableWapModelhouseSingleDetail {
  width: 400px;
  background: #F5F5F5;
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tableWapModelhouseSingleDetail {
    width: 42.55%;
  }
}
@media screen and (max-width: 1527px) {
  .tableWapModelhouseSingleDetail {
    padding: 2.23% 0% 2.23% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .tableWapModelhouseSingleDetail {
    margin: -0.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableWapModelhouseSingleDetail {
    width: 315px;
    margin: 4.17% 0% 0% 0%;
    padding: 7.34% 0% 6.34% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tableWapModelhouseSingleDetail {
    width: 100%;
  }
}

.tableWapModelhouseSingleDetailWap {
  width: 360px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .tableWapModelhouseSingleDetailWap {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .tableWapModelhouseSingleDetailWap {
    width: 258px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tableWapModelhouseSingleDetailWap {
    width: 81.9%;
  }
}

.h5ModelhouseSingleDetail {
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 1527px) {
  .h5ModelhouseSingleDetail {
    font-size: 0.9168303864vw;
  }
}
.h5ModelhouseSingleDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7142857143) * 0.5em);
  content: "";
}
.h5ModelhouseSingleDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7142857143) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5ModelhouseSingleDetail {
    line-height: 1.6153846154;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5ModelhouseSingleDetail {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h5ModelhouseSingleDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h5ModelhouseSingleDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

/*テーブルの中身*/
.tableModelhouseSingleDetail {
  width: 100%;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .tableModelhouseSingleDetail {
    margin-top: 7.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableModelhouseSingleDetail {
    margin-top: 8.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.thModelhouseSingleDetail {
  width: 65px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  border-right: 1px solid #D9D9D9;
  text-decoration: none;
  font-weight: 400;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .thModelhouseSingleDetail {
    width: 18.05%;
  }
}
@media screen and (max-width: 1527px) {
  .thModelhouseSingleDetail {
    font-size: 0.8513425016vw;
  }
}
.thModelhouseSingleDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.thModelhouseSingleDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .thModelhouseSingleDetail {
    padding: 1.11% 0% 1.11% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thModelhouseSingleDetail {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
    width: 31.51%;
    line-height: 1.5833333333;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thModelhouseSingleDetail {
    padding: 1.55% 0% 1.55% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thModelhouseSingleDetail {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .thModelhouseSingleDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .thModelhouseSingleDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.tdModelhouseSingleDetail {
  width: 260px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: 0em;
  text-indent: 0em;
  text-decoration: none;
  font-weight: 400;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 0px;
}
@media screen and (max-width: 1527px) {
  .tdModelhouseSingleDetail {
    width: 72.22%;
  }
}
@media screen and (max-width: 1527px) {
  .tdModelhouseSingleDetail {
    font-size: 0.8513425016vw;
  }
}
.tdModelhouseSingleDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.tdModelhouseSingleDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .tdModelhouseSingleDetail {
    padding: 1.11% 0% 1.11% 5.55%;
  }
}
@media screen and (max-width: 767px) {
  .tdModelhouseSingleDetail {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 22px;
    padding-right: 0px;
    width: 137px;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdModelhouseSingleDetail {
    padding: 1.55% 0% 1.55% 8.52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdModelhouseSingleDetail {
    width: 53.1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdModelhouseSingleDetail {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tdModelhouseSingleDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .tdModelhouseSingleDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

.modelhouseSinglePhotos {
  width: 1174px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .modelhouseSinglePhotos {
    width: 76.83%;
  }
}
@media screen and (max-width: 767px) {
  .modelhouseSinglePhotos {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelhouseSinglePhotos {
    width: 89.33%;
  }
}

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

.liModelhouseSinglePhotos {
  width: 390px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 2px;
}
@media screen and (max-width: 1527px) {
  .liModelhouseSinglePhotos {
    width: 33.21%;
  }
}
@media screen and (max-width: 1527px) {
  .liModelhouseSinglePhotos {
    margin: 0% 0.17% 0.17% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liModelhouseSinglePhotos {
    width: 167px;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liModelhouseSinglePhotos {
    width: 49.85%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liModelhouseSinglePhotos {
    margin: 0% 0% 0.29% 0%;
  }
}
.liModelhouseSinglePhotos:nth-child(3n) {
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1527px) {
  .liModelhouseSinglePhotos:nth-child(3n) {
    margin: 0% 0% 0.17% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liModelhouseSinglePhotos:nth-child(3n) {
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .liModelhouseSinglePhotos:nth-child(3n) {
    margin: 0% 0% 0.29% 0%;
  }
}

.bmtModelhouseSinglePhotos {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}

.bmtModelhouseSinglePhotos .thumbs {
  transition-duration: 0.5s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.bmtModelhouseSinglePhotos .iconLightBox {
  width: 31px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1527px) {
  .bmtModelhouseSinglePhotos .iconLightBox {
    width: 7.94%;
  }
}
@media screen and (max-width: 767px) {
  .bmtModelhouseSinglePhotos .iconLightBox {
    width: 31px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .bmtModelhouseSinglePhotos .iconLightBox {
    width: 18.56%;
  }
}

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

.modelhouseSingleAddressLxn {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .modelhouseSingleAddressLxn {
    width: 65.44%;
  }
}
@media screen and (max-width: 767px) {
  .modelhouseSingleAddressLxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelhouseSingleAddressLxn {
    width: 84%;
  }
}

/* ==========================================================================
2column
========================================================================== */
.secModelhouseSingleAddress {
  width: 471px;
}
@media screen and (max-width: 1527px) {
  .secModelhouseSingleAddress {
    width: 47.1%;
  }
}
@media screen and (max-width: 767px) {
  .secModelhouseSingleAddress {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secModelhouseSingleAddress {
    width: 106.34%;
  }
}

.h2TopModelhouseSingleAddress {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .h2TopModelhouseSingleAddress {
    font-size: 1.3097576948vw;
  }
}
.h2TopModelhouseSingleAddress::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TopModelhouseSingleAddress::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TopModelhouseSingleAddress {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopModelhouseSingleAddress {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopModelhouseSingleAddress::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TopModelhouseSingleAddress::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.tableTopModelhouseSingleAddress {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .tableTopModelhouseSingleAddress {
    margin-top: 5.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .tableTopModelhouseSingleAddress {
    font-size: 0.9823182711vw;
  }
}
.tableTopModelhouseSingleAddress::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.tableTopModelhouseSingleAddress::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tableTopModelhouseSingleAddress {
    margin-top: 6.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tableTopModelhouseSingleAddress {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tableTopModelhouseSingleAddress::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .tableTopModelhouseSingleAddress::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.thTopModelhouseSingleAddress {
  width: 80px;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .thTopModelhouseSingleAddress {
    width: 16.98%;
  }
}
@media screen and (max-width: 767px) {
  .thTopModelhouseSingleAddress {
    width: 72px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .thTopModelhouseSingleAddress {
    width: 22.85%;
  }
}

.tdTopModelhouseSingleAddress {
  width: 394px;
}
@media screen and (max-width: 1527px) {
  .tdTopModelhouseSingleAddress {
    width: 83.65%;
  }
}
@media screen and (max-width: 767px) {
  .tdTopModelhouseSingleAddress {
    width: 243px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .tdTopModelhouseSingleAddress {
    width: 77.14%;
  }
}

/*アクセス方法*/
.secBtmModelhouseSingleAddress {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #D9D9D9;
}
@media screen and (max-width: 1527px) {
  .secBtmModelhouseSingleAddress {
    margin-top: 4.24%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .secBtmModelhouseSingleAddress {
    padding: 5.09% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secBtmModelhouseSingleAddress {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 6.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .secBtmModelhouseSingleAddress {
    margin-top: 5.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtBtmModelhouseSingleAddress {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .txtBtmModelhouseSingleAddress {
    font-size: 0.9823182711vw;
  }
}
.txtBtmModelhouseSingleAddress::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtBtmModelhouseSingleAddress::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBtmModelhouseSingleAddress {
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmModelhouseSingleAddress {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmModelhouseSingleAddress::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtBtmModelhouseSingleAddress::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.btnBtmModelhouseSingleAddress {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1527px) {
  .btnBtmModelhouseSingleAddress {
    margin-top: 5.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .btnBtmModelhouseSingleAddress {
    font-size: 0.9823182711vw;
  }
}
.btnBtmModelhouseSingleAddress::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btnBtmModelhouseSingleAddress::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnBtmModelhouseSingleAddress {
    margin-top: 6.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBtmModelhouseSingleAddress {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btnBtmModelhouseSingleAddress::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .btnBtmModelhouseSingleAddress::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.btnBtmModelhouseSingleAddress a {
  color: #0044CC;
}

/* ==========================================================================
GoogleMap
========================================================================== */
.ggmap {
  width: 491px;
  padding-top: 323px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -2px;
  position: relative;
  aspect-ratio: 491/323;
  overflow: hidden;
}
@media screen and (max-width: 1527px) {
  .ggmap {
    width: 49.1%;
  }
}
@media screen and (max-width: 1527px) {
  .ggmap {
    padding: 32.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ggmap {
    width: 100%;
    margin-top: 0;
    padding: 65.3% 0% 0% 0%;
    margin: 6% auto 0 auto;
  }
}
.ggmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

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

.archivsSinglePagersModelHouse {
  width: 540px;
}
@media screen and (max-width: 1527px) {
  .archivsSinglePagersModelHouse {
    width: 28.12%;
  }
}
@media screen and (max-width: 767px) {
  .archivsSinglePagersModelHouse {
    width: 84.12%;
  }
}

.btmArchivsSingleModelHousePagers {
  height: 70px;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .btmArchivsSingleModelHousePagers {
    height: 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  .btmArchivsSingleModelHousePagers {
    height: 20.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.modelHouseSingleJoin {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .modelHouseSingleJoin {
    margin-top: 10.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .modelHouseSingleJoin {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelHouseSingleJoin {
    margin-top: 26.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.modelHouseSingleJoinLxn {
  padding-top: 67px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1160px;
  margin: auto;
}
@media screen and (max-width: 1527px) {
  .modelHouseSingleJoinLxn {
    padding: 4.38% 0% 3.92% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .modelHouseSingleJoinLxn {
    width: 75.96%;
  }
}
@media screen and (max-width: 767px) {
  .modelHouseSingleJoinLxn {
    padding: 9.3% 0% 8% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .modelHouseSingleJoinLxn {
    width: 89.33%;
  }
}

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

/* ==========================================================================
線
========================================================================== */
.brdModelHouseSingleJoinCnt {
  position: relative;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 985px;
}
@media screen and (max-width: 1527px) {
  .brdModelHouseSingleJoinCnt {
    margin-top: 2.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .brdModelHouseSingleJoinCnt {
    width: 64.5%;
  }
}
@media screen and (max-width: 767px) {
  .brdModelHouseSingleJoinCnt {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .brdModelHouseSingleJoinCnt {
    width: 85.5%;
  }
}

.brdW100ModelHouseSingleJoinCnt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background: #D7D7D7;
}

.brdW200ModelHouseSingleJoinCnt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 2px;
  width: 200px;
}
@media screen and (max-width: 1527px) {
  .brdW200ModelHouseSingleJoinCnt {
    width: 20.3%;
  }
}
@media screen and (max-width: 767px) {
  .brdW200ModelHouseSingleJoinCnt {
    width: 49.45%;
  }
}

.txtModelHouseSingleJoinCnt {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  width: 724px;
}
@media screen and (max-width: 1527px) {
  .txtModelHouseSingleJoinCnt {
    margin-top: 7.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtModelHouseSingleJoinCnt {
    font-size: 0.9168303864vw;
  }
}
.txtModelHouseSingleJoinCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtModelHouseSingleJoinCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtModelHouseSingleJoinCnt {
    width: 73.5%;
  }
}
@media screen and (max-width: 767px) {
  .txtModelHouseSingleJoinCnt {
    margin-top: 16.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 88.5%;
    text-align: left;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtModelHouseSingleJoinCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtModelHouseSingleJoinCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtModelHouseSingleJoinCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
お申込み条件
========================================================================== */
.joinJoken {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 442px;
}
@media screen and (max-width: 1527px) {
  .joinJoken {
    margin-top: 3.65%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .joinJoken {
    width: 44.87%;
  }
}
@media screen and (max-width: 767px) {
  .joinJoken {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 87.8%;
  }
}

.h3joinJoken {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1527px) {
  .h3joinJoken {
    font-size: 0.9823182711vw;
  }
}
.h3joinJoken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3joinJoken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .h3joinJoken {
    height: 2.030124427vw;
  }
}
@media screen and (max-width: 767px) {
  .h3joinJoken {
    height: 8.2666666667vw;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3joinJoken {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3joinJoken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3joinJoken::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtjoinJoken {
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1527px) {
  .txtjoinJoken {
    font-size: 1.1787819253vw;
  }
}
.txtjoinJoken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtjoinJoken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .txtjoinJoken {
    height: 3.7328094303vw;
  }
}
@media screen and (max-width: 767px) {
  .txtjoinJoken {
    height: 13.8666666667vw;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtjoinJoken {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtjoinJoken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtjoinJoken::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.secFlowTaiken {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secFlowTaiken {
    margin-top: 3.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secFlowTaiken {
    margin-top: 7.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
お申込みからチェックアウトまでの流れ
========================================================================== */
.h3FlowTaiken {
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1527px) {
  .h3FlowTaiken {
    font-size: 1.1787819253vw;
  }
}
.h3FlowTaiken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h3FlowTaiken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3FlowTaiken {
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FlowTaiken {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FlowTaiken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3FlowTaiken::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.navFlowTaiken {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1021px;
}
@media screen and (max-width: 1527px) {
  .navFlowTaiken {
    margin-top: 1.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .navFlowTaiken {
    width: 87.79%;
  }
}
@media screen and (max-width: 767px) {
  .navFlowTaiken {
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
  }
}

.ulFlowTaiken {
  padding-top: 20px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1001px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .ulFlowTaiken {
    padding: 1.95% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 1527px) {
  .ulFlowTaiken {
    width: 98.04%;
  }
}
@media screen and (max-width: 767px) {
  .ulFlowTaiken {
    padding: 6.77% 0% 1% 0%;
    margin: 0 auto;
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .ulFlowTaiken {
    width: 86.44%;
  }
}

.liFlowTaiken {
  width: 16.6666666667%;
}
@media screen and (max-width: 767px) {
  .liFlowTaiken {
    padding: 0% 0% 8.1% 0%;
    border-left: unset;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
  }
}
.liFlowTaiken:nth-child(n+2) {
  border-left: 1px solid #D9D9D9;
}
@media screen and (max-width: 767px) {
  .liFlowTaiken:nth-child(n+2) {
    border-left: unset;
    margin: 6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFlowTaiken:last-child {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .liFlowTaikenFx {
    justify-content: space-between;
    align-items: center;
  }
}

.iconFlowTaiken {
  width: 30px;
  margin: 0 auto;
}
@media screen and (max-width: 1527px) {
  .iconFlowTaiken {
    width: 17.85%;
  }
}
@media screen and (max-width: 767px) {
  .iconFlowTaiken {
    width: 30px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .iconFlowTaiken {
    width: 11.76%;
  }
}

.h4FlowTaiken {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  width: 100%;
}
@media screen and (max-width: 1527px) {
  .h4FlowTaiken {
    margin-top: 11.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .h4FlowTaiken {
    font-size: 1.0478061559vw;
  }
}
.h4FlowTaiken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.625) * 0.5em);
  content: "";
}
.h4FlowTaiken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4FlowTaiken {
    width: 81.74%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1527px) {
  .h4FlowTaiken {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h4FlowTaiken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h4FlowTaiken::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) {
  .h4FlowTaiken {
    font-size: 3.7333333333vw;
  }
}

.txtFlowTaiken {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1527px) {
  .txtFlowTaiken {
    margin-top: 17.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .txtFlowTaiken {
    width: 89.28%;
  }
}
@media screen and (max-width: 1527px) {
  .txtFlowTaiken {
    font-size: 0.7858546169vw;
  }
}
.txtFlowTaiken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtFlowTaiken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtFlowTaiken {
    margin-top: 7.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
    width: 100%;
  }
  .txtFlowTaiken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtFlowTaiken::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFlowTaiken {
    font-size: 3.4666666667vw;
  }
}

.boldFlowTaiken {
  font-weight: 600;
}

.btmNavFlowTaiken {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: 500;
}
@media screen and (max-width: 1527px) {
  .btmNavFlowTaiken {
    margin-top: 1.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .btmNavFlowTaiken {
    font-size: 0.8513425016vw;
  }
}
.btmNavFlowTaiken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.btmNavFlowTaiken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmNavFlowTaiken {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5833333333;
    width: 88.5%;
    text-align: left;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmNavFlowTaiken {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btmNavFlowTaiken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .btmNavFlowTaiken::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
実際の無料宿泊体験は早島駅前平屋展示場のみとなります。
========================================================================== */
.secAnnaiFlowTaiken {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1527px) {
  .secAnnaiFlowTaiken {
    margin-top: 3.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secAnnaiFlowTaiken {
    margin-top: 6.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3AnnaiFlowTaiken {
  font-size: 18px;
  line-height: 1.6111111111;
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (max-width: 1527px) {
  .h3AnnaiFlowTaiken {
    font-size: 1.1787819253vw;
  }
}
.h3AnnaiFlowTaiken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h3AnnaiFlowTaiken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3AnnaiFlowTaiken {
    line-height: 1.9;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AnnaiFlowTaiken {
    font-size: 4.2666666667vw;
  }
}

.btmAnnaiFlowTaiken {
  width: 496px;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
  background: #7B191E;
  color: #fff;
}
@media screen and (max-width: 1527px) {
  .btmAnnaiFlowTaiken {
    width: 42.64%;
  }
}
@media screen and (max-width: 1527px) {
  .btmAnnaiFlowTaiken {
    margin-top: 2.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1527px) {
  .btmAnnaiFlowTaiken {
    font-size: 0.9823182711vw;
  }
}
.btmAnnaiFlowTaiken::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btmAnnaiFlowTaiken::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1527px) {
  .btmAnnaiFlowTaiken {
    height: 4.5841519319vw;
  }
}
@media screen and (max-width: 767px) {
  .btmAnnaiFlowTaiken {
    margin-top: 9.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 88.3%;
    height: 20.2666666667vw;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmAnnaiFlowTaiken {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btmAnnaiFlowTaiken::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btmAnnaiFlowTaiken::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.arrowAnnaiFlowTaiken {
  background: url(../img/modelhouse/arrowAnnaiFlowTaiken.svg) no-repeat 95% center;
  background-size: auto 100%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .arrowAnnaiFlowTaiken {
    background: url(../img/modelhouse/arrowAnnaiFlowTaiken.svg) no-repeat 96% center;
    background-size: auto 154%;
  }
}

/* ==========================================================================
Component
========================================================================== */
.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

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

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}

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

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

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

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

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}

@keyframes fadein_sc_top {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_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 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 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 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 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 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 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 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 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 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 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 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 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 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_fade_set02 li {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_list_fade_set02.active li:nth-child(1) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.15s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.15s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(2) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.3s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.3s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(3) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.45s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.45s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(4) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.6s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.6s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(5) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.75s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.75s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(6) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.9s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.9s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(7) {
  -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_set02.active li:nth-child(8) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.2s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.2s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(9) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.35s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(10) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.5s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.5s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(11) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.65s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.65s forwards alternate;
}
.opacity_0_list_fade_set02.active li:nth-child(12) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.8s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.8s forwards alternate;
}

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

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