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

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

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

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

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

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

svg {
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-weight: 0;
}

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

.fw_100 {
  font-weight: 100;
}

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

.fw_200 {
  font-weight: 200;
}

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

.fw_300 {
  font-weight: 300;
}

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

.fw_400 {
  font-weight: 400;
}

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

.fw_500 {
  font-weight: 500;
}

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

.fw_600 {
  font-weight: 600;
}

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

.fw_700 {
  font-weight: 700;
}

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

.fw_800 {
  font-weight: 800;
}

.ovhidden {
  overflow: hidden;
}

a {
  transition-duration: 0.5s;
}
a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
  }
}

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

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

.t_right {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.base_header {
  position: sticky;
  top: 0;
  z-index: 99;
}

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

.btnHeaderPcTop {
  width: 274px;
  transform: translate(0%, -4%);
}
@media screen and (max-width: 1199px) {
  .btnHeaderPcTop {
    width: 22.83%;
  }
}

.subNaviHeaderPc {
  width: 477px;
}
@media screen and (max-width: 1199px) {
  .subNaviHeaderPc {
    width: 39.75%;
  }
}

.liSubNaviHeaderPc {
  width: 138px;
}
@media screen and (max-width: 1199px) {
  .liSubNaviHeaderPc {
    width: 28.93%;
  }
}

.liSubNaviHeaderPc01 {
  transform: translate(0, -1%);
}

.liSubNaviHeaderPc02 {
  width: 318px;
}
@media screen and (max-width: 1199px) {
  .liSubNaviHeaderPc02 {
    width: 66.66%;
  }
}

.btnSubNaviHeaderPc02 {
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  aspect-ratio: 318/37;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .btnSubNaviHeaderPc02 {
    font-size: 1.1676396997vw;
  }
}

/* ==========================================================================
PCナビ
========================================================================== */
.mainHeaderPcTop {
  padding-top: 23px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .mainHeaderPcTop {
    padding: 1.19% 0% 0.93% 0%;
  }
}

.ulMainHeaderPcTop {
  width: 842px;
  margin: auto;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .ulMainHeaderPcTop {
    width: 70.16%;
  }
}

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

.h3BtnLiMainHeaderPcTop {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #ccc;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 1199px) {
  .h3BtnLiMainHeaderPcTop {
    font-size: 1.1676396997vw;
  }
}
.h3BtnLiMainHeaderPcTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3BtnLiMainHeaderPcTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.btnLiMainHeaderPcTop.active .h3BtnLiMainHeaderPcTop {
  border-bottom: 1px solid #54B4C6;
}

.txtBtnLiMainHeaderPcTop {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtBtnLiMainHeaderPcTop {
    margin: 0.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtBtnLiMainHeaderPcTop {
    font-size: 0.834028357vw;
  }
}
.txtBtnLiMainHeaderPcTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtBtnLiMainHeaderPcTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

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

.headerSpTop {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .headerSpTop {
    padding: 2.66% 0% 2.66% 0%;
  }
}

.btmTopLogoSp {
  width: 119.6px;
  margin: auto;
  display: block;
}
@media screen and (max-width: 1199px) {
  .btmTopLogoSp {
    width: 31.89%;
  }
}

.headerSpMain {
  background: #FFF;
}

.btmHeaderSpMain {
  width: 255px;
  margin: 2.7% 0% 2.2% 5.33%;
}
@media screen and (max-width: 1199px) {
  .btmHeaderSpMain {
    width: 68%;
  }
}

/* ==========================================================================
ハンバーガー
========================================================================== */
.btnHeaderSp {
  cursor: pointer;
  background: #FAFAFA;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 51/51;
  width: 13.36%;
}

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

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

/* ==========================================================================
メニュイー上部
========================================================================== */
.mainHeaderSpTop {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
  height: 100vh;
}
.mainHeaderSpTop::-webkit-scrollbar {
  display: none;
}

.mainHeaderSpTopWap {
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .mainHeaderSpTopWap {
    padding: 0% 0% 4.26% 0%;
  }
}

.liMainHeaderSpTop {
  border-bottom: 1px solid #cbcbcb;
  border-top: 1px solid #cbcbcb;
}
.liMainHeaderSpTop:nth-child(n+2) {
  border-top: none;
}

.liMainHeaderSpTop a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16.3vw;
}

.btnLiMainHeaderSpTop {
  text-decoration: none;
}

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

.h3BtnLiMainHeaderSpTop.cl_ccc {
  color: #ccc;
}

.h3BtnLiMainHeaderSpTop.cl_444 {
  color: #444;
}

.txtBtnLiMainHeaderSpTop {
  color: #444;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 5.33% 0% 0% 0%;
}
@media screen and (max-width: 767px) {
  .txtBtnLiMainHeaderSpTop {
    font-size: 2.6666666667vw;
  }
}
.txtBtnLiMainHeaderSpTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtBtnLiMainHeaderSpTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}

/* ==========================================================================
メニュー下部
========================================================================== */
.mainHeaderSpContant {
  margin-top: 208px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 343px;
}
@media screen and (max-width: 1199px) {
  .mainHeaderSpContant {
    margin-top: 55.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .mainHeaderSpContant {
    width: 91.46%;
  }
}

.ulMainHeaderSpContant {
  padding: 1.1% 0% 1.1% 0%;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.liMainHeaderSpContant {
  padding: 0.5% 0%;
  width: 50%;
}

.liMainHeaderSpContant01 {
  border-right: 1px solid #FFF;
}

.btnMainHeaderSpContant {
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  text-decoration: none;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .btnMainHeaderSpContant {
    font-size: 2.9333333333vw;
  }
}

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

.spanMainHeaderSpContant02 {
  padding: 0% 0% 0% 15.74%;
  background: url(../img/spanMainHeaderSpContant02.svg) no-repeat center left;
  background-size: auto 70%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
.mainFooterSpContant {
  position: fixed;
  bottom: 2%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
}

.footer {
  margin-top: 180px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 34px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .footer {
    margin: 9.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .footer {
    padding: 1.77% 0% 1.77% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-top: 120px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 9.5% 0% 11.66% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .footer {
    margin: 32% 0% 0% 0%;
  }
}

.footerLxn {
  width: 754px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1199px) {
  .footerLxn {
    width: 62.83%;
  }
}
@media screen and (max-width: 767px) {
  .footerLxn {
    width: 294px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .footerLxn {
    width: 78.4%;
  }
}

.footerFx {
  width: 369px;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .footerFx {
    width: 48.93%;
  }
}
@media screen and (max-width: 1199px) {
  .footerFx {
    margin: 1.59% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footerFx {
    width: 100%;
  }
}

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

.secFooterBox {
  width: 345px;
}
@media screen and (max-width: 1199px) {
  .secFooterBox {
    width: 45.75%;
  }
}
@media screen and (max-width: 1199px) {
  .secFooterBox {
    width: 48.75%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBox {
    width: 100%;
    margin: 7.9% 0% 0% 0%;
  }
}

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

.telFooterBox {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .telFooterBox {
    margin: 4.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .telFooterBox {
    margin: 4.9% 0% 0% 0%;
  }
}

.txtFooterBox {
  margin-top: 13px;
  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: 1199px) {
  .txtFooterBox {
    margin: 3.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtFooterBox {
    font-size: 1.0842368641vw;
  }
}
.txtFooterBox::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.txtFooterBox::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtFooterBox {
    margin: 4.2% 0% 0% 0%;
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooterBox {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterBox::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtFooterBox::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
TOPへ戻る
========================================================================== */
.fixedFooterNav {
  width: 50px;
  position: fixed;
  bottom: 2%;
  right: 2%;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .fixedFooterNav {
    bottom: 12.5%;
    right: 5.32%;
    width: 50px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fixedFooterNav {
    width: 13.33%;
  }
}
@media screen and (max-width: 767px) {
  .fixedFooterNav a:hover {
    opacity: 1;
  }
}

.btnFixedFooterNav {
  display: block;
}

/* ==========================================================================
コピーライト
========================================================================== */
.copy {
  font-feature-settings: "palt";
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: -0.03em;
  text-indent: 0.03em;
}
@media screen and (max-width: 1199px) {
  .copy {
    padding: 0.57% 0% 0.52% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .copy {
    font-size: 1.0008340284vw;
  }
}
.copy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.copy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .copy {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.6;
    letter-spacing: -0.03em;
    text-indent: 0.03em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .copy {
    padding: 3.2% 0% 3.2% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copy {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .copy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .copy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

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

.swipperFv {
  position: relative;
}

.mainFv {
  width: 100%;
}

.indexFvBnrWap {
  position: relative;
}

.indexFvBnr {
  position: absolute;
  top: -12vw;
  right: -0.1vw;
  width: 23.43vw;
}
@media screen and (max-width: 767px) {
  .indexFvBnr {
    top: 24vw;
    left: 0;
    right: 0;
    margin: auto;
    width: 70.59%;
  }
}

.indexFvBtm {
  padding-top: 17px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .indexFvBtm {
    padding: 1.41% 0% 1.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexFvBtm {
    padding: 5.33% 0% 4.9% 0%;
  }
}

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

.h2IndexFvBtm {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #FFF;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 71px;
  padding-top: 7px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h2IndexFvBtm {
    font-size: 1.1676396997vw;
  }
}
.h2IndexFvBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.h2IndexFvBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2IndexFvBtm {
    width: 5.91%;
  }
}
@media screen and (max-width: 1199px) {
  .h2IndexFvBtm {
    padding: 0.58% 0% 0.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexFvBtm {
    width: 100%;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 1.49% 0% 0.6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexFvBtm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexFvBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h2IndexFvBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtIndexFvBtm {
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 682px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtIndexFvBtm {
    font-size: 1.0008340284vw;
  }
}
.txtIndexFvBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtIndexFvBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtIndexFvBtm {
    width: 56.83%;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexFvBtm {
    margin: 0% 0% 0% 0.83%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexFvBtm {
    width: 100%;
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexFvBtm {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexFvBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtIndexFvBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

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

.txtIndexFvLast {
  font-size: 11px;
  line-height: 1.6363636364;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtIndexFvLast {
    font-size: 0.9174311927vw;
  }
}
.txtIndexFvLast::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
.txtIndexFvLast::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexFvLast {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 335px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexFvLast {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexFvLast::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtIndexFvLast::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: 1199px) {
  .txtIndexFvLast {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtIndexFvLast {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*スライダ*/
.swiper-slide {
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  .swiper-slide {
    width: 62.5%;
  }
}
@media screen and (max-width: 767px) {
  .swiper-slide {
    width: 100%;
  }
}

/*ページャー*/
.swipperPager {
  bottom: -2vw !important;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .swipperPager {
    bottom: -3vw !important;
  }
}
@media screen and (max-width: 767px) {
  .swipperPager {
    bottom: -7% !important;
  }
}

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

.swiper-pagination-bullet-active {
  background: #4A756F !important;
}

.swipperSwiper {
  position: relative;
}

.fvTopics {
  padding-top: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .fvTopics {
    padding: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fvTopics {
    padding: 0% 0% 16.2% 0%;
  }
}

.topicsFv {
  margin-top: 135px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .topicsFv {
    margin-top: 7.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topicsFv {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .topicsFv {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h2TopicsFv {
  width: 125px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2TopicsFv {
    width: 12.5%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsFv {
    width: 73px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2TopicsFv {
    width: 21.79%;
  }
}
.h2TopicsFv img {
  width: 100%;
  display: block;
}
.h2TopicsFv svg {
  width: 100%;
  height: auto;
}

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

.liTopicsFv {
  padding-top: 0px;
  padding-bottom: 28px;
  padding-left: 0px;
  padding-right: 43px;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-bottom: 1px solid #808080;
}
@media screen and (max-width: 1199px) {
  .liTopicsFv {
    padding: 0% 4.29% 2.8% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .liTopicsFv {
    margin: 2.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopicsFv {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 4.29% 6.4% 0%;
  }
}
.squareTopicsFv {
  background: #BD936C;
  width: 20px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1199px) {
  .squareTopicsFv {
    width: 2%;
  }
}
@media screen and (max-width: 767px) {
  .squareTopicsFv {
    width: 4.5%;
  }
}

.txtTopicsFv {
  width: 887px;
  font-size: 26px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTopicsFv {
    width: 88.7%;
  }
}
@media screen and (max-width: 1199px) {
  .txtTopicsFv {
    font-size: 2.1684737281vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopicsFv {
    width: 311px;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtTopicsFv {
    width: 92.83%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopicsFv {
    font-size: 4.2666666667vw;
  }
}

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

.secIndexInfo {
  width: 1080px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secIndexInfo {
    width: 90%;
  }
}
@media screen and (max-width: 1199px) {
  .secIndexInfo {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secIndexInfo {
    width: 338px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secIndexInfo {
    width: 90.13%;
  }
}

@media screen and (max-width: 767px) {
  .bnrIndexInfoAdd250117 {
    width: 670px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .bnrIndexInfoAdd250117 {
    width: 89.33%;
  }
}

.bnrIndexInfoAdd25011702 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .bnrIndexInfoAdd25011702 {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bnrIndexInfoAdd25011702 {
    width: 670px;
    margin-top: 45px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .bnrIndexInfoAdd25011702 {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .bnrIndexInfoAdd25011702 {
    margin-top: 6.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2IndexInfo {
  width: 208px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexInfo {
    width: 19.25%;
  }
}
@media screen and (max-width: 1199px) {
  .h2IndexInfo {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexInfo {
    width: 38.2%;
  }
}

.h3IndexInfo {
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h3IndexInfo {
    font-size: 3.3361134279vw;
  }
}
.h3IndexInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3IndexInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3IndexInfo {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfo {
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexInfo {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h3IndexInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.bgh3IndexInfo {
  background: url(../img/index/bgh3IndexInfoPc.svg) no-repeat center top;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .bgh3IndexInfo {
    background: url(../img/index/bgh3IndexInfoSp.svg) no-repeat center top;
    background-size: 100% 100%;
  }
}

.h4IndexInfo {
  font-size: 64px;
  line-height: 1.609375;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h4IndexInfo {
    font-size: 5.3377814846vw;
  }
}
.h4IndexInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.609375) * 0.5em);
  content: "";
}
.h4IndexInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.609375) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h4IndexInfo {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h4IndexInfo {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4IndexInfo {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4IndexInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h4IndexInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.photoIndexInfo {
  width: 100%;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .photoIndexInfo {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoIndexInfo {
    margin: 10.5% auto 0% auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoIndexInfo {
    width: 99.11%;
  }
}

/*20240213追加*/
.moreViewTop {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 50px;
  width: 105px;
  display: block;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .moreViewTop {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 4.16%;
  }
}
@media screen and (max-width: 1199px) {
  .moreViewTop {
    width: 8.75%;
  }
}
@media screen and (max-width: 767px) {
  .moreViewTop {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 7.33%;
    width: 19.46%;
  }
}

.InmoreViewTop {
  background: url(../img/moreViewTopPc.svg) no-repeat center bottom;
  display: block;
  padding: 0 0 6.5% 0;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .InmoreViewTop {
    font-size: 1.2510425354vw;
  }
}
.InmoreViewTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.InmoreViewTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .InmoreViewTop {
    background: url(../img/moreViewTopSp.svg) no-repeat center bottom;
    background-size: 100% auto;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    display: block;
    margin: 0 0 0 -3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .InmoreViewTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .InmoreViewTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .InmoreViewTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.ulIndexInfo {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulIndexInfo {
    margin-top: 5.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexInfo {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexInfo {
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexInfo {
    width: 89.33%;
  }
}

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

.btnIndexInfo {
  position: relative;
  height: 329px;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnIndexInfo {
    height: 27.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexInfo {
    height: 37.3333333333vw;
  }
}

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

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

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

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

.moreView {
  width: 105px;
  padding: 0 0 1% 0;
  aspect-ratio: 105/22;
  position: absolute;
  bottom: 8.7%;
  right: 4.2%;
  background: url(../img/moreViewPc.svg) no-repeat bottom center;
  background-size: 100% auto;
}
@media screen and (max-width: 1199px) {
  .moreView {
    width: 8.75%;
  }
}
@media screen and (max-width: 767px) {
  .moreView {
    background: url(../img/moreViewSp.png) no-repeat center center;
    background-size: 100% 100%;
    width: 23.79%;
    padding: 0 0 2.8% 1.5%;
    aspect-ratio: 73/16;
    position: absolute;
    bottom: 2.7%;
    right: 2.5%;
  }
}

.InmoreView {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .InmoreView {
    font-size: 1.2510425354vw;
  }
}
.InmoreView::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.InmoreView::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .InmoreView {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .InmoreView {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .InmoreView::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .InmoreView::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/*20250526追加*/
.indexMerit {
  padding-top: 80px;
  padding-bottom: 71px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .indexMerit {
    padding: 4.16% 0% 3.69% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexMerit {
    padding: 15.4% 0% 7.06% 0%;
  }
}

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

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

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

.h2IndexMerit {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 431px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexMerit {
    padding: 1% 0% 1% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h2IndexMerit {
    font-size: 3.3361134279vw;
  }
}
@media screen and (max-width: 1199px) {
  .h2IndexMerit {
    width: 43.1%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexMerit {
    padding: 2.4% 0% 2.4% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 76.1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexMerit {
    font-size: 6.4vw;
  }
}

.bgH2IndexMerit {
  background: url(../img/index/bgH2IndexMeritPc.svg) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .bgH2IndexMerit {
    background: url(../img/index/bgH2IndexMeritSp.svg) no-repeat center top;
    background-size: 100% auto;
  }
}

.ulIndexMerit {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulIndexMerit {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexMerit {
    margin-top: 12.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liIndexMerit {
  width: 480px;
  padding-top: 30px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liIndexMerit {
    width: 48%;
  }
}
@media screen and (max-width: 1199px) {
  .liIndexMerit {
    padding: 3% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexMerit {
    width: 335px;
    padding: 6.26% 0% 5.26% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexMerit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexMerit:nth-child(n+2) {
    margin: 9% 0% 0% 0%;
  }
}
.liIndexMerit:nth-child(n+3) {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liIndexMerit:nth-child(n+3) {
    margin: 3.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexMerit:nth-child(n+3) {
    margin: 9% 0% 0% 0%;
  }
}

.indexMeritLxn {
  width: 420px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .indexMeritLxn {
    width: 87.5%;
  }
}
@media screen and (max-width: 767px) {
  .indexMeritLxn {
    width: 293px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexMeritLxn {
    width: 87.46%;
  }
}

.h3IndexMerit {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .h3IndexMerit {
    margin-top: 4.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexMerit {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtIndexMerit {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.03em;
  text-indent: 0.03em;
}
@media screen and (max-width: 1199px) {
  .txtIndexMerit {
    margin-top: 3.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexMerit {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexMerit {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: -0.03em;
    text-indent: 0.03em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexMerit {
    font-size: 3.7333333333vw;
  }
}

.txtIndexMeritbtm {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  font-size: 12px;
  line-height: normal;
  letter-spacing: -0.03em;
  text-indent: 0.03em;
}
@media screen and (max-width: 1199px) {
  .txtIndexMeritbtm {
    margin-top: 1.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexMeritbtm {
    font-size: 1.0008340284vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexMeritbtm {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: -0.03em;
    text-indent: 0.03em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexMeritbtm {
    font-size: 3.2vw;
  }
}

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

.secIndexInfoMationMationMation {
  width: 100%;
}

.h2IndexInfoMationMationMation {
  width: 236px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexInfoMationMationMation {
    width: 19.66%;
  }
}
@media screen and (max-width: 1199px) {
  .h2IndexInfoMationMationMation {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexInfoMationMationMation {
    width: 144px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2IndexInfoMationMationMation {
    width: 38.4%;
  }
}

.h3IndexInfoMation {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h3IndexInfoMation {
    font-size: 3.3361134279vw;
  }
}
.h3IndexInfoMation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3IndexInfoMation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3IndexInfoMation {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfoMation {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 7.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexInfoMation {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfoMation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3IndexInfoMation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h4IndexInfoMation {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h4IndexInfoMation {
    font-size: 3.3361134279vw;
  }
}
.h4IndexInfoMation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h4IndexInfoMation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h4IndexInfoMation {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h4IndexInfoMation {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4IndexInfoMation {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .h4IndexInfoMation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h4IndexInfoMation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h4IndexInfoMation {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnIndexInfoMationWap {
  background: #997563;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  width: 508px;
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnIndexInfoMationWap {
    width: 42.33%;
  }
}
@media screen and (max-width: 1199px) {
  .btnIndexInfoMationWap {
    margin-top: 5.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexInfoMationWap {
    width: 315px;
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnIndexInfoMationWap {
    width: 84%;
  }
}

.btnIndexInfoMation {
  text-decoration: none;
  width: 100%;
}

.spanIndexInfoMation {
  width: 100%;
  aspect-ratio: 508/82;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 45px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .spanIndexInfoMation {
    font-size: 1.5012510425vw;
  }
}
.spanIndexInfoMation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.spanIndexInfoMation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .spanIndexInfoMation {
    padding: 0% 0% 0% 8.85%;
  }
}
@media screen and (max-width: 767px) {
  .spanIndexInfoMation {
    aspect-ratio: 315/64;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 0% 8.1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanIndexInfoMation {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .spanIndexInfoMation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .spanIndexInfoMation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.spanIndexInfoMation {
  background-image: url(../img/index/contactIconMail.svg), url(../img/index/contactIconArrow.svg);
  background-position: left 20.5% center, right 4% center;
  background-size: 6.5% auto, 5% auto;
  background-repeat: no-repeat, no-repeat;
}
@media screen and (max-width: 767px) {
  .spanIndexInfoMation {
    background-position: left 10.5% center, right 1% center;
    background-size: 8% auto, 8% auto;
  }
}

/*20250526追加*/
.indexInfo {
  padding-top: 100px;
  padding-bottom: 148px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .indexInfo {
    padding: 5.2% 0% 7.7% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexInfo {
    padding-top: 50px;
    padding-bottom: 72px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexInfo {
    padding: 13.33% 0% 19.2% 0%;
  }
}

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

.secIndexInfo {
  width: 1120px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secIndexInfo {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexInfo {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secIndexInfo {
    width: 100%;
  }
}

.h2IndexInfo {
  width: 236px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexInfo {
    width: 21.07%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexInfo {
    width: 144px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2IndexInfo {
    width: 42.98%;
  }
}
.h2IndexInfo svg {
  width: 100%;
  height: 100%;
  margin: auto;
}

.indexInfoBtm {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .indexInfoBtm {
    margin-top: 4.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexInfoBtm {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexInfoBtm {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h3IndexInfo01 {
  font-size: 26px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  position: absolute;
  top: 7.5%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h3IndexInfo01 {
    font-size: 2.1684737281vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfo01 {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    top: 5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexInfo01 {
    font-size: 3.2vw;
  }
}

.h3IndexInfo {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  position: absolute;
  top: 15.5%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h3IndexInfo {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexInfo {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    top: 8.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexInfo {
    font-size: 5.8666666667vw;
  }
}

.h4IndexInfo {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  position: absolute;
  top: 25.5%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h4IndexInfo {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h4IndexInfo {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    top: 12.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4IndexInfo {
    font-size: 2.6666666667vw;
  }
}

.photoIndexInfo {
  position: absolute;
  top: 32%;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .photoIndexInfo {
    top: 16.5%;
    width: 204px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoIndexInfo {
    width: 60.89%;
  }
}

.btnIndexInfoWap {
  position: absolute;
  top: 93%;
  left: 0;
  right: 0;
  margin: auto;
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .btnIndexInfoWap {
    width: 44.64%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexInfoWap {
    width: 335px;
    top: 95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnIndexInfoWap {
    width: 100%;
  }
}

.btnIndexInfoWap .btnIndexInfo {
  width: 100%;
  aspect-ratio: 500/73;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  background: #282828;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .btnIndexInfoWap .btnIndexInfo {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexInfoWap .btnIndexInfo {
    aspect-ratio: 335/49;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexInfoWap .btnIndexInfo {
    font-size: 6.4vw;
  }
}

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

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

.indexInfoBunerBox {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexInfoBunerBox {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexInfoBunerBox {
    margin-top: 12.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*20240213追加*/
.h2IndexInfoBuner {
  font-size: 34px;
  line-height: 1.5882352941;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1199px) {
  .h2IndexInfoBuner {
    font-size: 2.8356964137vw;
  }
}
.h2IndexInfoBuner::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5882352941) * 0.5em);
  content: "";
}
.h2IndexInfoBuner::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5882352941) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexInfoBuner {
    line-height: 1.6;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexInfoBuner {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexInfoBuner::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2IndexInfoBuner::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.brdIndexInfoBunerBox {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 508px;
}
@media screen and (max-width: 1199px) {
  .brdIndexInfoBunerBox {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .brdIndexInfoBunerBox {
    width: 42.33%;
  }
}
@media screen and (max-width: 767px) {
  .brdIndexInfoBunerBox {
    width: 94.5%;
    margin-top: 3.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*20250526追加*/
.indexKurashi {
  padding-top: 97px;
  padding-bottom: 130px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .indexKurashi {
    padding: 5.05% 0% 6.77% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexKurashi {
    padding: 13.5% 0% 16% 0%;
  }
}

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

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

.h2IndexKurashi {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexKurashi {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexKurashi {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexKurashi {
    font-size: 7.4666666667vw;
  }
}
.h2IndexKurashi:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .h2IndexKurashi:after {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtIndexKurashi {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtIndexKurashi {
    margin-top: 1.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexKurashi {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexKurashi {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexKurashi {
    font-size: 3.7333333333vw;
  }
}

.ulIndexKurashi {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulIndexKurashi {
    margin-top: 7.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexKurashi {
    margin-top: 12.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liIndexKurashi {
  width: 460px;
}
@media screen and (max-width: 1199px) {
  .liIndexKurashi {
    width: 46.09%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexKurashi {
    width: 100%;
  }
}
.liIndexKurashi:nth-child(n+3) {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liIndexKurashi:nth-child(n+3) {
    margin: 8.01% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexKurashi:nth-child(n+3) {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexKurashi:nth-child(n+3) {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liIndexKurashi:nth-child(n+2) {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexKurashi:nth-child(n+2) {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtBtmIndexKurashi {
  margin-top: 110px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtBtmIndexKurashi {
    margin-top: 11.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtBtmIndexKurashi {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmIndexKurashi {
    margin-top: 14.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    transform: translate(-6%, 0);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmIndexKurashi {
    font-size: 4.2666666667vw;
  }
}

.iconBtmIndexKurashi {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 67px;
  padding-right: 0px;
  background: url(../img/index/iconBtmIndexKurashiPc.svg) no-repeat center left;
  background-size: auto 88%;
}
@media screen and (max-width: 1199px) {
  .iconBtmIndexKurashi {
    padding: 0% 0% 0% 6.71%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtmIndexKurashi {
    padding: 0.5% 0% 0.5% 12.83%;
    background: url(../img/index/iconBtmIndexKurashiSp.svg) no-repeat center left;
    background-size: auto 100%;
  }
}

.btnIndexKurashiLxn {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .btnIndexKurashiLxn {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnIndexKurashiLxn {
    width: 50.1%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexKurashiLxn {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnIndexKurashiLxn {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnIndexKurashibtm {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 100%;
  aspect-ratio: 500/73;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  background: #282828;
  height: auto;
  color: #FFF;
}
@media screen and (max-width: 1199px) {
  .btnIndexKurashibtm {
    font-size: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexKurashibtm {
    aspect-ratio: 335/49;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexKurashibtm {
    font-size: 4.2666666667vw;
  }
}

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

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

.indexWelcomeWap {
  width: 630px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexWelcomeWap {
    width: 52.5%;
  }
}
@media screen and (max-width: 1199px) {
  .indexWelcomeWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .indexWelcomeWap {
    width: 58%;
  }
}
@media screen and (max-width: 767px) {
  .indexWelcomeWap {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexWelcomeWap {
    width: 84%;
  }
}

.indexWelcomeFx {
  width: 100%;
}

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

.secIndexWelcome {
  width: 504px;
  transform: translate(0, -10%);
}
@media screen and (max-width: 1199px) {
  .secIndexWelcome {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexWelcome {
    width: 100%;
    text-align: center;
    margin: 11.2% 0% 0% 0%;
    transform: translate(0, 0%);
  }
}

.h2IndexWelcome {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #444444;
}
@media screen and (max-width: 1199px) {
  .h2IndexWelcome {
    font-size: 2.3352793995vw;
  }
}
.h2IndexWelcome::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexWelcome::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexWelcome {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexWelcome {
    font-size: 4.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexWelcome::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexWelcome::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.pIndexWelcome {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #444444;
}
@media screen and (max-width: 1199px) {
  .pIndexWelcome {
    font-size: 1.3344453711vw;
  }
}
.pIndexWelcome::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.pIndexWelcome::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .pIndexWelcome {
    margin: 1.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .pIndexWelcome {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .pIndexWelcome {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .pIndexWelcome::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .pIndexWelcome::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.secIndexWelcomeBtm {
  display: block;
  text-decoration: none;
  width: 100%;
  border: 1px solid #444444;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
  color: #444444;
}
@media screen and (max-width: 1199px) {
  .secIndexWelcomeBtm {
    margin: 4.76% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .secIndexWelcomeBtm {
    padding: 3.65% 0% 3.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexWelcomeBtm {
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    margin: 6.07% 0% 0% 0%;
    padding: 5.5% 0% 4.8% 0%;
  }
}
.secIndexWelcomeBtm:hover {
  opacity: 1;
  border: 1px solid #FFF;
  background: #6FC1D0;
}

.h2IndexWelcomeBtm {
  font-size: 24px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2IndexWelcomeBtm {
    font-size: 2.0016680567vw;
  }
}
.h2IndexWelcomeBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.h2IndexWelcomeBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexWelcomeBtm {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexWelcomeBtm {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexWelcomeBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h2IndexWelcomeBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}
.h2IndexWelcomeBtm:hover {
  color: #FFFFFF;
}

.indexEtcSub {
  margin-top: 117px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexEtcSub {
    margin-top: 9.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexEtcSub {
    margin-top: 15.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleIndexEtcSub {
  width: 546px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .titleIndexEtcSub {
    width: 45.5%;
  }
}
@media screen and (max-width: 1199px) {
  .titleIndexEtcSub {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .titleIndexEtcSub {
    width: 334px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleIndexEtcSub {
    width: 89.06%;
  }
}

.h2TitleIndexEtcSub {
  width: 217px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h2TitleIndexEtcSub {
    width: 39.74%;
  }
}
@media screen and (max-width: 1199px) {
  .h2TitleIndexEtcSub {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleIndexEtcSub {
    width: 217px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2TitleIndexEtcSub {
    width: 64.97%;
  }
}

.h3TitleIndexEtcSub {
  border-bottom: 1px solid #00253F;
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1199px) {
  .h3TitleIndexEtcSub {
    padding: 0% 0% 1.46% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleIndexEtcSub {
    margin: 3.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleIndexEtcSub {
    font-size: 3.3361134279vw;
  }
}
.h3TitleIndexEtcSub::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3TitleIndexEtcSub::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleIndexEtcSub {
    padding: 0% 0% 4.9% 0%;
    margin: 5.5% 0% 0% 0%;
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleIndexEtcSub {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleIndexEtcSub::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3TitleIndexEtcSub::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.ulIndexEtcSub {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulIndexEtcSub {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexEtcSub {
    width: 335px;
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexEtcSub {
    width: 89.33%;
  }
}

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

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

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

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

.h2PropertyTitle {
  width: 220px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h2PropertyTitle {
    width: 22%;
  }
}
@media screen and (max-width: 1199px) {
  .h2PropertyTitle {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2PropertyTitle {
    width: 110px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2PropertyTitle {
    width: 32.83%;
  }
}

.h3PropertyTitle {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .h3PropertyTitle {
    font-size: 1.6680567139vw;
  }
}
.h3PropertyTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3PropertyTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3PropertyTitle {
    margin-top: 1.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3PropertyTitle {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PropertyTitle {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PropertyTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3PropertyTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.brdPropertyTitle {
  width: 100%;
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .brdPropertyTitle {
    margin-top: 6.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdPropertyTitle {
    margin-top: 14.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

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

.tablePropertyOutlineTop {
  width: 100%;
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .tablePropertyOutlineTop {
    margin: 4.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tablePropertyOutlineTop {
    margin: 6.6% 0% 0% 0%;
  }
}

.thPropertyOutlineTop, .tdPropertyOutlineTop {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .thPropertyOutlineTop, .tdPropertyOutlineTop {
    font-size: 1.2510425354vw;
  }
}
.thPropertyOutlineTop::before, .tdPropertyOutlineTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.thPropertyOutlineTop::after, .tdPropertyOutlineTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thPropertyOutlineTop, .tdPropertyOutlineTop {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thPropertyOutlineTop, .tdPropertyOutlineTop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thPropertyOutlineTop::before, .tdPropertyOutlineTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .thPropertyOutlineTop::after, .tdPropertyOutlineTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.thPropertyOutlineTop {
  text-align: left;
  width: 160px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .thPropertyOutlineTop {
    width: 16%;
  }
}
@media screen and (max-width: 1199px) {
  .thPropertyOutlineTop {
    padding: 1.3% 0% 1.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thPropertyOutlineTop {
    display: block;
    width: 100%;
    padding: 4% 0% 2% 0%;
  }
}

.tdPropertyOutlineTop {
  width: 840px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .tdPropertyOutlineTop {
    width: 84%;
  }
}
@media screen and (max-width: 1199px) {
  .tdPropertyOutlineTop {
    padding: 1.3% 0% 1.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdPropertyOutlineTop {
    display: block;
    width: 100%;
    padding: 2% 0% 4% 0%;
  }
}

.secPropertyOutlineDetail {
  width: 1000px;
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secPropertyOutlineDetail {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .secPropertyOutlineDetail {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPropertyOutlineDetail {
    width: 335px;
    margin-top: 6.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secPropertyOutlineDetail {
    width: 89.33%;
  }
}

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

.brdPropertyOutlineDetail {
  height: 1px;
  width: 1000px;
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .brdPropertyOutlineDetail {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .brdPropertyOutlineDetail {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdPropertyOutlineDetail {
    width: 335px;
    margin-top: 15.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdPropertyOutlineDetail {
    width: 89.33%;
  }
}

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

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

.secPropertyOutlineTochi02 {
  width: 1000px;
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secPropertyOutlineTochi02 {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .secPropertyOutlineTochi02 {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPropertyOutlineTochi02 {
    width: 335px;
    margin-top: 15.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secPropertyOutlineTochi02 {
    width: 89.33%;
  }
}

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

.tablePropertyOutlineTochi {
  width: 100%;
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .tablePropertyOutlineTochi {
    margin: 4.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tablePropertyOutlineTochi {
    margin: 6.7% 0% 0% 0%;
  }
}

.thPropertyOutlineTochi,
.tdPropertyOutlineTochi {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .thPropertyOutlineTochi,
  .tdPropertyOutlineTochi {
    font-size: 1.2510425354vw;
  }
}
.thPropertyOutlineTochi::before,
.tdPropertyOutlineTochi::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.thPropertyOutlineTochi::after,
.tdPropertyOutlineTochi::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thPropertyOutlineTochi,
  .tdPropertyOutlineTochi {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thPropertyOutlineTochi,
  .tdPropertyOutlineTochi {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thPropertyOutlineTochi::before,
  .tdPropertyOutlineTochi::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .thPropertyOutlineTochi::after,
  .tdPropertyOutlineTochi::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.thPropertyOutlineTochi {
  text-align: left;
  width: 160px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .thPropertyOutlineTochi {
    width: 16%;
  }
}
@media screen and (max-width: 1199px) {
  .thPropertyOutlineTochi {
    padding: 1.3% 0% 1.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thPropertyOutlineTochi {
    display: block;
    width: 100%;
    padding: 4% 0% 2% 0%;
  }
}

.tdPropertyOutlineTochi {
  width: 840px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .tdPropertyOutlineTochi {
    width: 84%;
  }
}
@media screen and (max-width: 1199px) {
  .tdPropertyOutlineTochi {
    padding: 1.3% 0% 1.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdPropertyOutlineTochi {
    display: block;
    width: 100%;
    padding: 2% 0% 4% 0%;
  }
}

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

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

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

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

.txtPropertyCompanyInfo01 {
  width: 100%;
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtPropertyCompanyInfo01 {
    margin-top: 5.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtPropertyCompanyInfo01 {
    margin-top: 10.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtPropertyCompanyInfo02 {
  width: 100%;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtPropertyCompanyInfo02 {
    margin-top: 2.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtPropertyCompanyInfo02 {
    margin-top: 6.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
footerNav
========================================================================== */
.footerNav {
  margin-top: 178px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .footerNav {
    margin-top: 14.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerNav {
    margin-top: 31.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulFooterNav {
  width: 995px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulFooterNav {
    width: 82.91%;
  }
}
@media screen and (max-width: 1199px) {
  .ulFooterNav {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulFooterNav {
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulFooterNav {
    width: 74.66%;
  }
}

.liFooterNav {
  width: 137px;
}
@media screen and (max-width: 1199px) {
  .liFooterNav {
    width: 13.76%;
  }
}
@media screen and (max-width: 767px) {
  .liFooterNav {
    width: 137px;
    margin: 0% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liFooterNav {
    width: 48.92%;
  }
}

.btnFooterNav {
  text-align: center;
  width: 100%;
  aspect-ratio: 137/60;
  font-size: 13px;
  line-height: 1.3846153846;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnFooterNav {
    font-size: 1.0842368641vw;
  }
}
.btnFooterNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3846153846) * 0.5em);
  content: "";
}
.btnFooterNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3846153846) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnFooterNav {
    aspect-ratio: 137/55;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnFooterNav {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .btnFooterNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .liFooterNav:last-child {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liFooterNav:last-child {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFooterNav:last-child .btnFooterNav {
    aspect-ratio: 280/55;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.technologyFv {
  padding-top: 249px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  height: 340px;
  background: url(../img/technology/bgtechnologyFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 1199px) {
  .technologyFv {
    padding: 12.96% 0% 1.56% 0%;
  }
}
@media screen and (max-width: 767px) {
  .technologyFv {
    padding: 105.1% 0% 15.5% 0%;
    background: url(../img/technology/bgtechnologyFvSp.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}

.h2technologyFv {
  width: 1016px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2technologyFv {
    width: 84.66%;
  }
}
@media screen and (max-width: 767px) {
  .h2technologyFv {
    width: 94.33%;
  }
}
.h2technologyFv img {
  width: 297px;
}
@media screen and (max-width: 1199px) {
  .h2technologyFv img {
    width: 29.23%;
  }
}
@media screen and (max-width: 767px) {
  .h2technologyFv img {
    width: 45.235%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.technologySyokuninWap {
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .technologySyokuninWap {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .technologySyokuninWap {
    margin-top: 12.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologySyokuninWap {
    width: 89.33%;
  }
}

.h2TechnologySyokunin {
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2TechnologySyokunin {
    font-size: 3.3361134279vw;
  }
}
.h2TechnologySyokunin::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TechnologySyokunin::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TechnologySyokunin {
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TechnologySyokunin {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TechnologySyokunin::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2TechnologySyokunin::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

.txtTechnologySyokunin {
  margin-top: 56px;
  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: 1199px) {
  .txtTechnologySyokunin {
    margin-top: 4.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTechnologySyokunin {
    font-size: 1.5012510425vw;
  }
}
.txtTechnologySyokunin::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtTechnologySyokunin::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTechnologySyokunin {
    text-align: left;
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTechnologySyokunin {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTechnologySyokunin::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtTechnologySyokunin::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.picTechnologySyokunin {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 830px;
}
@media screen and (max-width: 1199px) {
  .picTechnologySyokunin {
    margin-top: 6.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .picTechnologySyokunin {
    width: 69.16%;
  }
}
@media screen and (max-width: 767px) {
  .picTechnologySyokunin {
    margin-top: 14.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTechnologySyokunin {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.technologyStrong {
  margin-top: 180px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 157px;
  padding-bottom: 158px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .technologyStrong {
    margin-top: 9.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .technologyStrong {
    padding: 8.17% 0% 8.22% 0%;
  }
}
@media screen and (max-width: 767px) {
  .technologyStrong {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 10.66% 0% 20.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologyStrong {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .technologyStrongWap {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologyStrongWap {
    width: 84%;
  }
}

.technologyStrongLxn {
  position: relative;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .technologyStrongLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .technologyStrongLxn {
    width: 100%;
  }
}

.picTechnologyStrong {
  position: absolute;
  left: 0;
  top: -1.5%;
  bottom: 0;
  width: 160px;
  aspect-ratio: 160/160;
}
@media screen and (max-width: 1199px) {
  .picTechnologyStrong {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .picTechnologyStrong {
    width: 80px;
    aspect-ratio: 80/80;
    position: relative;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTechnologyStrong {
    width: 25.39%;
  }
}

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

.h2TitleTechnology {
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2TitleTechnology {
    font-size: 3.3361134279vw;
  }
}
.h2TitleTechnology::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TitleTechnology::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleTechnology {
    line-height: 1.5909090909;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleTechnology {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleTechnology::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5909090909) * 0.5em);
    content: "";
  }
  .h2TitleTechnology::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5909090909) * 0.5em);
    content: "";
  }
}

.brdTitleTechnology {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  height: 1px;
}
@media screen and (max-width: 1199px) {
  .brdTitleTechnology {
    margin-top: 1.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .brdTitleTechnology {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .brdTitleTechnology {
    margin-top: 2.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdTitleTechnology {
    width: 93.65%;
  }
}

.h3TitleTechnology {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h3TitleTechnology {
    margin-top: 1.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleTechnology {
    font-size: 2.0016680567vw;
  }
}
.h3TitleTechnology::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.h3TitleTechnology::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleTechnology {
    margin-top: 4.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6111111111;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleTechnology {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleTechnology::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
  .h3TitleTechnology::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6111111111) * 0.5em);
    content: "";
  }
}

.technologyStrongFx {
  margin-top: 136px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .technologyStrongFx {
    margin-top: 13.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .technologyStrongFx {
    margin-top: 15.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.photoTechnologyStrongFx {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .photoTechnologyStrongFx {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .photoTechnologyStrongFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoTechnologyStrongFx {
    width: 100%;
  }
}

.secTechnologyStrongFx {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 460px;
}
@media screen and (max-width: 1199px) {
  .secTechnologyStrongFx {
    margin: 3.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .secTechnologyStrongFx {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .secTechnologyStrongFx {
    margin: 9.4% 0% 0% 0%;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTechnologyStrongFx {
    width: 100%;
  }
}

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

.txtTechnologyStrongFx {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTechnologyStrongFx {
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtTechnologyStrongFx {
    font-size: 1.5012510425vw;
  }
}
.txtTechnologyStrongFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtTechnologyStrongFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTechnologyStrongFx {
    margin: 4.7% 0% 0% 0%;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTechnologyStrongFx {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTechnologyStrongFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtTechnologyStrongFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.subTxtTechnologyStrongFx {
  margin-top: 59px;
  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: 1199px) {
  .subTxtTechnologyStrongFx {
    margin: 5.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .subTxtTechnologyStrongFx {
    font-size: 1.1676396997vw;
  }
}
.subTxtTechnologyStrongFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.subTxtTechnologyStrongFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .subTxtTechnologyStrongFx {
    margin: 4.7% 0% 0% 0%;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subTxtTechnologyStrongFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .subTxtTechnologyStrongFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .subTxtTechnologyStrongFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.technologySpace {
  padding-top: 155px;
  padding-bottom: 160px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .technologySpace {
    padding: 8.07% 0% 8.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .technologySpace {
    padding: 10.66% 0% 20.5% 0%;
  }
}

.technologySpaceLxn {
  position: relative;
}

@media screen and (max-width: 767px) {
  .technologySpaceWap {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologySpaceWap {
    width: 84%;
  }
}

.picTechnologySpace {
  position: absolute;
  right: 8.25%;
  top: -1.45%;
  bottom: 0;
  width: 160px;
  aspect-ratio: 160/160;
}
@media screen and (max-width: 1199px) {
  .picTechnologySpace {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .picTechnologySpace {
    width: 80px;
    aspect-ratio: 80/80;
    position: relative;
    margin: auto;
    right: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTechnologySpace {
    width: 25.39%;
  }
}

.secTitleTechnologySpaceTop {
  margin-top: 125px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologySpaceTop {
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTitleTechnologySpaceTop {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTitleTechnologySpaceTop {
    margin-top: 12.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TitleTechnologySpaceTop {
  font-size: 32px;
  line-height: 1.59375;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2TitleTechnologySpaceTop {
    font-size: 2.6688907423vw;
  }
}
.h2TitleTechnologySpaceTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.59375) * 0.5em);
  content: "";
}
.h2TitleTechnologySpaceTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.59375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleTechnologySpaceTop {
    text-align: left;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleTechnologySpaceTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleTechnologySpaceTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleTechnologySpaceTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtTitleTechnologySpaceTop {
  margin-top: 39px;
  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: 1199px) {
  .txtTitleTechnologySpaceTop {
    margin-top: 3.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTitleTechnologySpaceTop {
    font-size: 1.5012510425vw;
  }
}
.txtTitleTechnologySpaceTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtTitleTechnologySpaceTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTitleTechnologySpaceTop {
    text-align: left;
    margin-top: 10.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleTechnologySpaceTop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleTechnologySpaceTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtTitleTechnologySpaceTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

.technologySpaceMainFx {
  margin-top: 95px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .technologySpaceMainFx {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .technologySpaceMainFx {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntTechnologySpaceMainFx {
  width: 490px;
}
@media screen and (max-width: 1199px) {
  .cntTechnologySpaceMainFx {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .cntTechnologySpaceMainFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntTechnologySpaceMainFx {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cntTechnologySpaceMainFx + .cntTechnologySpaceMainFx {
    margin-top: 9.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3TechnologySpaceMainFx {
  font-size: 22px;
  line-height: 1.5909090909;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h3TechnologySpaceMainFx {
    font-size: 1.8348623853vw;
  }
}
.h3TechnologySpaceMainFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5909090909) * 0.5em);
  content: "";
}
.h3TechnologySpaceMainFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5909090909) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TechnologySpaceMainFx {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TechnologySpaceMainFx {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TechnologySpaceMainFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h3TechnologySpaceMainFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.photoTechnologySpaceMain {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .photoTechnologySpaceMain {
    margin: 3.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoTechnologySpaceMain {
    margin: 4.5% 0% 0% 0%;
  }
}

.secLastTechnologySpace {
  margin-top: 34px;
  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: 1199px) {
  .secLastTechnologySpace {
    margin-top: 3.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .secLastTechnologySpace {
    font-size: 1.5012510425vw;
  }
}
.secLastTechnologySpace::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.secLastTechnologySpace::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secLastTechnologySpace {
    margin-top: 7.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secLastTechnologySpace {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .secLastTechnologySpace::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .secLastTechnologySpace::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtLastTechnologySpace {
  margin-top: 7px;
  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: 1199px) {
  .txtLastTechnologySpace {
    margin-top: 0.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtLastTechnologySpace {
    font-size: 1.2510425354vw;
  }
}
.txtLastTechnologySpace::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtLastTechnologySpace::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLastTechnologySpace {
    margin-top: 2.3%;
    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) {
  .txtLastTechnologySpace {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastTechnologySpace::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtLastTechnologySpace::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.technologyComfortable {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 160px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .technologyComfortable {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .technologyComfortable {
    padding: 0.72% 0% 8.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .technologyComfortable {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 10.66% 0% 20.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologyComfortable {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .technologyComfortableWap {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologyComfortableWap {
    width: 84%;
  }
}

.technologyComfortableLxn {
  position: relative;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .technologyComfortableLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .technologyComfortableLxn {
    width: 100%;
  }
}

.h2TitleTechnologyComfortableTop {
  margin-top: 125px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: 1.59375;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2TitleTechnologyComfortableTop {
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h2TitleTechnologyComfortableTop {
    font-size: 2.6688907423vw;
  }
}
.h2TitleTechnologyComfortableTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.59375) * 0.5em);
  content: "";
}
.h2TitleTechnologyComfortableTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.59375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleTechnologyComfortableTop {
    margin-top: 12.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleTechnologyComfortableTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleTechnologyComfortableTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleTechnologyComfortableTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.secTitleTechnologyComfortable {
  margin-top: 140px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologyComfortable {
    margin-top: 14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortable {
    margin-top: 11.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picTechnologyComfortable {
  position: absolute;
  left: 0;
  top: -0.45%;
  bottom: 0;
  width: 160px;
  aspect-ratio: 160/160;
}
@media screen and (max-width: 1199px) {
  .picTechnologyComfortable {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .picTechnologyComfortable {
    width: 80px;
    aspect-ratio: 80/80;
    position: relative;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTechnologyComfortable {
    width: 25.39%;
  }
}

.technologyComfortableFx {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .technologyComfortableFx {
    margin-top: 5.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .technologyComfortableFx {
    margin-top: 11.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.photoTechnologyComfortableFx {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .photoTechnologyComfortableFx {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .photoTechnologyComfortableFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoTechnologyComfortableFx {
    width: 100%;
  }
}

.secTechnologyComfortableFx {
  width: 460px;
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secTechnologyComfortableFx {
    width: 46%;
  }
}
@media screen and (max-width: 1199px) {
  .secTechnologyComfortableFx {
    margin: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secTechnologyComfortableFx {
    width: 315px;
    margin: 9.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTechnologyComfortableFx {
    width: 100%;
  }
}

.secTechnologyComfortableFx02 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secTechnologyComfortableFx02 {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secTechnologyComfortableFx02 {
    order: 2;
    margin: 8.3% 0% 0% 0%;
  }
}

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

.txtTechnologyComfortableFx {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTechnologyComfortableFx {
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtTechnologyComfortableFx {
    font-size: 1.5012510425vw;
  }
}
.txtTechnologyComfortableFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtTechnologyComfortableFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTechnologyComfortableFx {
    margin: 4.8% 0% 0% 0%;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTechnologyComfortableFx {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTechnologyComfortableFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtTechnologyComfortableFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.secTitleTechnologyComfortableMiddle {
  margin-top: 116px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologyComfortableMiddle {
    margin-top: 11.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle {
    margin-top: 24.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: 1.59375;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop {
    font-size: 2.6688907423vw;
  }
}
.secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.59375) * 0.5em);
  content: "";
}
.secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.59375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop {
    margin-top: 15.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .secTitleTechnologyComfortableMiddle .h2TitleTechnologyComfortableTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop {
  margin-top: 39px;
  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: 1199px) {
  .secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop {
    margin-top: 3.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop {
    font-size: 1.5012510425vw;
  }
}
.secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop {
    margin-top: 9.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .secTitleTechnologyComfortableMiddle .txtTitleTechnologyComfortableTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtTitleTechnologyComfortableTop {
  margin-top: 50px;
  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: 1199px) {
  .txtTitleTechnologyComfortableTop {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTitleTechnologyComfortableTop {
    font-size: 1.5012510425vw;
  }
}
.txtTitleTechnologyComfortableTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txtTitleTechnologyComfortableTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTitleTechnologyComfortableTop {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtTitleTechnologyComfortableTop {
    margin-top: 12.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleTechnologyComfortableTop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleTechnologyComfortableTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtTitleTechnologyComfortableTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtphotoTechnologyComfortableFx {
  margin-top: 8px;
  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: 1199px) {
  .txtphotoTechnologyComfortableFx {
    margin: 0.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtphotoTechnologyComfortableFx {
    font-size: 1.1676396997vw;
  }
}
.txtphotoTechnologyComfortableFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtphotoTechnologyComfortableFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtphotoTechnologyComfortableFx {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtphotoTechnologyComfortableFx {
    margin: 3.17% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtphotoTechnologyComfortableFx {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtphotoTechnologyComfortableFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtphotoTechnologyComfortableFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.liTechnologyComfortable {
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liTechnologyComfortable {
    padding: 0% 0% 3.04% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTechnologyComfortable {
    padding: 0% 0% 2.5% 0%;
  }
}

.liTechnologyComfortable02 {
  padding-top: 10px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liTechnologyComfortable02 {
    padding: 2.17% 0% 3.04% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTechnologyComfortable02 {
    padding: 2.8% 0% 2.4% 0%;
  }
}

.nomTechnologyComfortable {
  width: 26px;
}
@media screen and (max-width: 1199px) {
  .nomTechnologyComfortable {
    width: 5.65%;
  }
}
@media screen and (max-width: 767px) {
  .nomTechnologyComfortable {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .nomTechnologyComfortable {
    width: 6.34%;
  }
}

.secTechnologyComfortable {
  width: 424px;
}
@media screen and (max-width: 1199px) {
  .secTechnologyComfortable {
    width: 92.17%;
  }
}
@media screen and (max-width: 767px) {
  .secTechnologyComfortable {
    width: 285px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTechnologyComfortable {
    width: 90.47%;
  }
}

.h3TechnologyComfortable {
  margin-top: 5px;
  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: 1199px) {
  .h3TechnologyComfortable {
    margin-top: 1.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3TechnologyComfortable {
    font-size: 1.5012510425vw;
  }
}
.h3TechnologyComfortable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h3TechnologyComfortable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TechnologyComfortable {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3TechnologyComfortable {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TechnologyComfortable {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TechnologyComfortable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .h3TechnologyComfortable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.txtTechnologyComfortable {
  margin-top: 7px;
  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: 1199px) {
  .txtTechnologyComfortable {
    margin: 1.65% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtTechnologyComfortable {
    font-size: 1.1676396997vw;
  }
}
.txtTechnologyComfortable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtTechnologyComfortable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTechnologyComfortable {
    margin: 2% 0% 0% 0%;
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTechnologyComfortable {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTechnologyComfortable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtTechnologyComfortable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.secTitleTechnologyComfortableMiddle02 {
  margin-top: 106px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTitleTechnologyComfortableMiddle02 {
    margin-top: 10.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTitleTechnologyComfortableMiddle02 {
    margin-top: 21.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.technologyComfortable03Fx .secTechnologyComfortableFx {
  width: 460px;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .technologyComfortable03Fx .secTechnologyComfortableFx {
    width: 46%;
  }
}
@media screen and (max-width: 1199px) {
  .technologyComfortable03Fx .secTechnologyComfortableFx {
    margin: 3.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .technologyComfortable03Fx .secTechnologyComfortableFx {
    width: 315px;
    margin: 9.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologyComfortable03Fx .secTechnologyComfortableFx {
    width: 100%;
  }
}

.technologyComfortable04Fx {
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .technologyComfortable04Fx {
    margin-top: 7.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .technologyComfortable04Fx {
    margin-top: 12.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.technologyComfortable04Fx .secTechnologyComfortableFx {
  width: 460px;
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .technologyComfortable04Fx .secTechnologyComfortableFx {
    width: 46%;
  }
}
@media screen and (max-width: 1199px) {
  .technologyComfortable04Fx .secTechnologyComfortableFx {
    margin: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .technologyComfortable04Fx .secTechnologyComfortableFx {
    width: 315px;
    margin: 9.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .technologyComfortable04Fx .secTechnologyComfortableFx {
    width: 100%;
  }
}

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

.bunConceptFv {
  width: 100%;
}

.txtConceptFv {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 1078px;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtConceptFv {
    font-size: 0.834028357vw;
  }
}
.txtConceptFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtConceptFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptFv {
    width: 89.83%;
  }
}
@media screen and (max-width: 1199px) {
  .txtConceptFv {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptFv {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 335px;
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptFv {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtConceptFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtConceptFv {
    width: 89.33%;
  }
}

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

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

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

.subTitleConceptKukan {
  position: relative;
  width: 100%;
  margin-top: 93px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .subTitleConceptKukan {
    margin: 8.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .subTitleConceptKukan {
    margin: 14.7% 0% 0% 0%;
  }
}

.h3ConceptKukan {
  aspect-ratio: 356/50;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  width: 356px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 35px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1199px) {
  .h3ConceptKukan {
    width: 32.96%;
  }
}
@media screen and (max-width: 1199px) {
  .h3ConceptKukan {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3ConceptKukan {
    font-size: 2.9190992494vw;
  }
}
.h3ConceptKukan::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3ConceptKukan::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ConceptKukan {
    aspect-ratio: 335/46;
    width: 335px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3ConceptKukan {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ConceptKukan {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ConceptKukan::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3ConceptKukan::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.picConceptKukanTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 852px;
}
@media screen and (max-width: 1199px) {
  .picConceptKukanTop {
    width: 78.88%;
  }
}
@media screen and (max-width: 767px) {
  .picConceptKukanTop {
    position: unset;
    width: 335px;
    margin-top: 8.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picConceptKukanTop {
    width: 89.33%;
  }
}

.picConceptKukanBtm {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .picConceptKukanBtm {
    margin: 6.48% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .picConceptKukanBtm {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picConceptKukanBtm {
    margin: 8% 0% 0% 0%;
  }
}

.secConceptKukanMore {
  width: 1006px;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secConceptKukanMore {
    width: 93.14%;
  }
}
@media screen and (max-width: 1199px) {
  .secConceptKukanMore {
    margin-top: 0.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secConceptKukanMore {
    width: 335px;
    margin-top: 4.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secConceptKukanMore {
    width: 89.33%;
  }
}

.h4ConceptKukanMore {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 3px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h4ConceptKukanMore {
    font-size: 1.1676396997vw;
  }
}
.h4ConceptKukanMore::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h4ConceptKukanMore::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h4ConceptKukanMore {
    margin: 0% 0% 0% 0.29%;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptKukanMore {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ConceptKukanMore {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptKukanMore::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h4ConceptKukanMore::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h4ConceptKukanMore {
    margin: 0% 0% 0% 0%;
  }
}

.brdConceptKukanMore {
  width: 470px;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .brdConceptKukanMore {
    width: 46.71%;
  }
}
@media screen and (max-width: 1199px) {
  .brdConceptKukanMore {
    margin: 0.79% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdConceptKukanMore {
    width: 100%;
    margin: 2.5% 0% 0% 0%;
  }
}

.ulConceptKukanMore {
  width: 1002px;
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulConceptKukanMore {
    width: 99.6%;
  }
}
@media screen and (max-width: 1199px) {
  .ulConceptKukanMore {
    margin-top: 1.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulConceptKukanMore {
    width: 100%;
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liConceptKukanMore {
  width: 334px;
}
@media screen and (max-width: 1199px) {
  .liConceptKukanMore {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .liConceptKukanMore {
    width: 162px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liConceptKukanMore {
    width: 48.35%;
  }
}

.liConceptKukanMore:nth-child(n+4) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liConceptKukanMore:nth-child(n+4) {
    margin: 1.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liConceptKukanMore:nth-child(n+4) {
    margin: 3.1% 0% 0% 0%;
  }
}

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

.numberConceptKukanMore {
  width: 12px;
}
@media screen and (max-width: 1199px) {
  .numberConceptKukanMore {
    width: 3.62%;
  }
}
@media screen and (max-width: 767px) {
  .numberConceptKukanMore {
    width: 12px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .numberConceptKukanMore {
    width: 7.4%;
  }
}

.secLiConceptKukanMore {
  width: 314px;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secLiConceptKukanMore {
    width: 94.86%;
  }
}
@media screen and (max-width: 1199px) {
  .secLiConceptKukanMore {
    margin: 0.31% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secLiConceptKukanMore {
    width: 146px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLiConceptKukanMore {
    width: 90.12%;
  }
}

.h5ConceptKukanMore {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #002870;
}
@media screen and (max-width: 1199px) {
  .h5ConceptKukanMore {
    font-size: 1.0008340284vw;
  }
}
.h5ConceptKukanMore::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h5ConceptKukanMore::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5ConceptKukanMore {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5ConceptKukanMore {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h5ConceptKukanMore::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h5ConceptKukanMore::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtConceptKukanMore {
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtConceptKukanMore {
    font-size: 1.0008340284vw;
  }
}
.txtConceptKukanMore::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtConceptKukanMore::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptKukanMore {
    margin: 2.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptKukanMore {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptKukanMore {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptKukanMore::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtConceptKukanMore::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: 1199px) {
  .txtConceptKukanMore {
    margin: 4.79% 0% 0% 0%;
  }
}

.txtConceptKukanMoreBtm {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #444;
}
@media screen and (max-width: 1199px) {
  .txtConceptKukanMoreBtm {
    font-size: 0.834028357vw;
  }
}
.txtConceptKukanMoreBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtConceptKukanMoreBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptKukanMoreBtm {
    margin-top: 1.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptKukanMoreBtm {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptKukanMoreBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptKukanMoreBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtConceptKukanMoreBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

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

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

.secConceptCommunity {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .secConceptCommunity {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .secConceptCommunity {
    width: 100%;
  }
}

.h2ConceptCommunity {
  aspect-ratio: 356/50;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 35px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  width: 356px;
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunity {
    font-size: 2.9190992494vw;
  }
}
.h2ConceptCommunity::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2ConceptCommunity::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunity {
    width: 71.2%;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunity {
    line-height: 1.6;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
    aspect-ratio: 335/46;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ConceptCommunity {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunity::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2ConceptCommunity::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h3ConceptCommunity {
  font-size: 28px;
  line-height: 1.6071428571;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h3ConceptCommunity {
    font-size: 2.3352793995vw;
  }
}
.h3ConceptCommunity::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6071428571) * 0.5em);
  content: "";
}
.h3ConceptCommunity::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6071428571) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3ConceptCommunity {
    margin: 15.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3ConceptCommunity {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 10.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ConceptCommunity {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ConceptCommunity::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h3ConceptCommunity::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtConceptCommunity {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunity {
    font-size: 1.2510425354vw;
  }
}
.txtConceptCommunity::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtConceptCommunity::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunity {
    margin: 8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunity {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunity {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunity::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtConceptCommunity::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.photoConceptCommunity {
  width: 446px;
}
@media screen and (max-width: 1199px) {
  .photoConceptCommunity {
    width: 44.6%;
  }
}
@media screen and (max-width: 767px) {
  .photoConceptCommunity {
    width: 315px;
    margin-top: 8.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoConceptCommunity {
    width: 94.02%;
  }
}

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

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

.picCommunityTsudouTop {
  width: 136px;
}
@media screen and (max-width: 1199px) {
  .picCommunityTsudouTop {
    width: 13.6%;
  }
}
@media screen and (max-width: 767px) {
  .picCommunityTsudouTop {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCommunityTsudouTop {
    width: 29.85%;
  }
}

.secCommunityTsudouTop {
  width: 834px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secCommunityTsudouTop {
    width: 83.4%;
  }
}
@media screen and (max-width: 1199px) {
  .secCommunityTsudouTop {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCommunityTsudouTop {
    width: 225px;
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secCommunityTsudouTop {
    width: 67.16%;
  }
}

.h3CommunityTsudouTop {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h3CommunityTsudouTop {
    font-size: 2.1684737281vw;
  }
}
.h3CommunityTsudouTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3CommunityTsudouTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3CommunityTsudouTop {
    padding: 0% 0% 1.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityTsudouTop {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 3.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CommunityTsudouTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityTsudouTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h3CommunityTsudouTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtCommunityTsudouTop {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtCommunityTsudouTop {
    font-size: 1.2510425354vw;
  }
}
.txtCommunityTsudouTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtCommunityTsudouTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtCommunityTsudouTop {
    margin: 1.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityTsudouTop {
    line-height: 1.5833333333;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
    margin: 7.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCommunityTsudouTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityTsudouTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtCommunityTsudouTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.conceptCommunityTsudouBtmFx {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmFx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityTsudouBtmFx {
    width: 335px;
    margin-top: 37px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityTsudouBtmFx {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityTsudouBtmFx {
    margin-top: 9.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.conceptCommunityTsudouBtmL {
  width: 760px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmL {
    width: 76%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmL {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityTsudouBtmL {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityTsudouBtmL {
    margin: 0% 0% 0% 0%;
  }
}

.lxnConceptCommunityTsudouBtmL {
  width: 175px;
}
@media screen and (max-width: 1199px) {
  .lxnConceptCommunityTsudouBtmL {
    width: 23.02%;
  }
}
@media screen and (max-width: 767px) {
  .lxnConceptCommunityTsudouBtmL {
    width: 159px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .lxnConceptCommunityTsudouBtmL {
    width: 47.46%;
  }
}

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

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

.photoConceptCommunityTsudouBtmL {
  width: 100%;
}

.secConceptCommunityTsudouBtmL {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secConceptCommunityTsudouBtmL {
    margin: 12.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secConceptCommunityTsudouBtmL {
    margin: 11.5% 0% 0% 0%;
  }
}

.h2ConceptCommunityTsudouBtmL {
  font-size: 15px;
  line-height: 1.2666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunityTsudouBtmL {
    font-size: 1.2510425354vw;
  }
}
.h2ConceptCommunityTsudouBtmL::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
.h2ConceptCommunityTsudouBtmL::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunityTsudouBtmL {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunityTsudouBtmL {
    line-height: 1.2307692308;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ConceptCommunityTsudouBtmL {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunityTsudouBtmL::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2307692308) * 0.5em);
    content: "";
  }
  .h2ConceptCommunityTsudouBtmL::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2307692308) * 0.5em);
    content: "";
  }
}

.h2ConceptCommunityTsudouBtmL {
  position: relative;
  padding: 0 0 0 0.7vw;
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunityTsudouBtmL {
    padding: 0 0 0 1vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunityTsudouBtmL {
    padding: 0 0 0 3.5vw;
  }
}
.h2ConceptCommunityTsudouBtmL:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 20px;
  width: 3px;
  background-color: #E79080;
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunityTsudouBtmL:before {
    height: 18px;
    width: 2px;
  }
}

.txtConceptCommunityTsudouBtmL {
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityTsudouBtmL {
    font-size: 1.0008340284vw;
  }
}
.txtConceptCommunityTsudouBtmL::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtConceptCommunityTsudouBtmL::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityTsudouBtmL {
    margin: 10.28% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityTsudouBtmL {
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 8.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunityTsudouBtmL {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityTsudouBtmL::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtConceptCommunityTsudouBtmL::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

.conceptCommunityTsudouBtmR {
  background: url(../img/concept/conceptCommunityTsudouBtmRPc.png) no-repeat top center;
  background-size: 100% 99.4%;
  width: 179px;
  margin-top: -55px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmR {
    width: 17.9%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmR {
    margin: -5.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmR {
    width: 19.5%;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityTsudouBtmR {
    background: url(../img/concept/conceptCommunityTsudouBtmRSp.png) no-repeat top center;
    background-size: 100% 100%;
    width: 100%;
    margin: 8.6% 0% 0% 0%;
  }
}

.brdConceptCommunityTsudouBtmR {
  height: 9px;
  width: 177px;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .brdConceptCommunityTsudouBtmR {
    width: 98.88%;
  }
}
@media screen and (max-width: 1199px) {
  .brdConceptCommunityTsudouBtmR {
    margin-top: 0.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdConceptCommunityTsudouBtmR {
    width: 333px;
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdConceptCommunityTsudouBtmR {
    width: 99.4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdConceptCommunityTsudouBtmR {
    margin-top: 0.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.conceptCommunityTsudouBtmRFx {
  width: 144px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 37px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmRFx {
    width: 80.44%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmRFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTsudouBtmRFx {
    padding: 13.4% 0% 20.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityTsudouBtmRFx {
    width: 295px;
    padding: 5.97% 0% 5.4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityTsudouBtmRFx {
    width: 88.05%;
  }
}

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

.secConceptCommunityTsudouBtmRInner {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .secConceptCommunityTsudouBtmRInner {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secConceptCommunityTsudouBtmRInner {
    width: 46.77%;
  }
}

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

.txtConceptCommunityTsudouBtmR {
  font-size: 11px;
  line-height: 1.6363636364;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityTsudouBtmR {
    font-size: 0.9174311927vw;
  }
}
.txtConceptCommunityTsudouBtmR::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
.txtConceptCommunityTsudouBtmR::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityTsudouBtmR {
    margin: 7.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityTsudouBtmR {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 9.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunityTsudouBtmR {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityTsudouBtmR::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtConceptCommunityTsudouBtmR::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.photoConceptCommunityTsudouBtmR {
  width: 100%;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .photoConceptCommunityTsudouBtmR {
    margin: 12.84% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoConceptCommunityTsudouBtmR {
    width: 137px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoConceptCommunityTsudouBtmR {
    width: 46.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoConceptCommunityTsudouBtmR {
    margin: 0% 0% 0% 0%;
  }
}

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

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

.picCommunityIrodoruTop {
  width: 136px;
}
@media screen and (max-width: 1199px) {
  .picCommunityIrodoruTop {
    width: 13.6%;
  }
}
@media screen and (max-width: 767px) {
  .picCommunityIrodoruTop {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCommunityIrodoruTop {
    width: 29.85%;
  }
}

.secCommunityIrodoruTop {
  width: 834px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secCommunityIrodoruTop {
    width: 83.4%;
  }
}
@media screen and (max-width: 1199px) {
  .secCommunityIrodoruTop {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCommunityIrodoruTop {
    width: 225px;
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secCommunityIrodoruTop {
    width: 67.16%;
  }
}

.h3CommunityIrodoruTop {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h3CommunityIrodoruTop {
    font-size: 2.1684737281vw;
  }
}
.h3CommunityIrodoruTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3CommunityIrodoruTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3CommunityIrodoruTop {
    padding: 0% 0% 1.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityIrodoruTop {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 3.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CommunityIrodoruTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityIrodoruTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h3CommunityIrodoruTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtCommunityIrodoruTop {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtCommunityIrodoruTop {
    font-size: 1.2510425354vw;
  }
}
.txtCommunityIrodoruTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtCommunityIrodoruTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtCommunityIrodoruTop {
    margin: 1.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityIrodoruTop {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCommunityIrodoruTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityIrodoruTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtCommunityIrodoruTop::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: 1199px) {
  .txtCommunityIrodoruTop {
    margin: 7.11% 0% 0% 0%;
  }
}

.conceptCommunityIrodoruBtmFx {
  width: 1000px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityIrodoruBtmFx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityIrodoruBtmFx {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityIrodoruBtmFx {
    width: 335px;
    margin-top: 9.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityIrodoruBtmFx {
    width: 89.33%;
  }
}

.photosConceptCommunityIrodoruWap {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .photosConceptCommunityIrodoruWap {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .photosConceptCommunityIrodoruWap {
    width: 100%;
  }
}

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

.photosConceptCommunityIrodoru {
  width: 100%;
}

.txtConceptCommunityIrodoru {
  font-size: 12px;
  line-height: 1.5833333333;
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIrodoru {
    font-size: 1.0008340284vw;
  }
}
.txtConceptCommunityIrodoru::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtConceptCommunityIrodoru::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIrodoru {
    margin: -0.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityIrodoru {
    line-height: 1.6;
    margin: 1.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunityIrodoru {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityIrodoru::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtConceptCommunityIrodoru::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtConceptCommunityIrodoruLast {
  font-size: 10px;
  line-height: 1.6;
  width: 1000px;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIrodoruLast {
    font-size: 0.834028357vw;
  }
}
.txtConceptCommunityIrodoruLast::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtConceptCommunityIrodoruLast::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIrodoruLast {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIrodoruLast {
    margin-top: 2.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityIrodoruLast {
    line-height: 1.6;
    width: 335px;
    margin-top: 7.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunityIrodoruLast {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityIrodoruLast::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtConceptCommunityIrodoruLast::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: 1199px) {
  .txtConceptCommunityIrodoruLast {
    width: 89.33%;
  }
}

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

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

.picCommunityIkasuTop {
  width: 136px;
}
@media screen and (max-width: 1199px) {
  .picCommunityIkasuTop {
    width: 13.6%;
  }
}
@media screen and (max-width: 767px) {
  .picCommunityIkasuTop {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCommunityIkasuTop {
    width: 29.85%;
  }
}

.secCommunityIkasuTop {
  width: 834px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secCommunityIkasuTop {
    width: 83.4%;
  }
}
@media screen and (max-width: 1199px) {
  .secCommunityIkasuTop {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCommunityIkasuTop {
    width: 225px;
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secCommunityIkasuTop {
    width: 67.16%;
  }
}

.h3CommunityIkasuTop {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h3CommunityIkasuTop {
    font-size: 2.1684737281vw;
  }
}
.h3CommunityIkasuTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3CommunityIkasuTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3CommunityIkasuTop {
    padding: 0% 0% 1.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityIkasuTop {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 3.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CommunityIkasuTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityIkasuTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h3CommunityIkasuTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtCommunityIkasuTop {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtCommunityIkasuTop {
    font-size: 1.2510425354vw;
  }
}
.txtCommunityIkasuTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtCommunityIkasuTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtCommunityIkasuTop {
    margin: 1.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityIkasuTop {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCommunityIkasuTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityIkasuTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtCommunityIkasuTop::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: 1199px) {
  .txtCommunityIkasuTop {
    margin: 7.11% 0% 0% 0%;
  }
}

.conceptCommunityIkasuBtmFx {
  width: 1000px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityIkasuBtmFx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityIkasuBtmFx {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityIkasuBtmFx {
    width: 335px;
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityIkasuBtmFx {
    width: 89.33%;
  }
}

.photosConceptCommunityIkasuLWap {
  width: 380px;
}
@media screen and (max-width: 1199px) {
  .photosConceptCommunityIkasuLWap {
    width: 38%;
  }
}
@media screen and (max-width: 767px) {
  .photosConceptCommunityIkasuLWap {
    width: 100%;
  }
}

.photosConceptCommunityIkasu {
  width: 100%;
}

.ulConceptCommunityIkasuBtm {
  width: 565px;
}
@media screen and (max-width: 1199px) {
  .ulConceptCommunityIkasuBtm {
    width: 56.49%;
  }
}
@media screen and (max-width: 767px) {
  .ulConceptCommunityIkasuBtm {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulConceptCommunityIkasuBtm {
    margin: 5.97% 0% 0% 0%;
  }
}

.liConceptCommunityIkasuBtm {
  width: 175px;
}
@media screen and (max-width: 1199px) {
  .liConceptCommunityIkasuBtm {
    width: 30.97%;
  }
}
@media screen and (max-width: 767px) {
  .liConceptCommunityIkasuBtm {
    width: 159px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liConceptCommunityIkasuBtm {
    width: 47.46%;
  }
}

@media screen and (max-width: 767px) {
  .liConceptCommunityIkasuBtm:nth-child(3) {
    margin: 6.6% 0% 0% 0%;
  }
}

.photoConceptCommunityIkasuBtm {
  width: 100%;
}

.h4ConceptCommunityIkasuBtm {
  font-size: 15px;
  line-height: 1.2666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityIkasuBtm {
    font-size: 1.2510425354vw;
  }
}
.h4ConceptCommunityIkasuBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
.h4ConceptCommunityIkasuBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityIkasuBtm {
    margin: 12.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityIkasuBtm {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityIkasuBtm {
    line-height: 1.2307692308;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 11.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ConceptCommunityIkasuBtm {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityIkasuBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2307692308) * 0.5em);
    content: "";
  }
  .h4ConceptCommunityIkasuBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2307692308) * 0.5em);
    content: "";
  }
}

.h4ConceptCommunityIkasuBtm {
  position: relative;
  padding: 0 0 0 0.7vw;
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityIkasuBtm {
    padding: 0 0 0 1vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityIkasuBtm {
    padding: 0 0 0 3.4vw;
  }
}
.h4ConceptCommunityIkasuBtm:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 20px;
  width: 3px;
  background-color: #DCBA59;
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityIkasuBtm:before {
    height: 18px;
    width: 2px;
  }
}

.txtConceptCommunityIkasuBtm {
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIkasuBtm {
    font-size: 1.0008340284vw;
  }
}
.txtConceptCommunityIkasuBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtConceptCommunityIkasuBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityIkasuBtm {
    margin: 10.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityIkasuBtm {
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 9.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunityIkasuBtm {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityIkasuBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtConceptCommunityIkasuBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

.subTxtConceptCommunityIkasuBtm {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .subTxtConceptCommunityIkasuBtm {
    font-size: 0.834028357vw;
  }
}
.subTxtConceptCommunityIkasuBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.subTxtConceptCommunityIkasuBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .subTxtConceptCommunityIkasuBtm {
    margin: 11.42% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .subTxtConceptCommunityIkasuBtm {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 9.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subTxtConceptCommunityIkasuBtm {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .subTxtConceptCommunityIkasuBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .subTxtConceptCommunityIkasuBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

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

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

.picCommunityTunagaruTop {
  width: 136px;
}
@media screen and (max-width: 1199px) {
  .picCommunityTunagaruTop {
    width: 13.6%;
  }
}
@media screen and (max-width: 767px) {
  .picCommunityTunagaruTop {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCommunityTunagaruTop {
    width: 29.85%;
  }
}

.secCommunityTunagaruTop {
  width: 834px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secCommunityTunagaruTop {
    width: 83.4%;
  }
}
@media screen and (max-width: 1199px) {
  .secCommunityTunagaruTop {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCommunityTunagaruTop {
    width: 225px;
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secCommunityTunagaruTop {
    width: 67.16%;
  }
}

.h3CommunityTunagaruTop {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h3CommunityTunagaruTop {
    font-size: 2.1684737281vw;
  }
}
.h3CommunityTunagaruTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3CommunityTunagaruTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3CommunityTunagaruTop {
    padding: 0% 0% 1.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityTunagaruTop {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 3.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CommunityTunagaruTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunityTunagaruTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h3CommunityTunagaruTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtCommunityTunagaruTop {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtCommunityTunagaruTop {
    font-size: 1.2510425354vw;
  }
}
.txtCommunityTunagaruTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtCommunityTunagaruTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtCommunityTunagaruTop {
    margin: 1.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityTunagaruTop {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCommunityTunagaruTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunityTunagaruTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtCommunityTunagaruTop::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: 1199px) {
  .txtCommunityTunagaruTop {
    margin: 7.11% 0% 0% 0%;
  }
}

.conceptCommunityTunagaruBtmFx {
  width: 1000px;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTunagaruBtmFx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTunagaruBtmFx {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityTunagaruBtmFx {
    width: 335px;
    margin-top: 10.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunityTunagaruBtmFx {
    width: 89.33%;
  }
}

.photosConceptCommunityTunagaruLWap {
  width: 380px;
}
@media screen and (max-width: 1199px) {
  .photosConceptCommunityTunagaruLWap {
    width: 38%;
  }
}
@media screen and (max-width: 767px) {
  .photosConceptCommunityTunagaruLWap {
    width: 100%;
  }
}

.txtConceptCommunityTunagaruL {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunityTunagaruL {
    font-size: 1.2510425354vw;
  }
}
.txtConceptCommunityTunagaruL::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtConceptCommunityTunagaruL::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityTunagaruL {
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunityTunagaruL {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunityTunagaruL::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtConceptCommunityTunagaruL::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.photosConceptCommunityTunagaru {
  width: 100%;
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .photosConceptCommunityTunagaru {
    margin: 4.47% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photosConceptCommunityTunagaru {
    margin: 5.4% 0% 0% 0%;
  }
}

.conceptCommunityTunagaruBtmR {
  width: 565px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTunagaruBtmR {
    width: 56.49%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunityTunagaruBtmR {
    margin: 0.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunityTunagaruBtmR {
    width: 100%;
    margin: 6.5% 0% 0% 0%;
  }
}

.h4ConceptCommunityTunagaruBtmR {
  font-size: 15px;
  line-height: 1.2666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityTunagaruBtmR {
    font-size: 1.2510425354vw;
  }
}
.h4ConceptCommunityTunagaruBtmR::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
.h4ConceptCommunityTunagaruBtmR::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityTunagaruBtmR {
    line-height: 1.9;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityTunagaruBtmR {
    line-height: 1.2142857143;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ConceptCommunityTunagaruBtmR {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityTunagaruBtmR::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2142857143) * 0.5em);
    content: "";
  }
  .h4ConceptCommunityTunagaruBtmR::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2142857143) * 0.5em);
    content: "";
  }
}

.h4ConceptCommunityTunagaruBtmR {
  position: relative;
  padding: 0 0 0 0.7vw;
}
@media screen and (max-width: 1199px) {
  .h4ConceptCommunityTunagaruBtmR {
    padding: 0 0 0 1vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityTunagaruBtmR {
    padding: 0 0 0 3.5vw;
  }
}
.h4ConceptCommunityTunagaruBtmR:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 20px;
  width: 3px;
  background-color: #54B4C6;
}
@media screen and (max-width: 767px) {
  .h4ConceptCommunityTunagaruBtmR:before {
    height: 18px;
    width: 2px;
  }
}

.ulConceptCommunityTunagaruBtm {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .ulConceptCommunityTunagaruBtm {
    margin: 4.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulConceptCommunityTunagaruBtm {
    margin: 6.2% 0% 0% 0%;
  }
}

.liConceptCommunityTunagaruBtm {
  position: relative;
  width: 175px;
}
@media screen and (max-width: 1199px) {
  .liConceptCommunityTunagaruBtm {
    width: 30.97%;
  }
}
@media screen and (max-width: 767px) {
  .liConceptCommunityTunagaruBtm {
    width: 159px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liConceptCommunityTunagaruBtm {
    width: 47.46%;
  }
}

.liConceptCommunityTunagaruBtm:nth-child(n+4) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liConceptCommunityTunagaruBtm:nth-child(n+4) {
    margin: 3.53% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liConceptCommunityTunagaruBtm:nth-child(n+4) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liConceptCommunityTunagaruBtm:nth-child(n+4) {
    margin: 5.97% 0% 0% 0%;
  }
}

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

.nonLiConceptCommunityTunagaruBtm {
  position: absolute;
  top: -3.4%;
  left: -3%;
  width: 30px;
}
@media screen and (max-width: 1199px) {
  .nonLiConceptCommunityTunagaruBtm {
    width: 17.14%;
  }
}
@media screen and (max-width: 767px) {
  .nonLiConceptCommunityTunagaruBtm {
    top: -4.1%;
    left: -4%;
    width: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .nonLiConceptCommunityTunagaruBtm {
    width: 15.09%;
  }
}

.photoLiConceptCommunityTunagaruBtm {
  width: 100%;
}

.fxLiConceptCommunityTunagaruBtm {
  width: 100%;
  padding-top: 11px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .fxLiConceptCommunityTunagaruBtm {
    padding: 6.28% 0% 4.57% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fxLiConceptCommunityTunagaruBtm {
    padding: 5.66% 0% 3.3% 0%;
  }
}

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

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

.conceptCommunitySasaeruLxn {
  position: relative;
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .conceptCommunitySasaeruLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunitySasaeruLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunitySasaeruLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .conceptCommunitySasaeruLxn {
    width: 89.33%;
  }
}

.conceptCommunitySasaeruFx {
  width: 100%;
}

.picCommunitySasaeruTop {
  width: 136px;
}
@media screen and (max-width: 1199px) {
  .picCommunitySasaeruTop {
    width: 13.6%;
  }
}
@media screen and (max-width: 767px) {
  .picCommunitySasaeruTop {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCommunitySasaeruTop {
    width: 29.85%;
  }
}

.secCommunitySasaeruTop {
  width: 834px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secCommunitySasaeruTop {
    width: 83.4%;
  }
}
@media screen and (max-width: 1199px) {
  .secCommunitySasaeruTop {
    margin: 2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCommunitySasaeruTop {
    width: 225px;
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secCommunitySasaeruTop {
    width: 67.16%;
  }
}

.h3CommunitySasaeruTop {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .h3CommunitySasaeruTop {
    font-size: 2.1684737281vw;
  }
}
.h3CommunitySasaeruTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3CommunitySasaeruTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h3CommunitySasaeruTop {
    padding: 0% 0% 1.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunitySasaeruTop {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 3.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CommunitySasaeruTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CommunitySasaeruTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .h3CommunitySasaeruTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.txtCommunitySasaeruTop {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtCommunitySasaeruTop {
    font-size: 1.2510425354vw;
  }
}
.txtCommunitySasaeruTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtCommunitySasaeruTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtCommunitySasaeruTop {
    margin: 1.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunitySasaeruTop {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCommunitySasaeruTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCommunitySasaeruTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtCommunitySasaeruTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.conceptCommunitySasaeruList {
  width: 688px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .conceptCommunitySasaeruList {
    width: 68.79%;
  }
}
@media screen and (max-width: 1199px) {
  .conceptCommunitySasaeruList {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .conceptCommunitySasaeruList {
    width: 100%;
    margin: 11.3% 0% 0% 0%;
  }
}

.liConceptCommunitySasaeruList {
  width: 213px;
}
@media screen and (max-width: 1199px) {
  .liConceptCommunitySasaeruList {
    width: 30.95%;
  }
}
@media screen and (max-width: 767px) {
  .liConceptCommunitySasaeruList {
    width: 159px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liConceptCommunitySasaeruList {
    width: 47.46%;
  }
}

@media screen and (max-width: 767px) {
  .liConceptCommunitySasaeruList:nth-child(3) {
    margin: 6.6% 0% 0% 0%;
  }
}

.photoConceptCommunitySasaeruList {
  width: 100%;
}

.secConceptCommunitySasaeruList {
  width: 100%;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secConceptCommunitySasaeruList {
    margin: 9.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secConceptCommunitySasaeruList {
    margin: 10.5% 0% 0% 0%;
  }
}

.h2ConceptCommunitySasaeruList {
  font-size: 15px;
  line-height: 1.2666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunitySasaeruList {
    font-size: 1.2510425354vw;
  }
}
.h2ConceptCommunitySasaeruList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
.h2ConceptCommunitySasaeruList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunitySasaeruList {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunitySasaeruList {
    line-height: 1.1538461538;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ConceptCommunitySasaeruList {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunitySasaeruList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1538461538) * 0.5em);
    content: "";
  }
  .h2ConceptCommunitySasaeruList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1538461538) * 0.5em);
    content: "";
  }
}

.h2ConceptCommunitySasaeruList {
  position: relative;
  padding: 0 0 0 0.7vw;
}
@media screen and (max-width: 1199px) {
  .h2ConceptCommunitySasaeruList {
    padding: 0 0 0 1vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunitySasaeruList {
    padding: 0 0 0 3.5vw;
  }
}
.h2ConceptCommunitySasaeruList:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 20px;
  width: 3px;
  background-color: #DC808F;
}
@media screen and (max-width: 767px) {
  .h2ConceptCommunitySasaeruList:before {
    height: 18px;
    width: 2px;
  }
}

.txtConceptCommunitySasaeruList {
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunitySasaeruList {
    font-size: 1.0008340284vw;
  }
}
.txtConceptCommunitySasaeruList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtConceptCommunitySasaeruList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtConceptCommunitySasaeruList {
    margin: 8.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunitySasaeruList {
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 10.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtConceptCommunitySasaeruList {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtConceptCommunitySasaeruList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtConceptCommunitySasaeruList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

.picCommunitySasaeru {
  position: absolute;
  top: 0;
  right: 0;
  width: 210px;
}
@media screen and (max-width: 1199px) {
  .picCommunitySasaeru {
    width: 21%;
  }
}
@media screen and (max-width: 767px) {
  .picCommunitySasaeru {
    top: unset;
    bottom: 0.2%;
    width: 113px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCommunitySasaeru {
    width: 33.73%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.locationFv {
  height: 340px;
  padding-top: 258px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .locationFv {
    padding: 13.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .locationFv {
    height: 120vw;
    padding-top: 404px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationFv {
    padding: 107.73% 0% 0% 0%;
  }
}

.bglocationFv {
  background: url(../img/location/bglocationFvPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bglocationFv {
    background: url(../img/location/bglocationFvSp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.h2locationFv {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2locationFv {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2locationFv {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2locationFv {
    width: 89.33%;
  }
}
.h2locationFv img {
  width: 337.98px;
}
@media screen and (max-width: 1199px) {
  .h2locationFv img {
    width: 33.79%;
  }
}
@media screen and (max-width: 767px) {
  .h2locationFv img {
    width: 168.99px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2locationFv img {
    width: 50.44%;
  }
}

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

.secLocationTitle {
  position: relative;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secLocationTitle {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .secLocationTitle {
    width: 335px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationTitle {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationTitle {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2LocationTitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  transform: translate(-2px, -4px);
}
@media screen and (max-width: 1199px) {
  .h2LocationTitle {
    font-size: 3.3361134279vw;
  }
}
.h2LocationTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2LocationTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2LocationTitle {
    position: relative;
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LocationTitle {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2LocationTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2LocationTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

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

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

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

@media screen and (max-width: 767px) {
  .locationParkFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationParkFx {
    width: 100%;
  }
}

.secLocationPark {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .secLocationPark {
    width: 31.5%;
  }
}
@media screen and (max-width: 767px) {
  .secLocationPark {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationPark {
    width: 100%;
  }
}

.brdLocationPark img {
  width: 100%;
}

.h2TitleLocationPark {
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationPark {
    font-size: 1.6680567139vw;
  }
}
.h2TitleLocationPark::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TitleLocationPark::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationPark {
    height: 3.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationPark {
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 12.5333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleLocationPark {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationPark::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleLocationPark::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h3TitleLocationPark {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationPark {
    margin: 14.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationPark {
    font-size: 2.5020850709vw;
  }
}
.h3TitleLocationPark::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3TitleLocationPark::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleLocationPark {
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 8.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleLocationPark {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleLocationPark::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h3TitleLocationPark::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.h4TitleLocationPark {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationPark {
    margin: 11.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationPark {
    font-size: 1.5012510425vw;
  }
}
.h4TitleLocationPark::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h4TitleLocationPark::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4TitleLocationPark {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleLocationPark {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleLocationPark::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h4TitleLocationPark::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/*右のコンテンツ*/
.locationParkPhotoFx {
  width: 657px;
}
@media screen and (max-width: 1199px) {
  .locationParkPhotoFx {
    width: 65.7%;
  }
}
@media screen and (max-width: 767px) {
  .locationParkPhotoFx {
    width: 100%;
    margin: 6.61% 0% 0% 0%;
  }
}

.locationParkPhoto {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .locationParkPhoto {
    width: 47.94%;
  }
}
@media screen and (max-width: 767px) {
  .locationParkPhoto {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationParkPhoto {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .locationParkPhoto02 {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationParkPhoto02 {
    margin: 7.61% 0% 0% 0%;
  }
}

/*下の文章のコンテンツ*/
.txtLastLocationPark {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLastLocationPark {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLastLocationPark {
    font-size: 1.2510425354vw;
  }
}
.txtLastLocationPark::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtLastLocationPark::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLastLocationPark {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLastLocationPark {
    margin: 7.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastLocationPark {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastLocationPark::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtLastLocationPark::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

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

@media screen and (max-width: 767px) {
  .locationEducationFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationEducationFx {
    width: 100%;
  }
}

.secLocationEducation {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .secLocationEducation {
    width: 31.5%;
  }
}
@media screen and (max-width: 767px) {
  .secLocationEducation {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationEducation {
    width: 100%;
  }
}

.brdLocationEducation img {
  width: 100%;
}

.h2TitleLocationEducation {
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationEducation {
    font-size: 1.6680567139vw;
  }
}
.h2TitleLocationEducation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TitleLocationEducation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationEducation {
    height: 3.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationEducation {
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 12.5333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleLocationEducation {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationEducation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleLocationEducation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h3TitleLocationEducation {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationEducation {
    margin: 14.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationEducation {
    font-size: 2.5020850709vw;
  }
}
.h3TitleLocationEducation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3TitleLocationEducation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleLocationEducation {
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleLocationEducation {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleLocationEducation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h3TitleLocationEducation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.h4TitleLocationEducation {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationEducation {
    margin: 12.06% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationEducation {
    font-size: 1.5012510425vw;
  }
}
.h4TitleLocationEducation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h4TitleLocationEducation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4TitleLocationEducation {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleLocationEducation {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleLocationEducation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h4TitleLocationEducation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/*右のコンテンツ*/
.locationEducationPhotoFx {
  width: 657px;
}
@media screen and (max-width: 1199px) {
  .locationEducationPhotoFx {
    width: 65.7%;
  }
}
@media screen and (max-width: 767px) {
  .locationEducationPhotoFx {
    width: 100%;
    margin: 7.1% 0% 0% 0%;
  }
}

.locationEducationPhoto {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .locationEducationPhoto {
    width: 47.94%;
  }
}
@media screen and (max-width: 767px) {
  .locationEducationPhoto {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationEducationPhoto {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .locationEducationPhoto02 {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationEducationPhoto02 {
    margin: 7.61% 0% 0% 0%;
  }
}

/*下の文章のコンテンツ*/
.txtLastLocationEducation {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLastLocationEducation {
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLastLocationEducation {
    font-size: 1.2510425354vw;
  }
}
.txtLastLocationEducation::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtLastLocationEducation::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLastLocationEducation {
    width: 100%;
    margin: 7.3% 0% 0% 0%;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastLocationEducation {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastLocationEducation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtLastLocationEducation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

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

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

@media screen and (max-width: 767px) {
  .locationLeisureFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationLeisureFx {
    width: 100%;
  }
}

.secLocationLeisure {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .secLocationLeisure {
    width: 31.5%;
  }
}
@media screen and (max-width: 767px) {
  .secLocationLeisure {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationLeisure {
    width: 100%;
  }
}

.brdLocationLeisure img {
  width: 100%;
}

.h2TitleLocationLeisure {
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationLeisure {
    font-size: 1.6680567139vw;
  }
}
.h2TitleLocationLeisure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TitleLocationLeisure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationLeisure {
    height: 3.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationLeisure {
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 12.5333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleLocationLeisure {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationLeisure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleLocationLeisure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h3TitleLocationLeisure {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationLeisure {
    margin: 14.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationLeisure {
    font-size: 2.5020850709vw;
  }
}
.h3TitleLocationLeisure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3TitleLocationLeisure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleLocationLeisure {
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 8.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleLocationLeisure {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleLocationLeisure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h3TitleLocationLeisure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.h4TitleLocationLeisure {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationLeisure {
    margin: 11.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationLeisure {
    font-size: 1.5012510425vw;
  }
}
.h4TitleLocationLeisure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h4TitleLocationLeisure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4TitleLocationLeisure {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleLocationLeisure {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleLocationLeisure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h4TitleLocationLeisure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/*右のコンテンツ*/
.locationLeisurePhotoFx {
  width: 657px;
}
@media screen and (max-width: 1199px) {
  .locationLeisurePhotoFx {
    width: 65.7%;
  }
}
@media screen and (max-width: 767px) {
  .locationLeisurePhotoFx {
    width: 100%;
    margin: 7.1% 0% 0% 0%;
  }
}

.locationLeisurePhoto {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .locationLeisurePhoto {
    width: 47.94%;
  }
}
@media screen and (max-width: 767px) {
  .locationLeisurePhoto {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationLeisurePhoto {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .locationLeisurePhoto02 {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationLeisurePhoto02 {
    margin: 7.61% 0% 0% 0%;
  }
}

.locationLeisurePhoto03 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .locationLeisurePhoto03 {
    margin: 4.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .locationLeisurePhoto03 {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationLeisurePhoto03 {
    margin: 7.61% 0% 0% 0%;
  }
}

/*下の文章のコンテンツ*/
.txtLastLocationLeisure {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLastLocationLeisure {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLastLocationLeisure {
    font-size: 1.2510425354vw;
  }
}
.txtLastLocationLeisure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtLastLocationLeisure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLastLocationLeisure {
    width: 100%;
    margin: 7.4% 0% 0% 0%;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastLocationLeisure {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastLocationLeisure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtLastLocationLeisure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.hotNewsLastLocationLeisure {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 19px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .hotNewsLastLocationLeisure {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .hotNewsLastLocationLeisure {
    font-size: 1.5012510425vw;
  }
}
.hotNewsLastLocationLeisure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.hotNewsLastLocationLeisure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .hotNewsLastLocationLeisure {
    padding: 1.9% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .hotNewsLastLocationLeisure {
    margin: 6.9% 0% 0% 0%;
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 7.2% 0% 6.7% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hotNewsLastLocationLeisure {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hotNewsLastLocationLeisure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .hotNewsLastLocationLeisure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .hotNewsLastLocationLeisureFx {
    justify-content: flex-start;
  }
}

.h4hotNewsLastLocationLeisureFx {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 48px;
  background: url(../img/location/h4hotNewsLastLocationLeisureFx.svg) no-repeat 96.5% center;
  background-size: auto 100%;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h4hotNewsLastLocationLeisureFx {
    padding: 0% 4.8% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4hotNewsLastLocationLeisureFx {
    font-size: 1.6680567139vw;
  }
}
.h4hotNewsLastLocationLeisureFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h4hotNewsLastLocationLeisureFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4hotNewsLastLocationLeisureFx {
    width: 172px;
    width: 100%;
    text-align: left;
    background: url(../img/location/h4hotNewsLastLocationLeisureFx.svg) no-repeat right center;
    background-size: auto 100%;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 72px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h4hotNewsLastLocationLeisureFx {
    width: 54.6%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4hotNewsLastLocationLeisureFx {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4hotNewsLastLocationLeisureFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h4hotNewsLastLocationLeisureFx::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: 1199px) {
  .h4hotNewsLastLocationLeisureFx {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h4hotNewsLastLocationLeisureFx {
    margin: 0% 0% 0% 22.85%;
  }
}

.txthotNewsLastLocationLeisureFx {
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 7px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txthotNewsLastLocationLeisureFx {
    font-size: 1.5012510425vw;
  }
}
.txthotNewsLastLocationLeisureFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.txthotNewsLastLocationLeisureFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txthotNewsLastLocationLeisureFx {
    margin: 0% 0% 0% 0.7%;
  }
}
@media screen and (max-width: 767px) {
  .txthotNewsLastLocationLeisureFx {
    text-align: justify;
    leading-trim: both;
    text-edge: cap;
    width: 89.2%;
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 275px;
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txthotNewsLastLocationLeisureFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txthotNewsLastLocationLeisureFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txthotNewsLastLocationLeisureFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txthotNewsLastLocationLeisureFx {
    width: 87.3%;
  }
}

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

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

@media screen and (max-width: 767px) {
  .locationShoppingFx {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationShoppingFx {
    width: 100%;
  }
}

.secLocationShopping {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .secLocationShopping {
    width: 31.5%;
  }
}
@media screen and (max-width: 767px) {
  .secLocationShopping {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationShopping {
    width: 100%;
  }
}

.brdLocationShopping img {
  width: 100%;
}

.h2TitleLocationShopping {
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationShopping {
    font-size: 1.6680567139vw;
  }
}
.h2TitleLocationShopping::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2TitleLocationShopping::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2TitleLocationShopping {
    height: 3.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationShopping {
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    height: 12.5333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleLocationShopping {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLocationShopping::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2TitleLocationShopping::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h3TitleLocationShopping {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationShopping {
    margin: 14.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3TitleLocationShopping {
    font-size: 2.5020850709vw;
  }
}
.h3TitleLocationShopping::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h3TitleLocationShopping::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitleLocationShopping {
    line-height: 1.5833333333;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 9.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleLocationShopping {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleLocationShopping::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h3TitleLocationShopping::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.h4TitleLocationShopping {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationShopping {
    margin: 11.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4TitleLocationShopping {
    font-size: 1.5012510425vw;
  }
}
.h4TitleLocationShopping::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.h4TitleLocationShopping::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4TitleLocationShopping {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleLocationShopping {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleLocationShopping::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h4TitleLocationShopping::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/*右のコンテンツ*/
.locationShoppingPhotoFx {
  width: 657px;
}
@media screen and (max-width: 1199px) {
  .locationShoppingPhotoFx {
    width: 65.7%;
  }
}
@media screen and (max-width: 767px) {
  .locationShoppingPhotoFx {
    width: 100%;
    margin: 6.61% 0% 0% 0%;
  }
}

.locationShoppingPhoto {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .locationShoppingPhoto {
    width: 47.94%;
  }
}
@media screen and (max-width: 767px) {
  .locationShoppingPhoto {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationShoppingPhoto {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .locationShoppingPhoto02 {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationShoppingPhoto02 {
    margin: 7.61% 0% 0% 0%;
  }
}

.locationShoppingPhoto03 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .locationShoppingPhoto03 {
    margin: 4.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .locationShoppingPhoto03 {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationShoppingPhoto03 {
    margin: 7.61% 0% 0% 0%;
  }
}

/*下の文章のコンテンツ*/
.txtLastLocationShopping {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLastLocationShopping {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLastLocationShopping {
    font-size: 1.2510425354vw;
  }
}
.txtLastLocationShopping::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtLastLocationShopping::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLastLocationShopping {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.6153846154;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLastLocationShopping {
    margin: 7.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastLocationShopping {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastLocationShopping::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
  .txtLastLocationShopping::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6153846154) * 0.5em);
    content: "";
  }
}

.subtxtLastLocationShopping {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .subtxtLastLocationShopping {
    margin: 2.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .subtxtLastLocationShopping {
    font-size: 0.834028357vw;
  }
}
.subtxtLastLocationShopping::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.subtxtLastLocationShopping::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .subtxtLastLocationShopping {
    width: 100%;
    margin: 10.79% 0% 0% 0%;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subtxtLastLocationShopping {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .subtxtLastLocationShopping::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .subtxtLastLocationShopping::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

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

.secLocationMap {
  position: relative;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secLocationMap {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .secLocationMap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLocationMap {
    width: 89.33%;
  }
}

.h2locationMap {
  position: absolute;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  left: 0;
  right: 0;
  top: -3px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .h2locationMap {
    font-size: 2.5020850709vw;
  }
}
.h2locationMap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2locationMap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2locationMap {
    position: relative;
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2locationMap {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationMap::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2locationMap::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.locationAccessFv {
  height: 440px;
  padding-top: 353px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .locationAccessFv {
    padding: 18.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .locationAccessFv {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .locationAccessFv {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 120vw;
    padding-top: 404px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationAccessFv {
    margin-top: 26.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .locationAccessFv {
    padding: 107.73% 0% 0% 0%;
  }
}

.bglocationAccessFv {
  background: url(../img/location/bglocationAccessFvPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bglocationAccessFv {
    background: url(../img/location/bglocationAccessFvSp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.h2locationAccessFv {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2locationAccessFv {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessFv {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2locationAccessFv {
    width: 89.33%;
  }
}
.h2locationAccessFv img {
  width: 233.88px;
}
@media screen and (max-width: 1199px) {
  .h2locationAccessFv img {
    width: 23.38%;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessFv img {
    width: 116.94px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2locationAccessFv img {
    width: 34.9%;
  }
}

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

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

.h2locationAccessTitle {
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2locationAccessTitle {
    font-size: 3.3361134279vw;
  }
}
.h2locationAccessTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2locationAccessTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2locationAccessTitle {
    position: relative;
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2locationAccessTitle {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2locationAccessTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

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

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

.h2locationAccessBusAccess {
  height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  line-height: 1.6153846154;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2locationAccessBusAccess {
    font-size: 2.1684737281vw;
  }
}
.h2locationAccessBusAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.h2locationAccessBusAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2locationAccessBusAccess {
    height: 4.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessBusAccess {
    height: 13.3333333333vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2locationAccessBusAccess {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessBusAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2locationAccessBusAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.piclocationAccessBusAccess {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}
@media screen and (max-width: 1199px) {
  .piclocationAccessBusAccess {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .piclocationAccessBusAccess {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .piclocationAccessBusAccess {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .piclocationAccessBusAccess {
    margin-top: 9.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtLocationAccessBusAccess {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLocationAccessBusAccess {
    margin-top: 3.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtLocationAccessBusAccess {
    font-size: 1.0008340284vw;
  }
}
.txtLocationAccessBusAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtLocationAccessBusAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLocationAccessBusAccess {
    margin-top: 9.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLocationAccessBusAccess {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLocationAccessBusAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtLocationAccessBusAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

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

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

.h2locationAccessTrainAccess {
  height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  line-height: 1.6153846154;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2locationAccessTrainAccess {
    font-size: 2.1684737281vw;
  }
}
.h2locationAccessTrainAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.h2locationAccessTrainAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2locationAccessTrainAccess {
    height: 4.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessTrainAccess {
    height: 13.3333333333vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2locationAccessTrainAccess {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessTrainAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2locationAccessTrainAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.piclocationAccessTrainAccess {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}
@media screen and (max-width: 1199px) {
  .piclocationAccessTrainAccess {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .piclocationAccessTrainAccess {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .piclocationAccessTrainAccess {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .piclocationAccessTrainAccess {
    margin-top: 9.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

.h2locationAccessCarAccess {
  height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  line-height: 1.6153846154;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1199px) {
  .h2locationAccessCarAccess {
    font-size: 2.1684737281vw;
  }
}
.h2locationAccessCarAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
.h2locationAccessCarAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6153846154) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .h2locationAccessCarAccess {
    height: 5.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessCarAccess {
    height: 13.3333333333vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2locationAccessCarAccess {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2locationAccessCarAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h2locationAccessCarAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.titlelocationAccessCarAccess {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .titlelocationAccessCarAccess {
    margin-top: 2.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .titlelocationAccessCarAccess {
    margin-top: 6.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3titlelocationAccessCarAccess {
  text-align: center;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .h3titlelocationAccessCarAccess {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h3titlelocationAccessCarAccess {
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3titlelocationAccessCarAccess {
    font-size: 6.1333333333vw;
  }
}

.littileh3titlelocationAccessCarAccess {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
  line-height: 1.5714285714;
}
@media screen and (max-width: 1199px) {
  .littileh3titlelocationAccessCarAccess {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .littileh3titlelocationAccessCarAccess {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .littileh3titlelocationAccessCarAccess {
    font-size: 3.7333333333vw;
  }
}

.titlelocationAccessCarAccessFx {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .titlelocationAccessCarAccessFx {
    margin-top: 3.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .titlelocationAccessCarAccessFx {
    margin-top: 5.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoLocationAccessCarAccessWap {
  width: 315px;
}
@media screen and (max-width: 1199px) {
  .photoLocationAccessCarAccessWap {
    width: 31.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoLocationAccessCarAccessWap {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoLocationAccessCarAccessWap {
    width: 100%;
  }
}

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

.h4LocationAccessCarAccess {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .h4LocationAccessCarAccess {
    margin: 5.71% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4LocationAccessCarAccess {
    font-size: 1.6680567139vw;
  }
}
.h4LocationAccessCarAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h4LocationAccessCarAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4LocationAccessCarAccess {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LocationAccessCarAccess {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LocationAccessCarAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h4LocationAccessCarAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.h5LocationAccessCarAccess {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .h5LocationAccessCarAccess {
    margin: 1.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h5LocationAccessCarAccess {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h5LocationAccessCarAccess {
    margin-top: -1.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5LocationAccessCarAccess {
    font-size: 5.3333333333vw;
  }
}

.littleLocationAccessCarAccess {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 400;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1199px) {
  .littleLocationAccessCarAccess {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .littleLocationAccessCarAccess {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .littleLocationAccessCarAccess {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .littleLocationAccessCarAccess {
    font-size: 3.2vw;
  }
}

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

.btnlocationGGmapWap {
  width: 508px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .btnlocationGGmapWap {
    width: 42.33%;
  }
}
@media screen and (max-width: 767px) {
  .btnlocationGGmapWap {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnlocationGGmapWap {
    width: 84%;
  }
}

.btnlocationGGmap {
  height: 82px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 18px;
  line-height: 1.6111111111;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1199px) {
  .btnlocationGGmap {
    font-size: 1.5012510425vw;
  }
}
.btnlocationGGmap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
.btnlocationGGmap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .btnlocationGGmap {
    height: 6.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnlocationGGmap {
    line-height: 1.6;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
    height: 17.0666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnlocationGGmap {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnlocationGGmap::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .btnlocationGGmap::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.iconlocationGGmap {
  width: 469px;
  margin: auto;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/location/iconlocationGGmap.svg) no-repeat right center;
  background-size: auto 77%;
}
@media screen and (max-width: 1199px) {
  .iconlocationGGmap {
    width: 92.32%;
  }
}
@media screen and (max-width: 1199px) {
  .iconlocationGGmap {
    padding: 0.78% 0% 0.39% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconlocationGGmap {
    padding: 1.78% 0% 0.39% 0%;
    width: 307px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconlocationGGmap {
    width: 97.46%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanFv {
  height: 340px;
  padding-top: 258px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .landplanFv {
    padding: 13.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landplanFv {
    height: 120vw;
    padding-top: 404px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanFv {
    padding: 107.73% 0% 0% 0%;
  }
}

.bglandplanFv {
  background: url(../img/landplan/bglandplanFvPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bglandplanFv {
    background: url(../img/landplan/bglandplanFvSp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.h2landplanFv {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2landplanFv {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2landplanFv {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2landplanFv {
    width: 89.33%;
  }
}
.h2landplanFv img {
  width: 375px;
}
@media screen and (max-width: 1199px) {
  .h2landplanFv img {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px) {
  .h2landplanFv img {
    width: 55.79%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanTitleOuter {
  padding-top: 66px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: #E4E4E2;
}
@media screen and (max-width: 1199px) {
  .landplanTitleOuter {
    padding: 3.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landplanTitleOuter {
    padding: 12.8% 0 0 0;
  }
}

.h2LandplanTitle {
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2LandplanTitle {
    font-size: 3.3361134279vw;
  }
}
.h2LandplanTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2LandplanTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2LandplanTitle {
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LandplanTitle {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2LandplanTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2LandplanTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanKukakuOuter {
  padding-top: 64px;
  padding-bottom: 160px;
  padding-left: 0px;
  padding-right: 0px;
  background: #E4E4E2;
}
@media screen and (max-width: 1199px) {
  .landplanKukakuOuter {
    padding: 3.33% 0% 8.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landplanKukakuOuter {
    padding: 12.8% 0 22.1% 0;
  }
}

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

.landplanKukakuLxn {
  position: relative;
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .landplanKukakuLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .landplanKukakuLxn {
    width: 100%;
  }
}

.titleLandplanKukaku {
  position: absolute;
  top: 4.8%;
  left: 8.2%;
}
@media screen and (max-width: 767px) {
  .titleLandplanKukaku {
    position: relative;
    top: unset;
    left: unset;
    width: 335px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleLandplanKukaku {
    width: 89.33%;
  }
}

.h2TitleLandplanKukaku {
  font-size: 38px;
  line-height: 1.6052631579;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #444;
}
@media screen and (max-width: 1199px) {
  .h2TitleLandplanKukaku {
    font-size: 3.1693077565vw;
  }
}
.h2TitleLandplanKukaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6052631579) * 0.5em);
  content: "";
}
.h2TitleLandplanKukaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6052631579) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleLandplanKukaku {
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleLandplanKukaku {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLandplanKukaku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2TitleLandplanKukaku::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

.brdLandplanKukaku {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 417px;
}
@media screen and (max-width: 1199px) {
  .brdLandplanKukaku {
    margin: 1.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .brdLandplanKukaku {
    width: 34.74%;
  }
}
@media screen and (max-width: 767px) {
  .brdLandplanKukaku {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.enLandplanKukaku {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 375px;
}
@media screen and (max-width: 1199px) {
  .enLandplanKukaku {
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .enLandplanKukaku {
    width: 31.25%;
  }
}
@media screen and (max-width: 767px) {
  .enLandplanKukaku {
    margin-top: 5.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .enLandplanKukaku {
    width: 86.56%;
  }
}

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

.btnLandplanKukakuWap {
  position: absolute;
  top: 89.6%;
  right: 8.2%;
  width: 414px;
}
@media screen and (max-width: 1199px) {
  .btnLandplanKukakuWap {
    width: 34.49%;
  }
}
@media screen and (max-width: 767px) {
  .btnLandplanKukakuWap {
    margin-top: 4.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 335px;
    top: unset;
    right: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnLandplanKukakuWap {
    width: 89.33%;
  }
}

.btnLandplanKukaku {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  aspect-ratio: 417/73;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #282828;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .btnLandplanKukaku {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLandplanKukaku {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    aspect-ratio: 335/59;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLandplanKukaku {
    font-size: 4vw;
  }
}

.btnLandplanKukaku + .btnLandplanKukaku {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .btnLandplanKukaku + .btnLandplanKukaku {
    margin: 3.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnLandplanKukaku + .btnLandplanKukaku {
    margin: 3.5% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanHouseMadeFv {
  height: 440px;
  padding-top: 354px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHouseMadeFv {
    padding: 18.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .landplanHouseMadeFv {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHouseMadeFv {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 120vw;
    padding-top: 404px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHouseMadeFv {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHouseMadeFv {
    padding: 107.73% 0% 0% 0%;
  }
}

.bglandplanHouseMadeFv {
  background: url(../img/landplan/bglandplanHouseMadeFvPc.jpg) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bglandplanHouseMadeFv {
    background: url(../img/landplan/bglandplanHouseMadeFvSp.jpg) no-repeat top center;
    background-size: auto 100%;
  }
}

.h2landplanHouseMadeFv {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2landplanHouseMadeFv {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .h2landplanHouseMadeFv {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2landplanHouseMadeFv {
    width: 89.33%;
  }
}
.h2landplanHouseMadeFv img {
  width: 412.2px;
}
@media screen and (max-width: 1199px) {
  .h2landplanHouseMadeFv img {
    width: 41.22%;
  }
}
@media screen and (max-width: 767px) {
  .h2landplanHouseMadeFv img {
    width: 206px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2landplanHouseMadeFv img {
    width: 61.49%;
  }
}

/*  暮らし方、働き方、遊び方<br>それぞれに合わせた理想の家をかたちに*/
.landplanHouseMadeTitleWap {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHouseMadeTitleWap {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHouseMadeTitleWap {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHouseMadeTitleWap {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h2landplanHouseMadeTitle {
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2landplanHouseMadeTitle {
    font-size: 3.3361134279vw;
  }
}
.h2landplanHouseMadeTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2landplanHouseMadeTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2landplanHouseMadeTitle {
    position: relative;
    line-height: 1.6086956522;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2landplanHouseMadeTitle {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2landplanHouseMadeTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
  .h2landplanHouseMadeTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6086956522) * 0.5em);
    content: "";
  }
}

/* モデルハウス　37-7*/
.landplanHouseMadeDetailTitleWap {
  margin-top: 99px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHouseMadeDetailTitleWap {
    margin-top: 5.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHouseMadeDetailTitleWap {
    margin-top: 17.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secLandplanHouseMadeDetailTitle {
  width: 470px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secLandplanHouseMadeDetailTitle {
    width: 39.16%;
  }
}
@media screen and (max-width: 767px) {
  .secLandplanHouseMadeDetailTitle {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLandplanHouseMadeDetailTitle {
    width: 84%;
  }
}

.h2LandplanHouseMadeDetailTitle {
  font-size: 44px;
  line-height: 1.5909090909;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .h2LandplanHouseMadeDetailTitle {
    font-size: 3.6697247706vw;
  }
}
.h2LandplanHouseMadeDetailTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5909090909) * 0.5em);
  content: "";
}
.h2LandplanHouseMadeDetailTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5909090909) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2LandplanHouseMadeDetailTitle {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LandplanHouseMadeDetailTitle {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2LandplanHouseMadeDetailTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .h2LandplanHouseMadeDetailTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.brdLandplanHouseMadeDetailTitle {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
}
@media screen and (max-width: 1199px) {
  .brdLandplanHouseMadeDetailTitle {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdLandplanHouseMadeDetailTitle {
    margin-top: 4.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.subLandplanHouseMadeDetailTitle {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .subLandplanHouseMadeDetailTitle {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .subLandplanHouseMadeDetailTitle {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtLandplanHouseMadeDetailTitl {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtLandplanHouseMadeDetailTitl {
    font-size: 2.0016680567vw;
  }
}
.txtLandplanHouseMadeDetailTitl::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtLandplanHouseMadeDetailTitl::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtLandplanHouseMadeDetailTitl {
    margin: 0% 0% 0% 2.12%;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanHouseMadeDetailTitl {
    line-height: 1.625;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 0% 0% 0% 1.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLandplanHouseMadeDetailTitl {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanHouseMadeDetailTitl::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .txtLandplanHouseMadeDetailTitl::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

/*360ボタン*/
.btnLocationAddWap {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 475px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .btnLocationAddWap {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnLocationAddWap {
    width: 39.58%;
  }
}
@media screen and (max-width: 767px) {
  .btnLocationAddWap {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 354px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnLocationAddWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnLocationAddWap {
    width: 94.4%;
  }
}

/* モデルハウス　37-7 土地情報*/
.landplanHouseMadeDetailInfoWap {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHouseMadeDetailInfoWap {
    margin-top: 1.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHouseMadeDetailInfoWap {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secLandplanHouseMadeDetailInfo {
  width: 475px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secLandplanHouseMadeDetailInfo {
    width: 39.58%;
  }
}
@media screen and (max-width: 767px) {
  .secLandplanHouseMadeDetailInfo {
    width: 293px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secLandplanHouseMadeDetailInfo {
    width: 78.13%;
  }
}

.txtLandplanHouseMadeDetailInfo {
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLandplanHouseMadeDetailInfo {
    font-size: 1.1676396997vw;
  }
}
.txtLandplanHouseMadeDetailInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtLandplanHouseMadeDetailInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLandplanHouseMadeDetailInfo {
    line-height: 1.6363636364;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLandplanHouseMadeDetailInfo {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanHouseMadeDetailInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
  .txtLandplanHouseMadeDetailInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6363636364) * 0.5em);
    content: "";
  }
}

/* モデルハウス　37-7 間取り*/
.houseMap {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1199px) {
  .houseMap {
    margin-top: 4.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .houseMap {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .houseMap {
    width: 375px;
    margin-top: 10.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .houseMap {
    width: 100%;
  }
}

.houseMaps {
  width: 1000px;
}
@media screen and (max-width: 1199px) {
  .houseMaps {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .houseMaps {
    width: 315px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .houseMaps {
    width: 84%;
  }
}
@media screen and (max-width: 767px) {
  .houseMaps:nth-child(2) {
    margin-top: 4.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* モデルハウス　37-7 画像と文章*/
.houseInfos {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1199px) {
  .houseInfos {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .houseInfos {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .houseInfos {
    margin-top: 43px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .houseInfos {
    margin-top: 11.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .houseInfos {
    width: 84%;
  }
}

.liHouseInfo01 {
  width: 320px;
}
@media screen and (max-width: 1199px) {
  .liHouseInfo01 {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .liHouseInfo01 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liHouseInfo01 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liHouseInfo01 {
    width: 100%;
  }
}

.liHouseInfo02 {
  width: 320px;
}
@media screen and (max-width: 1199px) {
  .liHouseInfo02 {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .liHouseInfo02 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liHouseInfo02 {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liHouseInfo02 {
    width: 100%;
  }
}

.liHouseInfo03 {
  width: 320px;
}
@media screen and (max-width: 1199px) {
  .liHouseInfo03 {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .liHouseInfo03 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liHouseInfo03 {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liHouseInfo03 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liHouseInfo03 img {
    width: 100%;
  }
}

.txtHouseInfo {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtHouseInfo {
    margin-top: 5.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtHouseInfo {
    font-size: 1.0842368641vw;
  }
}
.txtHouseInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtHouseInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtHouseInfo {
    font-size: 1.1006896552vw;
  }
}
@media screen and (max-width: 767px) {
  .txtHouseInfo {
    margin-top: 5.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) {
  .txtHouseInfo {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtHouseInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtHouseInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtHouseInfoBtms {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 1000px;
}
@media screen and (max-width: 1199px) {
  .txtHouseInfoBtms {
    margin-top: 3.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtHouseInfoBtms {
    font-size: 1.0008340284vw;
  }
}
.txtHouseInfoBtms::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.txtHouseInfoBtms::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtHouseInfoBtms {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .txtHouseInfoBtms {
    text-align: left;
    width: 315px;
    margin-top: 10.5%;
    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: 1199px) {
  .txtHouseInfoBtms {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtHouseInfoBtms {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtHouseInfoBtms::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtHouseInfoBtms::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

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

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

.brdLandplanQuality {
  width: 767px;
  height: 1px;
  background: #231815;
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .brdLandplanQuality {
    width: 63.91%;
  }
}
@media screen and (max-width: 1199px) {
  .brdLandplanQuality {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdLandplanQuality {
    width: 335px;
    margin-top: 4.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdLandplanQuality {
    width: 89.33%;
  }
}

.txtLandplanQuality {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLandplanQuality {
    margin-top: 3.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtLandplanQuality {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanQuality {
    width: 335px;
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: -0.05em;
    text-indent: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLandplanQuality {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLandplanQuality {
    font-size: 4vw;
  }
}

.picLandplanQualityBtm {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1199px) {
  .picLandplanQualityBtm {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .picLandplanQualityBtm {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .picLandplanQualityBtm {
    width: 335px;
    margin-top: 9.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picLandplanQualityBtm {
    width: 89.33%;
  }
}

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

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

.h2LandplanModelHouse {
  width: 462px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2LandplanModelHouse {
    width: 46.2%;
  }
}
@media screen and (max-width: 767px) {
  .h2LandplanModelHouse {
    width: 296px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2LandplanModelHouse {
    width: 88.35%;
  }
}

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

.picLandplanModelHouse {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 470px;
}
@media screen and (max-width: 1199px) {
  .picLandplanModelHouse {
    margin-top: 4.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .picLandplanModelHouse {
    width: 47%;
  }
}
@media screen and (max-width: 767px) {
  .picLandplanModelHouse {
    margin-top: 10.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picLandplanModelHouse {
    width: 94.02%;
  }
}

.txtLandplanModelHouse {
  width: 475px;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLandplanModelHouse {
    width: 47.5%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLandplanModelHouse {
    margin-top: 3.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtLandplanModelHouse {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanModelHouse {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 293px;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLandplanModelHouse {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLandplanModelHouse {
    width: 87.46%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLandplanModelHouse {
    font-size: 2.9333333333vw;
  }
}

.btnLandplanModelHouseLxn {
  width: 475px;
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnLandplanModelHouseLxn {
    width: 47.5%;
  }
}
@media screen and (max-width: 1199px) {
  .btnLandplanModelHouseLxn {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnLandplanModelHouseLxn {
    margin-top: 13.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnLandplanModelHouseLxn {
    width: 94.02%;
  }
}

.photosLandplanModelHouse {
  width: 1000px;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .photosLandplanModelHouse {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .photosLandplanModelHouse {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosLandplanModelHouse {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photosLandplanModelHouse {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photosLandplanModelHouse {
    width: 94.02%;
  }
}

.ulLandplanModelHouse {
  width: 1000px;
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulLandplanModelHouse {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .ulLandplanModelHouse {
    margin-top: 5.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulLandplanModelHouse {
    margin-top: 43px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulLandplanModelHouse {
    margin-top: 12.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulLandplanModelHouse {
    width: 94.02%;
  }
}

.liLandplanModelHouse {
  width: 320px;
}
@media screen and (max-width: 1199px) {
  .liLandplanModelHouse {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .liLandplanModelHouse {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liLandplanModelHouse {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liLandplanModelHouse:nth-child(n+2) {
    margin-top: 4.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtLiLandplanModelHouse {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: normal;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}
@media screen and (max-width: 1199px) {
  .txtLiLandplanModelHouse {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtLiLandplanModelHouse {
    font-size: 1.0842368641vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiLandplanModelHouse {
    margin-top: 3.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiLandplanModelHouse {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanToyotaHome {
  margin-top: 154px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 130px;
  padding-bottom: 176px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .landplanToyotaHome {
    margin-top: 8.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .landplanToyotaHome {
    padding: 6.77% 0% 9.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landplanToyotaHome {
    margin-top: 14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 23.66% 0% 29% 0%;
  }
}

.landplanToyotaHomeTitleFx {
  width: 100%;
}
.landplanToyotaHomeTitleFx svg {
  width: 100%;
}

.logoLandplanToyotaHome {
  width: 209px;
}
@media screen and (max-width: 1199px) {
  .logoLandplanToyotaHome {
    width: 17.41%;
  }
}
@media screen and (max-width: 767px) {
  .logoLandplanToyotaHome {
    width: 202px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .logoLandplanToyotaHome {
    width: 53.86%;
  }
}

.txtLandplanToyotaHome {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 71px;
  margin-right: 0px;
  font-size: 60px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLandplanToyotaHome {
    margin: 0% 0% 0% 5.91%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLandplanToyotaHome {
    font-size: 5.0041701418vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanToyotaHome {
    width: 375px;
    margin: 9.33% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLandplanToyotaHome {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLandplanToyotaHome {
    font-size: 8.5333333333vw;
  }
}

.photosLandplanToyotaHome {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .photosLandplanToyotaHome {
    margin: 3.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photosLandplanToyotaHome {
    width: 336px;
    margin-top: 10.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photosLandplanToyotaHome {
    width: 89.6%;
  }
}

.txtLandplanToyotaHomeLast {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .txtLandplanToyotaHomeLast {
    margin: 2.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtLandplanToyotaHomeLast {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLandplanToyotaHomeLast {
    margin: 10.33% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLandplanToyotaHomeLast {
    font-size: 6.4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landPlanStyle {
  padding-top: 130px;
  padding-bottom: 130px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .landPlanStyle {
    padding: 6.77% 0% 6.77% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landPlanStyle {
    padding-top: 90px;
    padding-bottom: 90px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landPlanStyle {
    padding: 24% 0% 24% 0%;
  }
}

.landplanPartyStyle {
  padding-top: 130px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .landplanPartyStyle {
    padding: 6.77% 0% 0.52% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landplanPartyStyle {
    padding-top: 90px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanPartyStyle {
    padding: 24% 0% 0% 0%;
  }
}

.landPlanStyleWap {
  padding-top: 5px;
  padding-bottom: 90px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .landPlanStyleWap {
    padding: 0.26% 0% 4.68% 0%;
  }
}
@media screen and (max-width: 767px) {
  .landPlanStyleWap {
    width: 335px;
    padding-top: 5px;
    padding-bottom: 90px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landPlanStyleWap {
    width: 89.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landPlanStyleWap {
    padding: 1.33% 0% 24% 0%;
  }
}

.landplanPartyStyleWap01 {
  transform: translate(0px, -250px);
}
@media screen and (max-width: 1199px) {
  .landplanPartyStyleWap01 {
    transform: translate(0px, -13.0208333333vw);
  }
}
@media screen and (max-width: 767px) {
  .landplanPartyStyleWap01 {
    transform: translate(0px, -40.2vw);
  }
}

.titleLandpalnDetail {
  width: 1190px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .titleLandpalnDetail {
    width: 99.16%;
  }
}
@media screen and (max-width: 767px) {
  .titleLandpalnDetail {
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleLandpalnDetail {
    width: 97.01%;
  }
}

.h2TitleLandPalnDetail {
  width: 470px;
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  transform: translate(0px, 4px);
}
@media screen and (max-width: 1199px) {
  .h2TitleLandPalnDetail {
    width: 39.16%;
  }
}
@media screen and (max-width: 1199px) {
  .h2TitleLandPalnDetail {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleLandPalnDetail {
    transform: translate(0px, 0px);
    width: 94.01%;
    margin-top: 37.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2TitleLandPalnDetail {
    margin-top: 11.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.defTitleLandPalnDetailFx {
  width: 1000px;
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .defTitleLandPalnDetailFx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .defTitleLandPalnDetailFx {
    margin-top: 3.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .defTitleLandPalnDetailFx {
    width: 315px;
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .defTitleLandPalnDetailFx {
    width: 94.02%;
  }
}

.textDefTitleLandPalnDetail {
  width: 735px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1199px) {
  .textDefTitleLandPalnDetail {
    width: 73.5%;
  }
}
@media screen and (max-width: 1199px) {
  .textDefTitleLandPalnDetail {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .textDefTitleLandPalnDetail {
    width: 293px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .textDefTitleLandPalnDetail {
    width: 93.01%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .textDefTitleLandPalnDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textDefTitleLandPalnDetail {
    font-size: 2.9333333333vw;
  }
}

.logDefTitleLandPalnDetail {
  width: 230px;
}
@media screen and (max-width: 1199px) {
  .logDefTitleLandPalnDetail {
    width: 23%;
  }
}
@media screen and (max-width: 767px) {
  .logDefTitleLandPalnDetail {
    width: 177px;
    margin-top: 7.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .logDefTitleLandPalnDetail {
    width: 56.19%;
  }
}

.picMainLandPalnDetail {
  width: 1080px;
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .picMainLandPalnDetail {
    width: 90%;
  }
}
@media screen and (max-width: 1199px) {
  .picMainLandPalnDetail {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picMainLandPalnDetail {
    width: 315px;
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picMainLandPalnDetail {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picMainLandPalnDetail {
    margin-top: 10.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnMainLandPalnDetaillxn {
  width: 475px;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnMainLandPalnDetaillxn {
    width: 39.58%;
  }
}
@media screen and (max-width: 1199px) {
  .btnMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnMainLandPalnDetaillxn {
    width: 315px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnMainLandPalnDetaillxn {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulMainLandPalnDetaillxn {
  width: 1000px;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulMainLandPalnDetaillxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1199px) {
  .ulMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulMainLandPalnDetaillxn {
    width: 315px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulMainLandPalnDetaillxn {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liMainLandPalnDetaillxn {
  width: 490px;
}
@media screen and (max-width: 1199px) {
  .liMainLandPalnDetaillxn {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .liMainLandPalnDetaillxn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liMainLandPalnDetaillxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 6.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liMainLandPalnDetaillxn .btnMainLandPalnDetaillxn {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanpetStyle {
  margin-top: -130px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanpetStyle {
    margin-top: -6.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle {
    margin: -16.4% 0% 0% 0%;
  }
}
.landplanpetStyle .titleLandpalnDetail {
  margin: auto;
}
.landplanpetStyle .h2TitleLandPalnDetail {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanpetStyle .h2TitleLandPalnDetail {
    margin-top: 5.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .h2TitleLandPalnDetail {
    margin-top: 37.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .h2TitleLandPalnDetail {
    margin-top: 11.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanpetStyle .defTitleLandPalnDetailFx {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanpetStyle .defTitleLandPalnDetailFx {
    margin-top: 3.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .defTitleLandPalnDetailFx {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .textDefTitleLandPalnDetail {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .textDefTitleLandPalnDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .logDefTitleLandPalnDetail {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .logDefTitleLandPalnDetail {
    margin-top: 8.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.landplanpetStyle .picMainLandPalnDetail {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanpetStyle .picMainLandPalnDetail {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .picMainLandPalnDetail {
    width: 315px;
    margin-top: 10.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .picMainLandPalnDetail {
    width: 94.02%;
  }
}
.landplanpetStyle .btnMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanpetStyle .btnMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .btnMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .btnMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanpetStyle .ulMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanpetStyle .ulMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .ulMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .ulMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanpetStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanpetStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 6.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanHirayaStyle .titleLandpalnDetail {
  margin: auto;
}
.landplanHirayaStyle .h2TitleLandPalnDetail {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHirayaStyle .h2TitleLandPalnDetail {
    margin-top: 5.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .h2TitleLandPalnDetail {
    margin-top: 37.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .h2TitleLandPalnDetail {
    margin-top: 11.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanHirayaStyle .defTitleLandPalnDetailFx {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHirayaStyle .defTitleLandPalnDetailFx {
    margin-top: 3.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .defTitleLandPalnDetailFx {
    margin-top: 3.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .textDefTitleLandPalnDetail {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .textDefTitleLandPalnDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .logDefTitleLandPalnDetail {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .logDefTitleLandPalnDetail {
    margin-top: 8.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.landplanHirayaStyle .picMainLandPalnDetail {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHirayaStyle .picMainLandPalnDetail {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .picMainLandPalnDetail {
    width: 315px;
    margin-top: 10.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .picMainLandPalnDetail {
    width: 94.02%;
  }
}
.landplanHirayaStyle .btnMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHirayaStyle .btnMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .btnMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .btnMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanHirayaStyle .ulMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanHirayaStyle .ulMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .ulMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .ulMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanHirayaStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanHirayaStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 6.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanResotStyle .titleLandpalnDetail {
  margin: auto;
}
.landplanResotStyle .h2TitleLandPalnDetail {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanResotStyle .h2TitleLandPalnDetail {
    margin-top: 5.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .h2TitleLandPalnDetail {
    margin-top: 37.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .h2TitleLandPalnDetail {
    margin-top: 11.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanResotStyle .defTitleLandPalnDetailFx {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanResotStyle .defTitleLandPalnDetailFx {
    margin-top: 3.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .defTitleLandPalnDetailFx {
    margin-top: 3.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .textDefTitleLandPalnDetail {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .textDefTitleLandPalnDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanResotStyle .logDefTitleLandPalnDetail {
  transform: translate(0px, 4px);
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .logDefTitleLandPalnDetail {
    transform: translate(0px, 0px);
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .logDefTitleLandPalnDetail {
    margin-top: 8.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.landplanResotStyle .picMainLandPalnDetail {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanResotStyle .picMainLandPalnDetail {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .picMainLandPalnDetail {
    width: 315px;
    margin-top: 9.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .picMainLandPalnDetail {
    width: 94.02%;
  }
}
.landplanResotStyle .btnMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanResotStyle .btnMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .btnMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .btnMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanResotStyle .ulMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanResotStyle .ulMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .ulMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .ulMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanResotStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanResotStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 6.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.landplanOutDooreStyle .titleLandpalnDetail {
  margin: auto;
}
.landplanOutDooreStyle .h2TitleLandPalnDetail {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanOutDooreStyle .h2TitleLandPalnDetail {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .h2TitleLandPalnDetail {
    margin-top: 37.5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .h2TitleLandPalnDetail {
    margin-top: 11.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanOutDooreStyle .defTitleLandPalnDetailFx {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanOutDooreStyle .defTitleLandPalnDetailFx {
    margin-top: 3.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .defTitleLandPalnDetailFx {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .textDefTitleLandPalnDetail {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .textDefTitleLandPalnDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .logDefTitleLandPalnDetail {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .logDefTitleLandPalnDetail {
    margin-top: 8.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.landplanOutDooreStyle .picMainLandPalnDetail {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanOutDooreStyle .picMainLandPalnDetail {
    margin-top: 4.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .picMainLandPalnDetail {
    width: 315px;
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .picMainLandPalnDetail {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .picMainLandPalnDetail {
    margin-top: 10.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanOutDooreStyle .btnMainLandPalnDetaillxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanOutDooreStyle .btnMainLandPalnDetaillxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .btnMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .btnMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanOutDooreStyle .ulMainLandPalnDetaillxn {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanOutDooreStyle .ulMainLandPalnDetaillxn {
    margin-top: 4.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .ulMainLandPalnDetaillxn {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .ulMainLandPalnDetaillxn {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .landplanOutDooreStyle .liMainLandPalnDetaillxn:nth-child(n+2) {
    margin-top: 6.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.landplanOutDooreStyle .h2TitleLandPalnDetail06 {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .landplanOutDooreStyle .h2TitleLandPalnDetail06 {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .landplanOutDooreStyle .h2TitleLandPalnDetail06 {
    margin-top: 25.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
Component
========================================================================== */
.bg_EEE {
  background: #EEE;
}

.bg_444 {
  background: #444;
}

.bg_8C7E73 {
  background: #8C7E73;
}

.bg_F8F6F6 {
  background: #F8F6F6;
}

.bg_C8C8C8 {
  background: #C8C8C8;
}

.bord_1_DC808F {
  border-bottom: 1px solid #DC808F;
}

.cl_00253F {
  color: #00253F;
}

.bg_EEEEEE {
  background: #EEEEEE;
}

.bg_BD936B {
  background: #BD936B;
}

.bg_A5A1A2 {
  background: #A5A1A2;
}

.bg_71AAB5 {
  background: #71AAB5;
}

.bg_A5A1A3 {
  background: #A5A1A3;
}

.bg_282828 {
  background: #282828;
}

.bg_231815 {
  background: #231815;
}

.bg_E5E5E2 {
  background: #E5E5E2;
}

.bg_4B766F {
  background: #4B766F;
}

.bg_E5E5E2 {
  background: #E5E5E2;
}

.bg_4A756F {
  background: #4A756F;
}

.bg_54B4C6 {
  background: #54B4C6;
}

.bg_D38187 {
  background: #D38187;
}

.bg_BD936C {
  background: #BD936C;
}

.bg_E79080 {
  background: #E79080;
}

.bg_F6F6F6 {
  background: #F6F6F6;
}

.bg_DEDEDE {
  background: #DEDEDE;
}

.bg_C8C8C8 {
  background: #C8C8C8;
}

.bg_D9D9D9 {
  background: #D9D9D9;
}

.bg_fff {
  background: #FFF;
}

.bg_4A756F {
  background: #4A756F;
}

.bg_000 {
  background: #000;
}

.bg_4A756F {
  background: #4A756F;
}

.cl_fff {
  color: #FFF;
}

.cl_444 {
  color: #444;
}

.cl_E79080 {
  color: #E79080;
}

.cl_43AE96 {
  color: #43AE96;
}

.cl_614D3F {
  color: #614D3F;
}

.cl_4A756F {
  color: #4A756F;
}

.cl_282828 {
  color: #282828;
}

.cl_1E4C63 {
  color: #1E4C63;
}

.cl_646464 {
  color: #646464;
}

.cl_747F74 {
  color: #747F74;
}

.cl_DCBA59 {
  color: #DCBA59;
}

.cl_2E6F88 {
  color: #2E6F88;
}

.cl_4A756F {
  color: #4A756F;
}

.cl_D40060 {
  color: #D40060;
}

.cl_2E6F88 {
  color: #2E6F88;
}

.cl_DC808F {
  color: #DC808F;
}

.cl_D48087 {
  color: #D48087;
}

.cl_BE817B {
  color: #BE817B;
}

.cl_997563 {
  color: #997563;
}

.cl_002870 {
  color: #002870;
}

.cl_808080 {
  color: #808080;
}

.cl_54B4C6 {
  color: #54B4C6;
}

.cl_614D3F {
  color: #614D3F;
}

.cl_000 {
  color: #000;
}

.cl_444 {
  color: #444;
}

.cap {
  text-edge: cap;
}

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

.leading-trim-both {
  leading-trim: both;
}

.undernone {
  text-decoration: none;
}

.bord_1_E79080 {
  border-bottom: 1px solid #E79080;
}

.bord_1_43AE96 {
  border-bottom: 1px solid #43AE96;
}

.bord_1_DCBA59 {
  border-bottom: 1px solid #DCBA59;
}

.bord_1_54B4C6 {
  border-bottom: 1px solid #54B4C6;
}

.brd_1_D9D9D9 {
  border-bottom: 1px solid #D9D9D9;
}

.bord_1_54B4C6 {
  border-bottom: 1px solid #54B4C6;
}

.brd_444444 {
  border: 1px solid var(--444444, #444);
}

.bord_1_D40060 {
  border: 1px solid #D40060;
}

.brod_t_b_747F74 {
  border-top: 1px solid #747F74;
  border-bottom: 1px solid #747F74;
}

.brod_t_b_614D3F {
  border-top: 1px solid #614D3F;
  border-bottom: 1px solid #614D3F;
}

.brod_t_b_2E6F88 {
  border-top: 1px solid #2E6F88;
  border-bottom: 1px solid #2E6F88;
}

.shadow2 {
  filter: drop-shadow(6px 15px 20px rgba(0, 0, 0, 0.25)) drop-shadow(-6px 0px 20px rgba(0, 0, 0, 0.25));
}

.undernone {
  text-decoration: none;
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}

/* loading option */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}

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

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

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

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

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}

@keyframes fadein_sc_top {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_top2 {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  70% {
    opacity: 1;
    transform: translate3d(0px, -10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_left {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_right {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacity_0_fade_set {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
}
.opacity_0_fade_set.active {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fadeleft_in {
  opacity: 0;
  transform: translate3d(-20px, 0px, 0px);
}
.opacity_0_fadeleft_in.active {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}

.opacity_0_faderight_in {
  opacity: 0;
  transform: translate3d(20px, 0px, 0px);
}
.opacity_0_faderight_in.active {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fade_in {
  opacity: 0;
}
.opacity_0_fade_in.active {
  -webkit-animation: fadein_in 0.75s ease 0.35s forwards alternate;
  animation: fadein_in 0.75s ease 0.35s forwards alternate;
}

.opacity_0_list_fade_set > li {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_list_fade_set.active > li:nth-child(1) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(2) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(3) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(4) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(5) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(6) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(7) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(8) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(9) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(10) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(11) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(12) {
  -webkit-animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}

.listcnt .moveList {
  opacity: 0;
}
.listcnt.active .moveList:nth-child(1) {
  -webkit-animation: fadein_in 0.75s ease 0.15s forwards alternate;
  animation: fadein_in 0.75s ease 0.15s forwards alternate;
}
.listcnt.active .moveList:nth-child(2) {
  -webkit-animation: fadein_in 0.75s ease 0.3s forwards alternate;
  animation: fadein_in 0.75s ease 0.3s forwards alternate;
}
.listcnt.active .moveList:nth-child(3) {
  -webkit-animation: fadein_in 0.75s ease 0.45s forwards alternate;
  animation: fadein_in 0.75s ease 0.45s forwards alternate;
}
.listcnt.active .moveList:nth-child(4) {
  -webkit-animation: fadein_in 0.75s ease 0.6s forwards alternate;
  animation: fadein_in 0.75s ease 0.6s forwards alternate;
}
.listcnt.active .moveList:nth-child(5) {
  -webkit-animation: fadein_in 0.75s ease 0.75s forwards alternate;
  animation: fadein_in 0.75s ease 0.75s forwards alternate;
}
.listcnt.active .moveList:nth-child(6) {
  -webkit-animation: fadein_in 0.75s ease 0.9s forwards alternate;
  animation: fadein_in 0.75s ease 0.9s forwards alternate;
}
.listcnt.active .moveList:nth-child(7) {
  -webkit-animation: fadein_in 0.75s ease 1.05s forwards alternate;
  animation: fadein_in 0.75s ease 1.05s forwards alternate;
}
.listcnt.active .moveList:nth-child(8) {
  -webkit-animation: fadein_in 0.75s ease 1.2s forwards alternate;
  animation: fadein_in 0.75s ease 1.2s forwards alternate;
}
.listcnt.active .moveList:nth-child(9) {
  -webkit-animation: fadein_in 0.75s ease 1.35s forwards alternate;
  animation: fadein_in 0.75s ease 1.35s forwards alternate;
}
.listcnt.active .moveList:nth-child(10) {
  -webkit-animation: fadein_in 0.75s ease 1.5s forwards alternate;
  animation: fadein_in 0.75s ease 1.5s forwards alternate;
}

.listcntmainasu .moveList {
  opacity: 0;
}
.listcntmainasu.active .moveList:nth-child(1) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(2) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(3) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(4) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(5) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(6) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(7) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(8) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(9) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(10) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}

.listcntmainasu .moveList1 {
  opacity: 0;
}

.listcntmainasu.active .moveList1 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}

.listcntmainasu .moveList2 {
  opacity: 0;
}

.listcntmainasu.active .moveList2 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}

.listcntmainasu .moveList3 {
  opacity: 0;
}

.listcntmainasu.active .moveList3 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}

.listcntmainasu .moveList4 {
  opacity: 0;
}

.listcntmainasu.active .moveList4 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}

.listcntmainasu .moveList5 {
  opacity: 0;
}

.listcntmainasu.active .moveList5 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}

.listcntmainasu .moveList6 {
  opacity: 0;
}

.listcntmainasu.active .moveList6 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}

.listcntmainasu .moveList7 {
  opacity: 0;
}

.listcntmainasu.active .moveList7 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}

.listcntmainasu .moveList8 {
  opacity: 0;
}

.listcntmainasu.active .moveList8 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}

.listcntmainasu .moveList9 {
  opacity: 0;
}

.listcntmainasu.active .moveList9 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}

.listcntmainasu .moveList10 {
  opacity: 0;
}

.listcntmainasu.active .moveList10 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}

.listcntmainasuLeft .moveList {
  opacity: 0;
}
.listcntmainasuLeft.active .moveList:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.8s forwards alternate;
}

.opacity_0_list_left_fade_set > li,
.opacity_0_list_left_fade_set section,
.opacity_0_list_left_fade_set div,
.opacity_0_list_left_fade_set tr,
.opacity_0_list_left_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_left_fade_set.active > li:nth-child(1),
.opacity_0_list_left_fade_set.active section:nth-child(1),
.opacity_0_list_left_fade_set.active div:nth-child(1),
.opacity_0_list_left_fade_set.active p:nth-child(1),
.opacity_0_list_left_fade_set.active h2:nth-child(1),
.opacity_0_list_left_fade_set.active h3:nth-child(1),
.opacity_0_list_left_fade_set.active h4:nth-child(1),
.opacity_0_list_left_fade_set.active h5:nth-child(1),
.opacity_0_list_left_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(2),
.opacity_0_list_left_fade_set.active section:nth-child(2),
.opacity_0_list_left_fade_set.active div:nth-child(2),
.opacity_0_list_left_fade_set.active p:nth-child(2),
.opacity_0_list_left_fade_set.active h2:nth-child(2),
.opacity_0_list_left_fade_set.active h3:nth-child(2),
.opacity_0_list_left_fade_set.active h4:nth-child(2),
.opacity_0_list_left_fade_set.active h5:nth-child(2),
.opacity_0_list_left_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(3),
.opacity_0_list_left_fade_set.active section:nth-child(3),
.opacity_0_list_left_fade_set.active div:nth-child(3),
.opacity_0_list_left_fade_set.active p:nth-child(3),
.opacity_0_list_left_fade_set.active h2:nth-child(3),
.opacity_0_list_left_fade_set.active h3:nth-child(3),
.opacity_0_list_left_fade_set.active h4:nth-child(3),
.opacity_0_list_left_fade_set.active h5:nth-child(3),
.opacity_0_list_left_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(4),
.opacity_0_list_left_fade_set.active section:nth-child(4),
.opacity_0_list_left_fade_set.active div:nth-child(4),
.opacity_0_list_left_fade_set.active p:nth-child(4),
.opacity_0_list_left_fade_set.active h2:nth-child(4),
.opacity_0_list_left_fade_set.active h3:nth-child(4),
.opacity_0_list_left_fade_set.active h4:nth-child(4),
.opacity_0_list_left_fade_set.active h5:nth-child(4),
.opacity_0_list_left_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(5),
.opacity_0_list_left_fade_set.active section:nth-child(5),
.opacity_0_list_left_fade_set.active div:nth-child(5),
.opacity_0_list_left_fade_set.active p:nth-child(5),
.opacity_0_list_left_fade_set.active h2:nth-child(5),
.opacity_0_list_left_fade_set.active h3:nth-child(5),
.opacity_0_list_left_fade_set.active h4:nth-child(5),
.opacity_0_list_left_fade_set.active h5:nth-child(5),
.opacity_0_list_left_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(6),
.opacity_0_list_left_fade_set.active section:nth-child(6),
.opacity_0_list_left_fade_set.active div:nth-child(6),
.opacity_0_list_left_fade_set.active p:nth-child(6),
.opacity_0_list_left_fade_set.active h2:nth-child(6),
.opacity_0_list_left_fade_set.active h3:nth-child(6),
.opacity_0_list_left_fade_set.active h4:nth-child(6),
.opacity_0_list_left_fade_set.active h5:nth-child(6),
.opacity_0_list_left_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(7),
.opacity_0_list_left_fade_set.active section:nth-child(7),
.opacity_0_list_left_fade_set.active div:nth-child(7),
.opacity_0_list_left_fade_set.active p:nth-child(7),
.opacity_0_list_left_fade_set.active h2:nth-child(7),
.opacity_0_list_left_fade_set.active h3:nth-child(7),
.opacity_0_list_left_fade_set.active h4:nth-child(7),
.opacity_0_list_left_fade_set.active h5:nth-child(7),
.opacity_0_list_left_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(8),
.opacity_0_list_left_fade_set.active section:nth-child(8),
.opacity_0_list_left_fade_set.active div:nth-child(8),
.opacity_0_list_left_fade_set.active p:nth-child(8),
.opacity_0_list_left_fade_set.active h2:nth-child(8),
.opacity_0_list_left_fade_set.active h3:nth-child(8),
.opacity_0_list_left_fade_set.active h4:nth-child(8),
.opacity_0_list_left_fade_set.active h5:nth-child(8),
.opacity_0_list_left_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(9),
.opacity_0_list_left_fade_set.active section:nth-child(9),
.opacity_0_list_left_fade_set.active div:nth-child(9),
.opacity_0_list_left_fade_set.active p:nth-child(9),
.opacity_0_list_left_fade_set.active h2:nth-child(9),
.opacity_0_list_left_fade_set.active h3:nth-child(9),
.opacity_0_list_left_fade_set.active h4:nth-child(9),
.opacity_0_list_left_fade_set.active h5:nth-child(9),
.opacity_0_list_left_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(10),
.opacity_0_list_left_fade_set.active section:nth-child(10),
.opacity_0_list_left_fade_set.active div:nth-child(10),
.opacity_0_list_left_fade_set.active p:nth-child(10),
.opacity_0_list_left_fade_set.active h2:nth-child(10),
.opacity_0_list_left_fade_set.active h3:nth-child(10),
.opacity_0_list_left_fade_set.active h4:nth-child(10),
.opacity_0_list_left_fade_set.active h5:nth-child(10),
.opacity_0_list_left_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(11),
.opacity_0_list_left_fade_set.active section:nth-child(11),
.opacity_0_list_left_fade_set.active div:nth-child(11),
.opacity_0_list_left_fade_set.active p:nth-child(11),
.opacity_0_list_left_fade_set.active h2:nth-child(11),
.opacity_0_list_left_fade_set.active h3:nth-child(11),
.opacity_0_list_left_fade_set.active h4:nth-child(11),
.opacity_0_list_left_fade_set.active h5:nth-child(11),
.opacity_0_list_left_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(12),
.opacity_0_list_left_fade_set.active section:nth-child(12),
.opacity_0_list_left_fade_set.active div:nth-child(12),
.opacity_0_list_left_fade_set.active p:nth-child(12),
.opacity_0_list_left_fade_set.active h2:nth-child(12),
.opacity_0_list_left_fade_set.active h3:nth-child(12),
.opacity_0_list_left_fade_set.active h4:nth-child(12),
.opacity_0_list_left_fade_set.active h5:nth-child(12),
.opacity_0_list_left_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_right_fade_set > li,
.opacity_0_list_right_fade_set section,
.opacity_0_list_right_fade_set div,
.opacity_0_list_right_fade_set tr,
.opacity_0_list_right_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_right_fade_set.active > li:nth-child(1),
.opacity_0_list_right_fade_set.active section:nth-child(1),
.opacity_0_list_right_fade_set.active div:nth-child(1),
.opacity_0_list_right_fade_set.active p:nth-child(1),
.opacity_0_list_right_fade_set.active h2:nth-child(1),
.opacity_0_list_right_fade_set.active h3:nth-child(1),
.opacity_0_list_right_fade_set.active h4:nth-child(1),
.opacity_0_list_right_fade_set.active h5:nth-child(1),
.opacity_0_list_right_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(2),
.opacity_0_list_right_fade_set.active section:nth-child(2),
.opacity_0_list_right_fade_set.active div:nth-child(2),
.opacity_0_list_right_fade_set.active p:nth-child(2),
.opacity_0_list_right_fade_set.active h2:nth-child(2),
.opacity_0_list_right_fade_set.active h3:nth-child(2),
.opacity_0_list_right_fade_set.active h4:nth-child(2),
.opacity_0_list_right_fade_set.active h5:nth-child(2),
.opacity_0_list_right_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(3),
.opacity_0_list_right_fade_set.active section:nth-child(3),
.opacity_0_list_right_fade_set.active div:nth-child(3),
.opacity_0_list_right_fade_set.active p:nth-child(3),
.opacity_0_list_right_fade_set.active h2:nth-child(3),
.opacity_0_list_right_fade_set.active h3:nth-child(3),
.opacity_0_list_right_fade_set.active h4:nth-child(3),
.opacity_0_list_right_fade_set.active h5:nth-child(3),
.opacity_0_list_right_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(4),
.opacity_0_list_right_fade_set.active section:nth-child(4),
.opacity_0_list_right_fade_set.active div:nth-child(4),
.opacity_0_list_right_fade_set.active p:nth-child(4),
.opacity_0_list_right_fade_set.active h2:nth-child(4),
.opacity_0_list_right_fade_set.active h3:nth-child(4),
.opacity_0_list_right_fade_set.active h4:nth-child(4),
.opacity_0_list_right_fade_set.active h5:nth-child(4),
.opacity_0_list_right_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(5),
.opacity_0_list_right_fade_set.active section:nth-child(5),
.opacity_0_list_right_fade_set.active div:nth-child(5),
.opacity_0_list_right_fade_set.active p:nth-child(5),
.opacity_0_list_right_fade_set.active h2:nth-child(5),
.opacity_0_list_right_fade_set.active h3:nth-child(5),
.opacity_0_list_right_fade_set.active h4:nth-child(5),
.opacity_0_list_right_fade_set.active h5:nth-child(5),
.opacity_0_list_right_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(6),
.opacity_0_list_right_fade_set.active section:nth-child(6),
.opacity_0_list_right_fade_set.active div:nth-child(6),
.opacity_0_list_right_fade_set.active p:nth-child(6),
.opacity_0_list_right_fade_set.active h2:nth-child(6),
.opacity_0_list_right_fade_set.active h3:nth-child(6),
.opacity_0_list_right_fade_set.active h4:nth-child(6),
.opacity_0_list_right_fade_set.active h5:nth-child(6),
.opacity_0_list_right_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(7),
.opacity_0_list_right_fade_set.active section:nth-child(7),
.opacity_0_list_right_fade_set.active div:nth-child(7),
.opacity_0_list_right_fade_set.active p:nth-child(7),
.opacity_0_list_right_fade_set.active h2:nth-child(7),
.opacity_0_list_right_fade_set.active h3:nth-child(7),
.opacity_0_list_right_fade_set.active h4:nth-child(7),
.opacity_0_list_right_fade_set.active h5:nth-child(7),
.opacity_0_list_right_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(8),
.opacity_0_list_right_fade_set.active section:nth-child(8),
.opacity_0_list_right_fade_set.active div:nth-child(8),
.opacity_0_list_right_fade_set.active p:nth-child(8),
.opacity_0_list_right_fade_set.active h2:nth-child(8),
.opacity_0_list_right_fade_set.active h3:nth-child(8),
.opacity_0_list_right_fade_set.active h4:nth-child(8),
.opacity_0_list_right_fade_set.active h5:nth-child(8),
.opacity_0_list_right_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(9),
.opacity_0_list_right_fade_set.active section:nth-child(9),
.opacity_0_list_right_fade_set.active div:nth-child(9),
.opacity_0_list_right_fade_set.active p:nth-child(9),
.opacity_0_list_right_fade_set.active h2:nth-child(9),
.opacity_0_list_right_fade_set.active h3:nth-child(9),
.opacity_0_list_right_fade_set.active h4:nth-child(9),
.opacity_0_list_right_fade_set.active h5:nth-child(9),
.opacity_0_list_right_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(10),
.opacity_0_list_right_fade_set.active section:nth-child(10),
.opacity_0_list_right_fade_set.active div:nth-child(10),
.opacity_0_list_right_fade_set.active p:nth-child(10),
.opacity_0_list_right_fade_set.active h2:nth-child(10),
.opacity_0_list_right_fade_set.active h3:nth-child(10),
.opacity_0_list_right_fade_set.active h4:nth-child(10),
.opacity_0_list_right_fade_set.active h5:nth-child(10),
.opacity_0_list_right_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(11),
.opacity_0_list_right_fade_set.active section:nth-child(11),
.opacity_0_list_right_fade_set.active div:nth-child(11),
.opacity_0_list_right_fade_set.active p:nth-child(11),
.opacity_0_list_right_fade_set.active h2:nth-child(11),
.opacity_0_list_right_fade_set.active h3:nth-child(11),
.opacity_0_list_right_fade_set.active h4:nth-child(11),
.opacity_0_list_right_fade_set.active h5:nth-child(11),
.opacity_0_list_right_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(12),
.opacity_0_list_right_fade_set.active section:nth-child(12),
.opacity_0_list_right_fade_set.active div:nth-child(12),
.opacity_0_list_right_fade_set.active p:nth-child(12),
.opacity_0_list_right_fade_set.active h2:nth-child(12),
.opacity_0_list_right_fade_set.active h3:nth-child(12),
.opacity_0_list_right_fade_set.active h4:nth-child(12),
.opacity_0_list_right_fade_set.active h5:nth-child(12),
.opacity_0_list_right_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}

.moveTopBtms {
  transition: 0.5s;
}
.moveTopBtms:hover {
  transform: translate(0px, -5px);
}

.scrollHarukazeFvPosta {
  animation: pathmove 2.4s ease-in-out infinite;
  opacity: 0;
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 110%;
    opacity: 0;
  }
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 3%;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
}

body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-loader, .lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  display: table;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}