@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;
}
@media screen and (max-width: 767px) {
  body img {
    width: 100%;
  }
}

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

svg {
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-weight: 0;
}

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

.fw_100 {
  font-weight: 100;
}

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

.fw_200 {
  font-weight: 200;
}

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

.fw_300 {
  font-weight: 300;
}

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

.fw_400 {
  font-weight: 400;
}

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

.fw_500 {
  font-weight: 500;
}

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

.fw_600 {
  font-weight: 600;
}

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

.fw_700 {
  font-weight: 700;
}

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

.fw_800 {
  font-weight: 800;
}

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

.fw_900 {
  font-weight: 900;
}

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

.fw_1000 {
  font-weight: 1000;
}

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

.fw_1100 {
  font-weight: 1100;
}

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

.fw_1200 {
  font-weight: 1200;
}

.ovhidden {
  overflow: hidden;
}

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

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: "Kiwi Maru";
  font-weight: 300;
  font-style: normal;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Kiwi Maru", serif;
  font-weight: 300;
  font-style: normal;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 300;
}

.noto {
  font-family: "Noto Sans JP";
}

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

.t_center {
  text-align: center;
}

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

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

.jost {
  font-family: "Jost";
  font-optical-sizing: auto;
  font-style: normal;
}

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

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.test {
  letter-spacing: 0.06em;
  font-size: 12px;
}
@media screen and (max-width: 1279px) {
  .test {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .test {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexFv {
  height: 993px;
}
@media screen and (max-width: 1279px) {
  .indexFv {
    height: 77.578125vw;
  }
}
@media screen and (max-width: 767px) {
  .indexFv {
    height: 187vw;
  }
}

.bgIndexFv {
  background: url(../img/index/bgIndexFvPc.png) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgIndexFv {
    background: url(../img/index/bgIndexFvSp.png) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.baseHeader {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .baseHeader {
    position: fixed;
    right: 0;
  }
}

.ulIndexNavPc {
  width: 1260px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulIndexNavPc {
    width: 98.43%;
  }
}

.liIndexNavPc {
  width: 200px;
}
@media screen and (max-width: 1279px) {
  .liIndexNavPc {
    width: 15.87%;
  }
}

.btnIndexNavPc {
  padding-top: 26px;
  padding-bottom: 27px;
  padding-left: 0px;
  padding-right: 0px;
  aspect-ratio: 200/78;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.1em;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .btnIndexNavPc {
    padding: 2.06% 0% 2.14% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .btnIndexNavPc {
    font-size: 1.4073494918vw;
  }
}

.arrowIndexNavPc {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 23px;
  background: url(../img/index/arrowIndexNavPc.svg) no-repeat 93% 50%;
  background-size: auto 20px;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .arrowIndexNavPc {
    padding: 0% 11.5% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexNavSpHead {
  padding-top: 15px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 15px;
  width: 56px;
  margin: 0% 4% 0% auto;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .indexNavSpHead {
    padding: 4% 4% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .indexNavSpHead {
    width: 14.93%;
  }
}

.navIndexSpMain {
  padding-top: 15px;
  padding-bottom: 103px;
  padding-left: 0px;
  padding-right: 0px;
  width: 282px;
  border-radius: 0px 0px 0px 15px;
  background: #EB7896;
  position: fixed;
  right: -100%;
  z-index: 99;
  top: 0;
}
@media screen and (max-width: 1279px) {
  .navIndexSpMain {
    padding: 4% 0% 27.46% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .navIndexSpMain {
    width: 75.2%;
  }
}

.navIndexSpMainLxn {
  width: 252px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .navIndexSpMainLxn {
    width: 89.36%;
  }
}

.closeIndexSp {
  width: 56px;
  margin: 0 0 0 auto;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .closeIndexSp {
    width: 22.22%;
  }
}

.indexNavSp {
  margin: 2% 0 0 0;
}

.ulIndexNavSp {
  flex-flow: row wrap;
}

.liIndexNavSp {
  border-bottom: 1px solid #FFF;
  width: 100%;
}

.btnIndexNavSp {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 17px;
  aspect-ratio: 252/72;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .btnIndexNavSp {
    padding: 0% 6.74% 0% 7.93%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexNavSp {
    font-size: 4.8vw;
  }
}

.arrowIndexNavSp {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 22px;
  background: url(../img/index/arrowIndexNavSp.svg) no-repeat center right;
  background-size: auto 100%;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .arrowIndexNavSp {
    padding: 0% 8.73% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainIndex {
  background-size: auto 3188px;
  background: url(../img/mainIndex.png) repeat top center;
  padding: 1px 0 0 0;
}
@media screen and (max-width: 767px) {
  .mainIndex {
    background-size: 100% auto;
    background: url(../img/mainIndexSp.png) repeat top center;
  }
}

.breadIndex {
  display: none;
}

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

.secIndexAboutFx {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 644px;
}
@media screen and (max-width: 1279px) {
  .secIndexAboutFx {
    margin: 6.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .secIndexAboutFx {
    width: 53.66%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexAboutFx {
    margin-top: -1.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secIndexAboutFx {
    width: 92%;
  }
}

@media screen and (max-width: 767px) {
  .picIndexAboutFx {
    width: 74%;
  }
}
.picIndexAboutFx img {
  width: 100%;
}

.txtIndexAboutFx {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .txtIndexAboutFx {
    margin-top: 12.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtIndexAboutFx {
    font-size: 1.8764659891vw;
  }
}
.txtIndexAboutFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.txtIndexAboutFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAboutFx {
    line-height: 2;
    letter-spacing: 0.1em;
    margin-top: 8.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAboutFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexAboutFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtIndexAboutFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtIndexAboutFx {
    width: 100%;
  }
}

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

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

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

.brdIndexNewsField {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-left: 5px dotted #143287;
}
@media screen and (max-width: 1279px) {
  .brdIndexNewsField {
    margin-top: 5.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdIndexNewsField {
    display: none;
  }
}

.mainTitleIndexNewsField {
  width: 425px;
}
@media screen and (max-width: 1279px) {
  .mainTitleIndexNewsField {
    width: 75.22%;
  }
}
@media screen and (max-width: 767px) {
  .mainTitleIndexNewsField {
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainTitleIndexNewsField {
    width: 73.91%;
  }
}

.h2TitleIndexNewsField {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 17px;
  width: 159px;
  font-size: 50px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TitleIndexNewsField {
    margin: 0% 4% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h2TitleIndexNewsField {
    width: 37.41%;
  }
}
@media screen and (max-width: 1279px) {
  .h2TitleIndexNewsField {
    font-size: 3.9093041439vw;
  }
}
.h2TitleIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2TitleIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleIndexNewsField {
    width: 105px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2TitleIndexNewsField {
    width: 41.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleIndexNewsField {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2TitleIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtTitleIndexNewsField {
  width: 250px;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtTitleIndexNewsField {
    width: 58.82%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTitleIndexNewsField {
    font-size: 1.9546520719vw;
  }
}
.txtTitleIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtTitleIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtTitleIndexNewsField {
    margin: 0% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleIndexNewsField {
    width: 150px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTitleIndexNewsField {
    width: 58.82%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleIndexNewsField {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtTitleIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnTitleIndexNewsFieldWap {
  width: 140px;
}
@media screen and (max-width: 1279px) {
  .btnTitleIndexNewsFieldWap {
    width: 24.77%;
  }
}
@media screen and (max-width: 767px) {
  .btnTitleIndexNewsFieldWap {
    width: 90px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTitleIndexNewsFieldWap {
    width: 26.08%;
  }
}

.btnTitleIndexNewsField {
  aspect-ratio: 140/40;
  width: 100%;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btnTitleIndexNewsField {
    aspect-ratio: 90/30;
    width: 100%;
    border-radius: 40px;
    /* CSS3草案 */
    -webkit-border-radius: 40px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;
    /* Firefox用 */
  }
}

.arrowTitleIndexNewsField {
  width: 118px;
  margin: auto;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
  background: url(../img/index/arrowTitleIndexNewsField.svg) no-repeat right center;
  background-size: auto 40%;
}
@media screen and (max-width: 1279px) {
  .arrowTitleIndexNewsField {
    width: 84.28%;
  }
}
@media screen and (max-width: 1279px) {
  .arrowTitleIndexNewsField {
    font-size: 1.8764659891vw;
  }
}
.arrowTitleIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.arrowTitleIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .arrowTitleIndexNewsField {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 19px;
    padding-right: 11px;
    width: 90px;
    margin: auto;
    line-height: 1;
    letter-spacing: 0.1em;
    background: url(../img/index/arrowTitleIndexNewsField.svg) no-repeat 80% center;
    background-size: auto 40%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .arrowTitleIndexNewsField {
    padding: 0% 12.22% 0% 21.11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .arrowTitleIndexNewsField {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arrowTitleIndexNewsField {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .arrowTitleIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .arrowTitleIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.brdIndexNewsFieldTitle {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 565/5;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .brdIndexNewsFieldTitle {
    margin-top: 3.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdIndexNewsFieldTitle {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 345/2;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdIndexNewsFieldTitle {
    margin-top: 4.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

.liMainIndexNewsField {
  padding-top: 19px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 2px solid #143287;
}
@media screen and (max-width: 1279px) {
  .liMainIndexNewsField {
    padding: 3.36% 0% 2.47% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMainIndexNewsField {
    padding: 4.63% 0% 3.5% 0%;
    border-bottom: 1px solid #143287;
  }
}

.timeMainIndexNewsField {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 144px;
  border-right: 1px solid #143287;
  padding: 0.4% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .timeMainIndexNewsField {
    margin: 0.35% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .timeMainIndexNewsField {
    width: 25.48%;
  }
}
@media screen and (max-width: 767px) {
  .timeMainIndexNewsField {
    margin: 0;
    padding: 0;
    width: 75px;
    border-right: 1px solid #143287;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeMainIndexNewsField {
    width: 21.73%;
  }
}

.yearMainIndexNewsField {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .yearMainIndexNewsField {
    font-size: 2.1892103206vw;
  }
}
.yearMainIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.yearMainIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .yearMainIndexNewsField {
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .yearMainIndexNewsField {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .yearMainIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .yearMainIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.monthDayMainIndexNewsField {
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .monthDayMainIndexNewsField {
    margin-top: -1.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .monthDayMainIndexNewsField {
    font-size: 3.9093041439vw;
  }
}
.monthDayMainIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.monthDayMainIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .monthDayMainIndexNewsField {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .monthDayMainIndexNewsField {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .monthDayMainIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .monthDayMainIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.weekIndexNewsField {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .weekIndexNewsField {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .weekIndexNewsField {
    font-size: 2.1892103206vw;
  }
}
.weekIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.weekIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .weekIndexNewsField {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .weekIndexNewsField {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .weekIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .weekIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.cntMainIndexNewsField {
  width: 396px;
}
@media screen and (max-width: 1279px) {
  .cntMainIndexNewsField {
    width: 70.08%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainIndexNewsField {
    width: 254px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntMainIndexNewsField {
    width: 73.62%;
  }
}

.txtMainIndexNewsField {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtMainIndexNewsField {
    font-size: 1.4073494918vw;
  }
}
.txtMainIndexNewsField::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
.txtMainIndexNewsField::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainIndexNewsField {
    width: 242px;
    line-height: 1.5714285714;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtMainIndexNewsField {
    width: 95.27%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainIndexNewsField {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainIndexNewsField::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtMainIndexNewsField::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexFacilitiesWap {
  margin-top: 278px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .indexFacilitiesWap {
    margin-top: 14.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexFacilitiesWap {
    width: 345px;
    margin-top: 126px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexFacilitiesWap {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexFacilitiesWap {
    margin-top: 33.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleIndexFacilitiesWap {
  background: url(../img/index/bgTitleIndexFacilitiesWapPc.jpg) no-repeat top left;
  background-size: auto 100%;
  aspect-ratio: 1280/301;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .titleIndexFacilitiesWap {
    font-size: 3.1274433151vw;
  }
}
.titleIndexFacilitiesWap::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.titleIndexFacilitiesWap::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .titleIndexFacilitiesWap {
    background: url(../img/index/bgTitleIndexFacilitiesWapSp.jpg) no-repeat top left;
    background-size: auto 100%;
    aspect-ratio: 345/95;
    line-height: 1;
    letter-spacing: 0.2em;
    align-items: flex-start;
    padding: 8.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .titleIndexFacilitiesWap {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .titleIndexFacilitiesWap::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .titleIndexFacilitiesWap::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtIndexFacilities {
  margin-top: 84px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .txtIndexFacilities {
    margin-top: 6.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtIndexFacilities {
    font-size: 1.8764659891vw;
  }
}
.txtIndexFacilities::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.txtIndexFacilities::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexFacilities {
    margin-top: 8.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexFacilities {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexFacilities::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .txtIndexFacilities::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}

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

.ulIndexFacilities {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 992px;
}
@media screen and (max-width: 1279px) {
  .ulIndexFacilities {
    margin-top: 3.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulIndexFacilities {
    width: 77.5%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexFacilities {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulIndexFacilities {
    width: 63.76%;
  }
}

.liIndexFacilities {
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .liIndexFacilities {
    width: 48.38%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexFacilities {
    width: 100%;
  }
  .liIndexFacilities:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liIndexFacilities:nth-child(n+2) {
    margin-top: 7.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnIndexFacilities {
  aspect-ratio: 480/70;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnIndexFacilities {
    font-size: 1.5637216575vw;
  }
}
.btnIndexFacilities::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btnIndexFacilities::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnIndexFacilities {
    aspect-ratio: 220/40;
    line-height: 2.2857142857;
    letter-spacing: 0em;
    border-radius: 40px;
    /* CSS3草案 */
    -webkit-border-radius: 40px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 40px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexFacilities {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexFacilities::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
  .btnIndexFacilities::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexRecruit {
  margin-top: 203px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 199px;
  padding-bottom: 199px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .indexRecruit {
    margin-top: 10.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .indexRecruit {
    padding: 10.36% 0% 10.36% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexRecruit {
    margin-top: 130px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 243px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexRecruit {
    margin-top: 34.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexRecruit {
    padding: 10.66% 0% 64.8% 0%;
  }
}

.brdIndexRecruitBox {
  padding-top: 68px;
  padding-bottom: 106px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  border: 4px solid #143287;
}
@media screen and (max-width: 1279px) {
  .brdIndexRecruitBox {
    padding: 5.31% 0% 8.28% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdIndexRecruitBox {
    padding: 7% 0% 11% 0%;
    width: 300px;
    margin: auto;
    border: 2px solid #143287;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdIndexRecruitBox {
    width: 80%;
  }
}

.picManIndexRecruit {
  width: 216px;
  position: absolute;
  bottom: -2%;
  left: 4.8%;
}
@media screen and (max-width: 1279px) {
  .picManIndexRecruit {
    width: 16.87%;
  }
}
@media screen and (max-width: 767px) {
  .picManIndexRecruit {
    width: 93px;
    position: absolute;
    bottom: -39.5%;
    left: 23%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picManIndexRecruit {
    width: 31%;
  }
}

.picWomanIndexRecruit {
  width: 133px;
  position: absolute;
  bottom: -2%;
  right: 4.8%;
}
@media screen and (max-width: 1279px) {
  .picWomanIndexRecruit {
    width: 10.39%;
  }
}
@media screen and (max-width: 767px) {
  .picWomanIndexRecruit {
    width: 57px;
    position: absolute;
    bottom: -39.5%;
    right: 23.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picWomanIndexRecruit {
    width: 19%;
  }
}

.h2IndexRecruit {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .h2IndexRecruit {
    font-size: 3.1274433151vw;
  }
}
.h2IndexRecruit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexRecruit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexRecruit {
    line-height: 1;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexRecruit {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexRecruit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexRecruit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.brdIndexRecruit {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 430px;
}
@media screen and (max-width: 1279px) {
  .brdIndexRecruit {
    margin-top: 1.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .brdIndexRecruit {
    width: 33.59%;
  }
}
@media screen and (max-width: 767px) {
  .brdIndexRecruit {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdIndexRecruit {
    width: 83.33%;
  }
}

.txtIndexRecruit {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 660px;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtIndexRecruit {
    margin-top: 4.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtIndexRecruit {
    width: 51.56%;
  }
}
@media screen and (max-width: 1279px) {
  .txtIndexRecruit {
    font-size: 1.4073494918vw;
  }
}
.txtIndexRecruit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
.txtIndexRecruit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexRecruit {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    line-height: 2.1428571429;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtIndexRecruit {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexRecruit {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexRecruit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .txtIndexRecruit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.liIndexRecruitLxn {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .liIndexRecruitLxn {
    margin-top: 4.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .liIndexRecruitLxn {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexRecruitLxn {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liIndexRecruitLxn {
    width: 73.33%;
  }
}

.btnIndexRecruit {
  aspect-ratio: 480/70;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .btnIndexRecruit {
    font-size: 1.5637216575vw;
  }
}
.btnIndexRecruit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.btnIndexRecruit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnIndexRecruit {
    aspect-ratio: 220/40;
    line-height: 2.2857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexRecruit {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexRecruit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
  .btnIndexRecruit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexAboutMain {
  padding-top: 248px;
  padding-bottom: 115px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .indexAboutMain {
    padding: 12.91% 0% 5.98% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexAboutMain {
    padding-top: 90px;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexAboutMain {
    padding: 24% 0% 13.33% 0%;
  }
}

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

.indexAboutMainTop {
  padding-top: 69px;
  padding-bottom: 98px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .indexAboutMainTop {
    padding: 3.59% 0% 5.1% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexAboutMainTop {
    padding: 10% 0% 12.33% 0%;
  }
}

.indexAboutMainTopWap {
  width: 843px;
}
@media screen and (max-width: 1279px) {
  .indexAboutMainTopWap {
    width: 65.85%;
  }
}
@media screen and (max-width: 767px) {
  .indexAboutMainTopWap {
    width: 291px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexAboutMainTopWap {
    width: 77.6%;
  }
}

.h2IndexAboutMainTop {
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2IndexAboutMainTop {
    font-size: 5.4730258014vw;
  }
}
.h2IndexAboutMainTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexAboutMainTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexAboutMainTop {
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexAboutMainTop {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexAboutMainTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexAboutMainTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h3IndexAboutMainTop {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h3IndexAboutMainTop {
    margin-top: 3.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3IndexAboutMainTop {
    font-size: 3.1274433151vw;
  }
}
.h3IndexAboutMainTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3IndexAboutMainTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3IndexAboutMainTop {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexAboutMainTop {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexAboutMainTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3IndexAboutMainTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtIndexAboutMainTop {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 843px;
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .txtIndexAboutMainTop {
    margin-top: 6.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtIndexAboutMainTop {
    width: 100%;
  }
}
@media screen and (max-width: 1279px) {
  .txtIndexAboutMainTop {
    font-size: 1.8764659891vw;
  }
}
.txtIndexAboutMainTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.txtIndexAboutMainTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAboutMainTop {
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAboutMainTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexAboutMainTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtIndexAboutMainTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

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

.btnBtmIndexAboutMainLxn {
  width: 480px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .btnBtmIndexAboutMainLxn {
    width: 56.93%;
  }
}
@media screen and (max-width: 767px) {
  .btnBtmIndexAboutMainLxn {
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnBtmIndexAboutMainLxn {
    width: 58.66%;
  }
}

.btnBtmIndexAboutMain {
  width: 100%;
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0em;
  aspect-ratio: 480/70;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .btnBtmIndexAboutMain {
    font-size: 1.5637216575vw;
  }
}
.btnBtmIndexAboutMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnBtmIndexAboutMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnBtmIndexAboutMain {
    line-height: 2.2857142857;
    letter-spacing: 0em;
    aspect-ratio: 220/40;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBtmIndexAboutMain {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnBtmIndexAboutMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
  .btnBtmIndexAboutMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexCtaWap {
  margin-top: 207px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .indexCtaWap {
    margin-top: 10.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexCtaWap {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: url(../img/index/indexCtaWap.png) no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexCtaWap {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexCtaWap {
    padding: 13.33% 0% 0% 0%;
  }
}

.btnIndexCtaTel {
  padding-top: 30px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnIndexCtaTel {
    padding: 2.34% 0% 2.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexCtaTel {
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnIndexCtaTel {
    padding: 4.26% 0% 4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnIndexCtaTel {
    width: 92%;
  }
}

.h2IndexCtaTel {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .h2IndexCtaTel {
    font-size: 2.3455824863vw;
  }
}
.h2IndexCtaTel::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexCtaTel::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexCtaTel {
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexCtaTel {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexCtaTel::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexCtaTel::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

.iconIndexCtaTelFx {
  width: 52px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 16px;
}
@media screen and (max-width: 1279px) {
  .iconIndexCtaTelFx {
    width: 4.06%;
  }
}
@media screen and (max-width: 1279px) {
  .iconIndexCtaTelFx {
    margin: 0% 1.25% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexCtaTelFx {
    width: 26px;
    margin: 0% 4% 0% 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconIndexCtaTelFx {
    width: 7.53%;
  }
}
.iconIndexCtaTelFx svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: unset;
}

.numMainIndexCtaTelFx {
  font-size: 80px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .numMainIndexCtaTelFx {
    font-size: 6.2548866302vw;
  }
}
.numMainIndexCtaTelFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.numMainIndexCtaTelFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .numMainIndexCtaTelFx {
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .numMainIndexCtaTelFx {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .numMainIndexCtaTelFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .numMainIndexCtaTelFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.lastMainIndexCtaTelFx {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .lastMainIndexCtaTelFx {
    margin-top: 1.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .lastMainIndexCtaTelFx {
    font-size: 1.5637216575vw;
  }
}
.lastMainIndexCtaTelFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.lastMainIndexCtaTelFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .lastMainIndexCtaTelFx {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .lastMainIndexCtaTelFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .lastMainIndexCtaTelFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .lastMainIndexCtaTelFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnIndexCtaContact {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnIndexCtaContact {
    margin-top: 1.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnIndexCtaContact {
    padding: 2.26% 0% 2.26% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexCtaContact {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0px;
    padding-right: 0px;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnIndexCtaContact {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnIndexCtaContact {
    padding: 4.26% 0% 4.26% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnIndexCtaContact {
    width: 92%;
  }
}

.iconIndexCtaContactFx {
  width: 57px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 24px;
}
@media screen and (max-width: 1279px) {
  .iconIndexCtaContactFx {
    width: 4.45%;
  }
}
@media screen and (max-width: 1279px) {
  .iconIndexCtaContactFx {
    margin: 0% 1.87% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexCtaContactFx {
    width: 40px;
    margin: 0% 2.5% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconIndexCtaContactFx {
    width: 11.59%;
  }
}
.iconIndexCtaContactFx svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: unset;
}

.numMainIndexCtaContactFx {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .numMainIndexCtaContactFx {
    font-size: 2.3455824863vw;
  }
}
.numMainIndexCtaContactFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.numMainIndexCtaContactFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .numMainIndexCtaContactFx {
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .numMainIndexCtaContactFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .numMainIndexCtaContactFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .numMainIndexCtaContactFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  padding-top: 20px;
  padding-bottom: 187px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 174px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/index/bgFooterPc.png) no-repeat center bottom;
  background-size: auto 914px;
}
@media screen and (max-width: 1279px) {
  .footer {
    padding: 1.04% 0% 9.73% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .footer {
    margin-top: 9.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 18.2% 0% 22.66% 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/index/bgFooterSp.png) no-repeat center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footer {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footerContact {
  background: none;
}

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

.secFooter {
  width: 454px;
}
@media screen and (max-width: 1279px) {
  .secFooter {
    width: 35.46%;
  }
}
@media screen and (max-width: 767px) {
  .secFooter {
    width: 100%;
  }
}

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

.h3Footer {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h3Footer {
    margin: 2.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h3Footer {
    font-size: 3.1274433151vw;
  }
}
.h3Footer::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3Footer::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3Footer {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3Footer {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h3Footer::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3Footer::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtFooter {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 25px;
  line-height: 1.72;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .txtFooter {
    margin: 8.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtFooter {
    font-size: 1.9546520719vw;
  }
}
.txtFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.72) * 0.5em);
  content: "";
}
.txtFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.72) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtFooter {
    margin-top: 8.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooter {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.navFooter {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 642px;
}
@media screen and (max-width: 1279px) {
  .navFooter {
    margin: 3.59% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .navFooter {
    width: 50.15%;
  }
}
@media screen and (max-width: 767px) {
  .navFooter {
    margin-top: 16.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

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

.ulNavFooter {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 576px;
}
@media screen and (max-width: 1279px) {
  .ulNavFooter {
    margin: 4.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .ulNavFooter {
    width: 89.71%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavFooter {
    margin-top: 7.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

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

.btnNavFooter {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .btnNavFooter {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavFooter {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavFooter {
    font-size: 4.2666666667vw;
  }
}

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

.txtBtnNavFooter {
  width: 100%;
}

.footerMap {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  aspect-ratio: 1000/400;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .footerMap {
    margin-top: 2.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .footerMap {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .footerMap {
    margin-top: 12.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    aspect-ratio: 345/138;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footerMap {
    width: 100%;
  }
}

.footerMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.txtCopy {
  padding-top: 21px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .txtCopy {
    padding: 1.09% 0% 1.19% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtCopy {
    font-size: 1.250977326vw;
  }
}
.txtCopy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtCopy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtCopy {
    padding: 4.21% 0% 5.5% 0%;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCopy {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCopy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtCopy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.outlineFv {
  height: 600px;
}
@media screen and (max-width: 1279px) {
  .outlineFv {
    height: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .outlineFv {
    height: 85.3333333333vw;
  }
}

.bgOutlineFv {
  background: url(../img/outline/bgOutlineFvPc.png) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgOutlineFv {
    background: url(../img/outline/bgOutlineFvSp.png) no-repeat center top;
    background-size: cover;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/*パンくず*/
.bread {
  padding-top: 31px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .bread {
    padding: 1.61% 0% 1.61% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bread {
    padding: 2.26% 0% 2.26% 0%;
    width: 345px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .bread {
    width: 92%;
  }
}

.breadcrumbList {
  display: flex;
  align-items: center;
  color: #143287;
  flex-flow: row wrap;
  gap: 13px 13px;
}
@media screen and (max-width: 767px) {
  .breadcrumbList {
    gap: 2vw 3vw;
  }
}
.breadcrumbList span,
.breadcrumbList a {
  display: inline-block;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0em;
  text-decoration: none;
  color: #EB7897;
}
@media screen and (max-width: 1279px) {
  .breadcrumbList span,
  .breadcrumbList a {
    font-size: 1.4073494918vw;
  }
}
.breadcrumbList span::before,
.breadcrumbList a::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
.breadcrumbList span::after,
.breadcrumbList a::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .breadcrumbList span,
  .breadcrumbList a {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .breadcrumbList span,
  .breadcrumbList a {
    font-size: 2.6666666667vw;
  }
}

/*法人概要*/
.outlineTopWap {
  margin-top: 112px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .outlineTopWap {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .outlineTopWap {
    margin-top: 58px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .outlineTopWap {
    margin-top: 15.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h2OutlineTop {
  font-size: 40px;
  line-height: 1.65;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .h2OutlineTop {
    font-size: 3.1274433151vw;
  }
}
.h2OutlineTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.65) * 0.5em);
  content: "";
}
.h2OutlineTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.65) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2OutlineTop {
    line-height: 3.3;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OutlineTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2OutlineTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.3) * 0.5em);
    content: "";
  }
  .h2OutlineTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.3) * 0.5em);
    content: "";
  }
}

.linerOutlineTop {
  background-image: linear-gradient(transparent 0% 78%, #FAF05F 78% 100%);
}

.txtOutlineTop {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
  color: #143287;
}
@media screen and (max-width: 1279px) {
  .txtOutlineTop {
    margin-top: 6.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtOutlineTop {
    font-size: 1.4073494918vw;
  }
}
.txtOutlineTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtOutlineTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtOutlineTop {
    margin-top: 6.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.2142857143;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOutlineTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOutlineTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2142857143) * 0.5em);
    content: "";
  }
  .txtOutlineTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2142857143) * 0.5em);
    content: "";
  }
}

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

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

.h2OutlineMessage {
  font-size: 40px;
  line-height: 1.65;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2OutlineMessage {
    font-size: 3.1274433151vw;
  }
}
.h2OutlineMessage::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.65) * 0.5em);
  content: "";
}
.h2OutlineMessage::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.65) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2OutlineMessage {
    line-height: 2;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OutlineMessage {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2OutlineMessage::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .h2OutlineMessage::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.txtOutlineMessage {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
  color: #143287;
}
@media screen and (max-width: 1279px) {
  .txtOutlineMessage {
    margin-top: 6.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtOutlineMessage {
    font-size: 1.4073494918vw;
  }
}
.txtOutlineMessage::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtOutlineMessage::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtOutlineMessage {
    margin-top: 6.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.2142857143;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOutlineMessage {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOutlineMessage::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2142857143) * 0.5em);
    content: "";
  }
  .txtOutlineMessage::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2142857143) * 0.5em);
    content: "";
  }
}

.txtOutlineMessageR {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 3px;
  line-height: 1.7222222222;
  letter-spacing: 0em;
  color: #143287;
}
@media screen and (max-width: 1279px) {
  .txtOutlineMessageR {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0.34%;
  }
}
@media screen and (max-width: 767px) {
  .txtOutlineMessageR {
    font-size: 4.8vw;
  }
}
.txtOutlineMessageR::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
.txtOutlineMessageR::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtOutlineMessageR {
    margin-top: 7.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.2142857143;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOutlineMessageR {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOutlineMessageR::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2142857143) * 0.5em);
    content: "";
  }
  .txtOutlineMessageR::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2142857143) * 0.5em);
    content: "";
  }
}

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

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

.photoOutlineTable {
  width: 300px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .photoOutlineTable {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .photoOutlineTable {
    width: 111px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoOutlineTable {
    width: 32.17%;
  }
}

.tableOutlineTop {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-top: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tableOutlineTop {
    margin-top: 1.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableOutlineTop {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableOutlineTop {
    margin-top: 8.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .tableOutlineTop tr,
  .tableOutlineTop tbody {
    display: block;
    width: 100%;
  }
}

.thOutlineTop {
  padding-top: 51px;
  padding-bottom: 55px;
  padding-left: 0px;
  padding-right: 0px;
  width: 156px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .thOutlineTop {
    padding: 3.98% 0% 4.29% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .thOutlineTop {
    width: 15.6%;
  }
}
@media screen and (max-width: 1279px) {
  .thOutlineTop {
    font-size: 1.4073494918vw;
  }
}
.thOutlineTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.thOutlineTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thOutlineTop {
    padding: 6% 0% 4% 0%;
    width: 100%;
    display: block;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
    border: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thOutlineTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thOutlineTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .thOutlineTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.tdOutlineTop {
  padding-top: 51px;
  padding-bottom: 55px;
  padding-left: 0px;
  padding-right: 0px;
  width: 844px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tdOutlineTop {
    padding: 3.98% 0% 4.29% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .tdOutlineTop {
    width: 84.4%;
  }
}
@media screen and (max-width: 1279px) {
  .tdOutlineTop {
    font-size: 1.4073494918vw;
  }
}
.tdOutlineTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.tdOutlineTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdOutlineTop {
    padding-top: 0px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    display: block;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tdOutlineTop {
    padding: 0% 0% 6.4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdOutlineTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdOutlineTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .tdOutlineTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

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

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

.h2OutlinePublic {
  font-size: 40px;
  line-height: 1.65;
  letter-spacing: 0.2em;
  border: 1px solid #143287;
  aspect-ratio: 380/70;
  width: 380px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .h2OutlinePublic {
    font-size: 3.1274433151vw;
  }
}
.h2OutlinePublic::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.65) * 0.5em);
  content: "";
}
.h2OutlinePublic::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.65) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .h2OutlinePublic {
    width: 29.68%;
  }
}
@media screen and (max-width: 767px) {
  .h2OutlinePublic {
    line-height: normal;
    letter-spacing: 0.2em;
    aspect-ratio: 215/47;
    width: 215px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OutlinePublic {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2OutlinePublic {
    width: 62.31%;
  }
}

.txtOutlinePublic {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtOutlinePublic {
    margin-top: 5.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtOutlinePublic {
    font-size: 1.4073494918vw;
  }
}
.txtOutlinePublic::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtOutlinePublic::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtOutlinePublic {
    margin-top: 10.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOutlinePublic {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOutlinePublic::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtOutlinePublic::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

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

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

.h2OutlineEnkaku {
  font-size: 40px;
  line-height: 1.65;
  letter-spacing: 0.2em;
  border: 1px solid #143287;
  aspect-ratio: 380/70;
  width: 380px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .h2OutlineEnkaku {
    font-size: 3.1274433151vw;
  }
}
.h2OutlineEnkaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.65) * 0.5em);
  content: "";
}
.h2OutlineEnkaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.65) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .h2OutlineEnkaku {
    width: 29.68%;
  }
}
@media screen and (max-width: 767px) {
  .h2OutlineEnkaku {
    line-height: normal;
    letter-spacing: 0.2em;
    aspect-ratio: 215/47;
    width: 215px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OutlineEnkaku {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2OutlineEnkaku {
    width: 62.31%;
  }
}

.h3OutlineEnkaku {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h3OutlineEnkaku {
    margin-top: 5.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3OutlineEnkaku {
    font-size: 1.8764659891vw;
  }
}
.h3OutlineEnkaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.h3OutlineEnkaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3OutlineEnkaku {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3OutlineEnkaku {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3OutlineEnkaku {
    font-size: 4.8vw;
  }
}

.txtOutline {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
  width: 860px;
}
@media screen and (max-width: 1279px) {
  .txtOutline {
    margin-top: 4.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtOutline {
    font-size: 1.4073494918vw;
  }
}
.txtOutline::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtOutline::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtOutline {
    width: 67.18%;
  }
}
@media screen and (max-width: 767px) {
  .txtOutline {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtOutline {
    margin-top: 9.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOutline {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOutline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtOutline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.tableOutlineEnkaku {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  border-top: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tableOutlineEnkaku {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .tableOutlineEnkaku {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .tableOutlineEnkaku {
    margin-top: 27.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableOutlineEnkaku {
    width: 92%;
  }
}

@media screen and (max-width: 767px) {
  .tableOutlineEnkaku tr,
  .tableOutlineEnkaku tbody {
    display: block;
    width: 100%;
  }
}

.thOutlineEnkaku {
  padding-top: 28px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
  width: 153px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .thOutlineEnkaku {
    padding: 2.18% 0% 2.42% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .thOutlineEnkaku {
    width: 15.3%;
  }
}
@media screen and (max-width: 1279px) {
  .thOutlineEnkaku {
    font-size: 1.4073494918vw;
  }
}
.thOutlineEnkaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.thOutlineEnkaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thOutlineEnkaku {
    padding: 6.4% 0% 4% 0%;
    width: 100%;
    display: block;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
    border: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thOutlineEnkaku {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thOutlineEnkaku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .thOutlineEnkaku::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.tdOutlineEnkaku {
  padding-top: 28px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
  width: 837px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tdOutlineEnkaku {
    padding: 2.18% 0% 2.42% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .tdOutlineEnkaku {
    width: 83.7%;
  }
}
@media screen and (max-width: 1279px) {
  .tdOutlineEnkaku {
    font-size: 1.4073494918vw;
  }
}
.tdOutlineEnkaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.tdOutlineEnkaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdOutlineEnkaku {
    padding-top: 0px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    display: block;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tdOutlineEnkaku {
    padding: 0% 0% 6.4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdOutlineEnkaku {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdOutlineEnkaku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .tdOutlineEnkaku::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

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

.secOutlineAccess {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .secOutlineAccess {
    margin-top: 5.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secOutlineAccess {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secOutlineAccess {
    margin-top: 10.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secOutlineAccess {
    width: 92%;
  }
}

.h2OutlineAccess {
  font-size: 40px;
  line-height: 1.65;
  letter-spacing: 0.2em;
  border: 1px solid #143287;
  aspect-ratio: 380/70;
  width: 380px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .h2OutlineAccess {
    font-size: 3.1274433151vw;
  }
}
.h2OutlineAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.65) * 0.5em);
  content: "";
}
.h2OutlineAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.65) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .h2OutlineAccess {
    width: 29.68%;
  }
}
@media screen and (max-width: 767px) {
  .h2OutlineAccess {
    line-height: normal;
    letter-spacing: 0.2em;
    aspect-ratio: 215/47;
    width: 215px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2OutlineAccess {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2OutlineAccess {
    width: 62.31%;
  }
}

.accessGGMap {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  aspect-ratio: 1000/400;
  overflow: hidden;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  width: 1000px;
}
@media screen and (max-width: 1279px) {
  .accessGGMap {
    margin-top: 5.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .accessGGMap {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .accessGGMap {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 345/138;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .accessGGMap {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtOutlineAccess {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 860px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtOutlineAccess {
    margin-top: 3.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtOutlineAccess {
    width: 67.18%;
  }
}
@media screen and (max-width: 1279px) {
  .txtOutlineAccess {
    font-size: 1.4073494918vw;
  }
}
.txtOutlineAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtOutlineAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtOutlineAccess {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtOutlineAccess {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtOutlineAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtOutlineAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgGuideFv {
  height: 600px;
  background: url(../img/guide/bgGuideFvPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .bgGuideFv {
    height: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .bgGuideFv {
    height: 85.3333333333vw;
    background: url(../img/guide/bgGuideFvSp.png) no-repeat top center;
    background-size: cover;
  }
}

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

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

.h2guideFlow {
  width: 380px;
  margin: auto;
  aspect-ratio: 380/70;
  border: 1px solid #143287;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .h2guideFlow {
    width: 38%;
  }
}
@media screen and (max-width: 1279px) {
  .h2guideFlow {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2guideFlow {
    width: 215px;
    aspect-ratio: 215/47;
    border: 1px solid #143287;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2guideFlow {
    width: 62.31%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2guideFlow {
    font-size: 5.3333333333vw;
  }
}

.txtguideFlow {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtguideFlow {
    margin-top: 6.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtguideFlow {
    font-size: 1.4073494918vw;
  }
}
.txtguideFlow::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtguideFlow::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtguideFlow {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtguideFlow {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtguideFlow {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtguideFlow::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtguideFlow::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

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

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

.iconGuideInquiries {
  width: 70px;
}
@media screen and (max-width: 1279px) {
  .iconGuideInquiries {
    width: 7%;
  }
}
@media screen and (max-width: 767px) {
  .iconGuideInquiries {
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconGuideInquiries {
    width: 11.59%;
  }
}
.iconGuideInquiries svg {
  width: 100%;
  height: auto;
}

.h2GuideInquiries {
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  width: 895px;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2GuideInquiries {
    margin: 0% 0% 0.3% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h2GuideInquiries {
    width: 89.5%;
  }
}
@media screen and (max-width: 1279px) {
  .h2GuideInquiries {
    font-size: 3.1274433151vw;
  }
}
.h2GuideInquiries::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2GuideInquiries::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2GuideInquiries {
    margin: 0;
    width: 299px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2GuideInquiries {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2GuideInquiries {
    font-size: 5.3333333333vw;
  }
}

.txtGuideInquiries {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtGuideInquiries {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtGuideInquiries {
    font-size: 1.4073494918vw;
  }
}
.txtGuideInquiries::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtGuideInquiries::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGuideInquiries {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideInquiries {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGuideInquiries {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGuideInquiries::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtGuideInquiries::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.tableOvAutoGuideLxn {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
}
@media screen and (max-width: 1279px) {
  .tableOvAutoGuideLxn {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableOvAutoGuideLxn {
    margin-top: 6.24%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.tableOvAutoGuideLxn::-webkit-scrollbar {
  display: none;
}

.tableOvAutoGuideWap {
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .tableOvAutoGuideWap {
    width: 266.6666666667vw;
  }
}

.tableOvAutoGuide {
  width: 100%;
  border-top: 1px solid #143287;
}

.thTableOvAutoGuide01,
.tdTableOvAutoGuide01 {
  width: 251px;
  border-right: 1px solid #143287;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .thTableOvAutoGuide01,
  .tdTableOvAutoGuide01 {
    width: 25.1%;
  }
}

.thTableOvAutoGuide02,
.tdTableOvAutoGuide02 {
  width: 165px;
  border-right: 1px solid #143287;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .thTableOvAutoGuide02,
  .tdTableOvAutoGuide02 {
    width: 16.5%;
  }
}

.thTableOvAutoGuide03,
.tdTableOvAutoGuide03 {
  width: 257px;
  border-right: 1px solid #143287;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .thTableOvAutoGuide03,
  .tdTableOvAutoGuide03 {
    width: 25.7%;
  }
}

.thTableOvAutoGuide04,
.tdTableOvAutoGuide04 {
  width: 165px;
  border-right: 1px solid #143287;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .thTableOvAutoGuide04,
  .tdTableOvAutoGuide04 {
    width: 16.5%;
  }
}

.thTableOvAutoGuide05,
.tdTableOvAutoGuide05 {
  width: 165px;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .thTableOvAutoGuide05,
  .tdTableOvAutoGuide05 {
    width: 16.5%;
  }
}

.thTableOvAutoGuide {
  padding: 20px 10px 20px 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .thTableOvAutoGuide {
    padding: 5.5vw 2.6666666667vw 5.5vw;
    font-size: 4.8vw;
    font-style: normal;
    font-weight: 500;
  }
}

.tdTableOvAutoGuide {
  padding: 9px 10px 9px 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .tdTableOvAutoGuide {
    padding: 2.4vw 2.6666666667vw 2.4vw;
    font-size: 3.7333333333vw;
    font-style: normal;
    font-weight: 500;
  }
}

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

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

.iconGuideProcedure {
  width: 70px;
}
@media screen and (max-width: 1279px) {
  .iconGuideProcedure {
    width: 7%;
  }
}
@media screen and (max-width: 767px) {
  .iconGuideProcedure {
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconGuideProcedure {
    width: 11.59%;
  }
}
.iconGuideProcedure svg {
  width: 100%;
  height: auto;
}

.h2GuideProcedure {
  width: 895px;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2GuideProcedure {
    width: 89.5%;
  }
}
@media screen and (max-width: 1279px) {
  .h2GuideProcedure {
    font-size: 3.1274433151vw;
  }
}
.h2GuideProcedure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2GuideProcedure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2GuideProcedure {
    width: 299px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2GuideProcedure {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2GuideProcedure {
    font-size: 5.3333333333vw;
  }
}

.txtGuideProcedure {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtGuideProcedure {
    margin-top: 3.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtGuideProcedure {
    font-size: 1.4073494918vw;
  }
}
.txtGuideProcedure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtGuideProcedure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGuideProcedure {
    margin-top: 38px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideProcedure {
    margin-top: 11.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideProcedure {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGuideProcedure {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGuideProcedure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtGuideProcedure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

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

.h3DetelilGuideProcedure {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h3DetelilGuideProcedure {
    font-size: 1.9546520719vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetelilGuideProcedure {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetelilGuideProcedure {
    font-size: 4.2666666667vw;
  }
}

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

.liDetelilGuideProcedure {
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .liDetelilGuideProcedure {
    font-size: 1.4073494918vw;
  }
}
.liDetelilGuideProcedure::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.liDetelilGuideProcedure::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .liDetelilGuideProcedure {
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liDetelilGuideProcedure {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liDetelilGuideProcedure::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .liDetelilGuideProcedure::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}
.liDetelilGuideProcedure:nth-child(n+2) {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liDetelilGuideProcedure:nth-child(n+2) {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liDetelilGuideProcedure:nth-child(n+2) {
    margin-top: 9.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtGuideProcedureBtm {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtGuideProcedureBtm {
    margin-top: 2.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtGuideProcedureBtm {
    font-size: 1.4073494918vw;
  }
}
.txtGuideProcedureBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtGuideProcedureBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGuideProcedureBtm {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideProcedureBtm {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideProcedureBtm {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGuideProcedureBtm {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGuideProcedureBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtGuideProcedureBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

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

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

.iconGuideContact {
  width: 70px;
}
@media screen and (max-width: 1279px) {
  .iconGuideContact {
    width: 7%;
  }
}
@media screen and (max-width: 767px) {
  .iconGuideContact {
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconGuideContact {
    width: 11.59%;
  }
}
.iconGuideContact svg {
  width: 100%;
  height: auto;
}

.h2GuideContact {
  width: 895px;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2GuideContact {
    width: 89.5%;
  }
}
@media screen and (max-width: 1279px) {
  .h2GuideContact {
    font-size: 3.1274433151vw;
  }
}
.h2GuideContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2GuideContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2GuideContact {
    width: 299px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2GuideContact {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2GuideContact {
    font-size: 5.3333333333vw;
  }
}

.txtGuideContact {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtGuideContact {
    margin-top: 3.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtGuideContact {
    font-size: 1.4073494918vw;
  }
}
.txtGuideContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtGuideContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtGuideContact {
    margin-top: 38px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideContact {
    margin-top: 11.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtGuideContact {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtGuideContact {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtGuideContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtGuideContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgRecruitFv {
  height: 600px;
  background: url(../img/recruit/bgRecruitFvPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .bgRecruitFv {
    height: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .bgRecruitFv {
    height: 85.3333333333vw;
    background: url(../img/recruit/bgRecruitFvSp.png) no-repeat top center;
    background-size: cover;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitTop {
  padding-top: 110px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .recruitTop {
    padding: 5.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .recruitTop {
    padding: 11.26% 0% 0% 0%;
    width: 97%;
    margin: auto;
  }
}

.h2RecruitTop {
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2RecruitTop {
    font-size: 3.1274433151vw;
  }
}
.h2RecruitTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2RecruitTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2RecruitTop {
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
    width: 266px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitTop {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2RecruitTop {
    width: 77.1%;
  }
}

.txtRecruitTop {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .txtRecruitTop {
    margin-top: 3.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtRecruitTop {
    font-size: 1.8764659891vw;
  }
}
.txtRecruitTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.txtRecruitTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtRecruitTop {
    margin-top: 6.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8571428571;
    letter-spacing: 0em;
    text-align: left;
    width: 266px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRecruitTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruitTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8571428571) * 0.5em);
    content: "";
  }
  .txtRecruitTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8571428571) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtRecruitTop {
    width: 77.1%;
  }
}

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

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

.recruitTablelxn {
  padding-top: 64px;
  padding-bottom: 140px;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .recruitTablelxn {
    padding: 5% 0% 10.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .recruitTablelxn {
    padding: 7.03% 0% 8.53% 0%;
    width: 315px;
    margin: auto;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .recruitTablelxn {
    width: 84%;
  }
}

.h2RecruitTable {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2RecruitTable {
    font-size: 3.1274433151vw;
  }
}
.h2RecruitTable::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2RecruitTable::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2RecruitTable {
    line-height: 1.4545454545;
    letter-spacing: 0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitTable {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RecruitTable::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4545454545) * 0.5em);
    content: "";
  }
  .h2RecruitTable::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4545454545) * 0.5em);
    content: "";
  }
}

.tableRecruit {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  border-top: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tableRecruit {
    margin-top: 3.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .tableRecruit {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .tableRecruit {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableRecruit {
    margin-top: 4.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableRecruit {
    width: 79.36%;
  }
}

@media screen and (max-width: 767px) {
  .tableRecruit tr,
  .tableRecruit tbody {
    display: block;
    width: 100%;
  }
}

.thTableRecruit {
  padding-top: 52px;
  padding-bottom: 51px;
  padding-left: 0px;
  padding-right: 0px;
  width: 156px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .thTableRecruit {
    padding: 2.7% 0% 2.65% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .thTableRecruit {
    width: 15.6%;
  }
}
@media screen and (max-width: 1279px) {
  .thTableRecruit {
    font-size: 1.4073494918vw;
  }
}
.thTableRecruit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.thTableRecruit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thTableRecruit {
    padding: 8.01% 0% 4.71% 1%;
    width: 100%;
    display: block;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
    border: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thTableRecruit {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thTableRecruit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .thTableRecruit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.tdTableRecruit {
  padding-top: 52px;
  padding-bottom: 51px;
  padding-left: 0px;
  padding-right: 0px;
  width: 844px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tdTableRecruit {
    padding: 2.7% 0% 2.65% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .tdTableRecruit {
    width: 84.4%;
  }
}
@media screen and (max-width: 1279px) {
  .tdTableRecruit {
    font-size: 1.4073494918vw;
  }
}
.tdTableRecruit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.tdTableRecruit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdTableRecruit {
    padding: 0% 0% 9.61% 0%;
    width: 100%;
    display: block;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdTableRecruit {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdTableRecruit::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
  .tdTableRecruit::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
}

.borBnoneRecruit .thTableRecruit {
  border-bottom: none;
}
.borBnoneRecruit .tdTableRecruit {
  border-bottom: none;
}

.bordnoneRecruit .thTableRecruit {
  padding-top: 0px;
  padding-bottom: 51px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .bordnoneRecruit .thTableRecruit {
    padding: 0% 0% 2.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bordnoneRecruit .thTableRecruit {
    padding: 0% 0% 4.71% 1%;
  }
}
.bordnoneRecruit .tdTableRecruit {
  padding-top: 0px;
  padding-bottom: 51px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .bordnoneRecruit .tdTableRecruit {
    padding: 0% 0% 2.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .bordnoneRecruit .tdTableRecruit {
    padding: 0% 0% 9.61% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgcatTopicsFv {
  height: 600px;
  background: url(../img/catTopics/bgcatTopicsFvPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .bgcatTopicsFv {
    height: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .bgcatTopicsFv {
    height: 85.3333333333vw;
    background: url(../img/catTopics/bgcatTopicsFvSp.png) no-repeat top center;
    background-size: cover;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.catTopicsWap {
  margin-top: 110px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .catTopicsWap {
    margin-top: 5.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsWap {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsWap {
    width: 92%;
  }
}

.sidebarCatTopics {
  width: 205px;
}
@media screen and (max-width: 1279px) {
  .sidebarCatTopics {
    width: 16.01%;
  }
}
@media screen and (max-width: 767px) {
  .sidebarCatTopics {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .sidebarCatTopics {
    width: 100%;
  }
}

.h2SidebarCatTopics {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2SidebarCatTopics {
    font-size: 1.7200938233vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SidebarCatTopics {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SidebarCatTopics {
    font-size: 3.7333333333vw;
  }
}

.ulSidebarCatTopics {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 11px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #143287;
  border-top: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .ulSidebarCatTopics {
    margin: 6.82% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .ulSidebarCatTopics {
    padding: 5.36% 0% 6.34% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulSidebarCatTopics {
    margin: 4.99% 0% 0% 0%;
    padding: 3.79% 0% 5.09% 0%;
  }
}

.liSidebarCatTopics {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 1279px) {
  .liSidebarCatTopics {
    margin: 0% 4.87% 0% 4.87%;
  }
}
@media screen and (max-width: 767px) {
  .liSidebarCatTopics {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liSidebarCatTopics {
    margin: 0% 2.89% 0% 2.89%;
  }
}
.liSidebarCatTopics:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 1279px) {
  .liSidebarCatTopics:nth-child(n+2) {
    margin: 7.8% 4.87% 0% 4.87%;
  }
}
@media screen and (max-width: 767px) {
  .liSidebarCatTopics:nth-child(n+2) {
    margin: 2.99% 2.89% 0% 2.89%;
  }
}

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

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

.h2TopicsLoops {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2TopicsLoops {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsLoops {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopicsLoops {
    font-size: 5.3333333333vw;
  }
}

.ulTopicsLoops {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .ulTopicsLoops {
    margin-top: 0.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulTopicsLoops {
    margin-top: 2.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liTopicsLoops {
  padding-top: 62px;
  padding-bottom: 52px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .liTopicsLoops {
    padding: 6.52% 1.57% 5.47% 1.57%;
  }
}
@media screen and (max-width: 767px) {
  .liTopicsLoops {
    padding: 6.95% 2.89% 5.45% 2.89%;
  }
}

.btnTopicsLoops {
  width: 100%;
}

.titleCatTopicsLoops {
  width: 920px;
}
@media screen and (max-width: 1279px) {
  .titleCatTopicsLoops {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .titleCatTopicsLoops {
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleCatTopicsLoops {
    width: 100%;
  }
}

.nowCatTopicsLoops {
  width: 100px;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  aspect-ratio: 100/35;
  font-size: 18px;
  line-height: 0.8;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .nowCatTopicsLoops {
    width: 10.86%;
  }
}
@media screen and (max-width: 1279px) {
  .nowCatTopicsLoops {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .nowCatTopicsLoops {
    width: 64px;
    aspect-ratio: 64/22;
    line-height: 0.8;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .nowCatTopicsLoops {
    width: 19.69%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowCatTopicsLoops {
    font-size: 3.2vw;
  }
}

.nowCatTopicsLoopsblog {
  background: #99CCCC;
}

.nowCatTopicsLoopsnews {
  background: #EB7896;
}

.h3CatTopicsLoops {
  width: 805px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  transform: translate(0%, -5%);
}
@media screen and (max-width: 1279px) {
  .h3CatTopicsLoops {
    width: 87.5%;
  }
}
@media screen and (max-width: 1279px) {
  .h3CatTopicsLoops {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CatTopicsLoops {
    margin-top: 2.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 325px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3CatTopicsLoops {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CatTopicsLoops {
    font-size: 4.2666666667vw;
  }
}

.timeCatTopicsLoops {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .timeCatTopicsLoops {
    margin-top: 0.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .timeCatTopicsLoops {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .timeCatTopicsLoops {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatTopicsLoops {
    margin-top: 1.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeCatTopicsLoops {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.catTopicsPagerWap {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .catTopicsPagerWap {
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsPagerWap {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsPagerWap {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsPagerWap {
    font-size: 4.2666666667vw;
  }
}

.pagerNewsLoop {
  display: flex;
  justify-content: center;
  align-items: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .pagerNewsLoop {
    font-size: 1.8764659891vw;
  }
}
.pagerNewsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.pagerNewsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .pagerNewsLoop {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .pagerNewsLoop {
    font-size: 4.2666666667vw;
  }
}

.wp-pagenavi a,
.wp-pagenavi span {
  border: none;
  padding: 0;
  margin: 0;
  color: #143287;
  font-weight: 500;
  text-decoration: none;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 13px;
  margin-right: 13px;
}
@media screen and (max-width: 1279px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    margin: 0% 1.01% 0% 1.01%;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    margin: 0 2.6666666667vw;
  }
}

.wp-pagenavi span {
  text-decoration: underline;
}

.wp-pagenavi span.current {
  font-weight: normal;
}

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

.timeTopicsSingle {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .timeTopicsSingle {
    font-size: 1.7200938233vw;
  }
}
@media screen and (max-width: 767px) {
  .timeTopicsSingle {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeTopicsSingle {
    font-size: 3.7333333333vw;
  }
}

.h2TopicsSingle {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2TopicsSingle {
    margin-top: 2.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2TopicsSingle {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsSingle {
    margin-top: 10.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopicsSingle {
    font-size: 5.3333333333vw;
  }
}

.catTopicsSingleMain {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain {
    margin-top: 3.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain {
    margin-top: 12.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.catTopicsSingleMain h1 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h1 {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h1 {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain h1 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsSingleMain h1 {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain h1 {
    font-size: 5.3333333333vw;
  }
}
.catTopicsSingleMain h2 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h2 {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h2 {
    font-size: 2.9710711493vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain h2 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsSingleMain h2 {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain h2 {
    font-size: 5.0666666667vw;
  }
}
.catTopicsSingleMain h3 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 36px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h3 {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h3 {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain h3 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsSingleMain h3 {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain h3 {
    font-size: 4.8vw;
  }
}
.catTopicsSingleMain h4 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h4 {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h4 {
    font-size: 2.6583268178vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain h4 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsSingleMain h4 {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain h4 {
    font-size: 4.5333333333vw;
  }
}
.catTopicsSingleMain h5 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h5 {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h5 {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain h5 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsSingleMain h5 {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain h5 {
    font-size: 4.2666666667vw;
  }
}
.catTopicsSingleMain h6 {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h6 {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain h6 {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain h6 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopicsSingleMain h6 {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain h6 {
    font-size: 4vw;
  }
}
.catTopicsSingleMain p {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain p {
    margin-top: 3.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain p {
    font-size: 1.5637216575vw;
  }
}
.catTopicsSingleMain p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.catTopicsSingleMain p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain p {
    margin-top: 8.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopicsSingleMain p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .catTopicsSingleMain p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}
.catTopicsSingleMain img {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .catTopicsSingleMain img {
    margin: 7.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .catTopicsSingleMain img {
    margin: 13.49% 0% 0% 0%;
  }
}
.catTopicsSingleMain img .aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.catTopicsSingleMain img .alignleft {
  float: left;
  margin-left: 0;
  margin-right: auto;
}
.catTopicsSingleMain img .alignright {
  margin-left: auto;
  margin-right: 0;
}

/*ボタン*/
.pagerTopicsMainSingle {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .pagerTopicsMainSingle {
    margin-top: 7.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pagerTopicsMainSingle {
    margin-top: 13.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.pagerTopicsMainSingleLxn {
  width: 358px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .pagerTopicsMainSingleLxn {
    width: 37.68%;
  }
}
@media screen and (max-width: 767px) {
  .pagerTopicsMainSingleLxn {
    width: 301px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .pagerTopicsMainSingleLxn {
    width: 87.24%;
  }
}

.prevSinglePagerWap {
  width: 19px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
}
@media screen and (max-width: 1279px) {
  .prevSinglePagerWap {
    width: 5.3%;
  }
}
@media screen and (max-width: 1279px) {
  .prevSinglePagerWap {
    margin: 0% 5.58% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .prevSinglePagerWap {
    width: 19px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .prevSinglePagerWap {
    width: 6.31%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .prevSinglePagerWap {
    margin: 0% 6.64% 0% 0%;
  }
}

.moreTopicsArchive {
  width: 280px;
}
@media screen and (max-width: 1279px) {
  .moreTopicsArchive {
    width: 78.21%;
  }
}
@media screen and (max-width: 767px) {
  .moreTopicsArchive {
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .moreTopicsArchive {
    width: 73.08%;
  }
}

.btnMoreTopicsArchive {
  aspect-ratio: 280/50;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  width: 100%;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0em;
  background: #EB7896;
}
@media screen and (max-width: 1279px) {
  .btnMoreTopicsArchive {
    font-size: 1.9546520719vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMoreTopicsArchive {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMoreTopicsArchive {
    font-size: 4.2666666667vw;
  }
}

.nextSinglePagerWap {
  width: 19px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .nextSinglePagerWap {
    width: 5.3%;
  }
}
@media screen and (max-width: 1279px) {
  .nextSinglePagerWap {
    margin: 0% 0% 0% 5.58%;
  }
}
@media screen and (max-width: 767px) {
  .nextSinglePagerWap {
    width: 19px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .nextSinglePagerWap {
    width: 6.31%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .nextSinglePagerWap {
    margin: 0% 0% 0% 6.64%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.contactFv {
  height: 600px;
  background: url(../img/contact/bgcontactFvPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .contactFv {
    height: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .contactFv {
    height: 85.3333333333vw;
    background: url(../img/contact/bgcontactFvSp.png) no-repeat top center;
    background-size: cover;
  }
}

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

.iconContactPageTop {
  width: 108px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .iconContactPageTop {
    width: 8.43%;
  }
}
@media screen and (max-width: 767px) {
  .iconContactPageTop {
    width: 60px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconContactPageTop {
    width: 16%;
  }
}
.iconContactPageTop svg {
  width: 100%;
  height: auto;
  display: block;
}

.h2ContactPageTop {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .h2ContactPageTop {
    margin-top: 0.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2ContactPageTop {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ContactPageTop {
    margin-top: 8.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ContactPageTop {
    font-size: 5.3333333333vw;
  }
}

.txtContactPageTop {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .txtContactPageTop {
    margin-top: 2.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtContactPageTop {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactPageTop {
    width: 315px;
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4375;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtContactPageTop {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtContactPageTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactPageTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
  .txtContactPageTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4375) * 0.5em);
    content: "";
  }
}

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

.telContactPageTop {
  font-size: 70px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .telContactPageTop {
    font-size: 5.4730258014vw;
  }
}
@media screen and (max-width: 767px) {
  .telContactPageTop {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telContactPageTop {
    font-size: 8vw;
  }
}

.brdContactPageTop {
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
}
@media screen and (max-width: 1279px) {
  .brdContactPageTop {
    margin-top: 5.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdContactPageTop {
    width: 92%;
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.iconPageContactFormTop {
  width: 108px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .iconPageContactFormTop {
    width: 8.43%;
  }
}
@media screen and (max-width: 767px) {
  .iconPageContactFormTop {
    width: 60px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconPageContactFormTop {
    width: 16%;
  }
}
.iconPageContactFormTop svg {
  width: 100%;
  height: auto;
  display: block;
}

.h2PageContactFormTop {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .h2PageContactFormTop {
    margin-top: 1.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2PageContactFormTop {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PageContactFormTop {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.155em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PageContactFormTop {
    font-size: 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .formCntLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .formCntLxn {
    width: 92%;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.formMainTable {
  width: 100%;
  border-top: 1px solid #143287;
}
@media screen and (max-width: 767px) {
  .formMainTable {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .formMainTable {
    width: 100%;
  }
}

.thFormMainTable {
  padding-top: 33px;
  padding-bottom: 0px;
  padding-left: 33px;
  padding-right: 33px;
  border-bottom: 1px solid #143287;
  width: 319px;
  vertical-align: top;
}
@media screen and (max-width: 1279px) {
  .thFormMainTable {
    padding: 2.57% 2.57% 0% 2.57%;
  }
}
@media screen and (max-width: 1279px) {
  .thFormMainTable {
    width: 24.92%;
  }
}
@media screen and (max-width: 767px) {
  .thFormMainTable {
    display: block;
    padding: 3.84% 9.56% 3.79% 4.34%;
    width: 345px;
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thFormMainTable {
    width: 100%;
  }
}

.thFormMainTableFx {
  width: 100%;
}

.h3FormMainTableFx {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1279px) {
  .h3FormMainTableFx {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FormMainTableFx {
    line-height: normal;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FormMainTableFx {
    font-size: 4.2666666667vw;
  }
}

.iconFormMainTableFx {
  width: 60px;
  aspect-ratio: 60/28;
  font-size: 18px;
  line-height: 0.8333333333;
  letter-spacing: 0.1em;
  border-radius: 2px;
  /* CSS3草案 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 41px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .iconFormMainTableFx {
    width: 18.8%;
  }
}
@media screen and (max-width: 1279px) {
  .iconFormMainTableFx {
    font-size: 1.4073494918vw;
  }
}
.iconFormMainTableFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
.iconFormMainTableFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .iconFormMainTableFx {
    margin: 0% 0% 0% 12.85%;
  }
}
@media screen and (max-width: 767px) {
  .iconFormMainTableFx {
    width: 15.53%;
    aspect-ratio: 48/22;
    line-height: 0.7142857143;
    letter-spacing: 0.1em;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
    margin: 0% 0% 0% 6.07%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconFormMainTableFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .iconFormMainTableFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.7142857143) * 0.5em);
    content: "";
  }
  .iconFormMainTableFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.7142857143) * 0.5em);
    content: "";
  }
}

.tdFormMainTable {
  border-bottom: 1px solid #143287;
  width: 961px;
  padding-top: 45px;
  padding-bottom: 43px;
  padding-left: 33px;
  padding-right: 33px;
}
@media screen and (max-width: 1279px) {
  .tdFormMainTable {
    width: 75.07%;
  }
}
@media screen and (max-width: 1279px) {
  .tdFormMainTable {
    padding: 3.51% 2.57% 3.35% 2.57%;
  }
}
@media screen and (max-width: 767px) {
  .tdFormMainTable {
    display: block;
    padding-top: 27px;
    padding-bottom: 26px;
    padding-left: 15px;
    padding-right: 15px;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tdFormMainTable {
    padding: 7.82% 4.34% 7.53% 4.34%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tdFormMainTable {
    width: 100%;
  }
}

.inputW100 {
  width: 100%;
  border: 1px solid #B3B3B3;
  aspect-ratio: 895/37;
  font-size: 18px;
  line-height: 0.8333333333;
  letter-spacing: 0.1em;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    font-size: 1.4073494918vw;
  }
}
.inputW100::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
.inputW100::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    padding: 0% 1.24% 0.52% 1.24%;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    aspect-ratio: 315/37;
    line-height: 1;
    letter-spacing: 0em;
    padding: 2.44% 4.44% 2.12% 4.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .inputW100::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtW100 {
  width: 100%;
  border: 1px solid #B3B3B3;
  font-size: 18px;
  /* line-height: 0.83333333333; */
  letter-spacing: 0.1em;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
  height: 211px;
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    font-size: 1.4073494918vw;
  }
}
.txtW100::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
.txtW100::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    padding: 0.83% 1.24% 0.52% 1.24%;
  }
}
@media screen and (max-width: 767px) {
  .txtW100 {
    height: 147px;
    line-height: 1;
    letter-spacing: 0em;
    padding: 3.44% 4.44% 3.12% 4.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtW100 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtW100::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtW100::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnToConfirmLxn {
  margin-top: 110px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    margin-top: 8.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirmLxn {
    margin-top: 14.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 62.66%;
  }
}

.btnToConfirm {
  width: 100%;
  border: none;
  aspect-ratio: 480/70;
  font-size: 25px;
  line-height: 0.8;
  letter-spacing: 0em;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  cursor: pointer;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .btnToConfirm {
    font-size: 1.9546520719vw;
  }
}
.btnToConfirm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8) * 0.5em);
  content: "";
}
.btnToConfirm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnToConfirm {
    aspect-ratio: 220/40;
    line-height: 0.75;
    letter-spacing: 0em;
    border-radius: 35px;
    /* CSS3草案 */
    -webkit-border-radius: 35px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 35px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToConfirm {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
  .btnToConfirm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
.btnToConfirm:hover {
  opacity: 0.6;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.thisPageConfirmLxn .formLxn {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .formLxn {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .formLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .formLxn {
    width: 100%;
  }
}

.thisPageConfirmLxn .formMainTable {
  width: 100%;
  border-top: none;
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .formMainTable {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .formMainTable {
    width: 100%;
  }
}

.thisPageConfirmLxn .thFormMainTable {
  padding-top: 43px;
  padding-bottom: 49px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: none;
  width: 331px;
  vertical-align: top;
  background: none;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .thFormMainTable {
    padding: 4.29% 0% 4.9% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .thFormMainTable {
    width: 33.1%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .thFormMainTable {
    display: block;
    padding: 1.5% 0% 0% 0%;
    width: 345px;
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .thFormMainTable {
    width: 100%;
  }
}

.thisPageConfirmLxn .iconFormMainTableFx {
  width: 60px;
  aspect-ratio: 60/28;
  font-size: 18px;
  line-height: 0.8333333333;
  letter-spacing: 0.1em;
  border-radius: 2px;
  /* CSS3草案 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 41px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .iconFormMainTableFx {
    width: 18.12%;
  }
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .iconFormMainTableFx {
    font-size: 1.4073494918vw;
  }
}
.thisPageConfirmLxn .iconFormMainTableFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
.thisPageConfirmLxn .iconFormMainTableFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .iconFormMainTableFx {
    margin: 0% 0% 0% 12.85%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .iconFormMainTableFx {
    width: 14.23%;
    aspect-ratio: 48/22;
    line-height: 0.7142857143;
    letter-spacing: 0.1em;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 41px;
    margin-right: 0px;
    transform: translate(-1%, 9%);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirmLxn .iconFormMainTableFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .iconFormMainTableFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.7142857143) * 0.5em);
    content: "";
  }
  .thisPageConfirmLxn .iconFormMainTableFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.7142857143) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .iconFormMainTableFx {
    margin: 0% 0% 0% 13.01%;
  }
}

.thisPageConfirmLxn .tdFormMainTable {
  border-bottom: none;
  width: 669px;
  padding-top: 44px;
  padding-bottom: 56px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .tdFormMainTable {
    width: 66.9%;
  }
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .tdFormMainTable {
    padding: 4.4% 0% 5.6% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .tdFormMainTable {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .tdFormMainTable {
    display: block;
    padding: 4.34% 0% 8.24% 0%;
    width: 345px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .tdFormMainTable {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirmLxn .tdFormMainTable {
    font-size: 3.7333333333vw;
  }
}

.thisPageConfirmLxn .btnToConfirmLxn {
  display: none;
  margin: auto;
}

.thisPageConfirmLxn .toThankBackLxn {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .toThankBackLxn {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .toThankBackLxn {
    margin-top: 4.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .toThankBackLxn {
    width: 63.76%;
  }
}

.thisPageConfirmLxn .btnBackLxn {
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .btnBackLxn {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .btnBackLxn {
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .btnBackLxn {
    width: 100%;
  }
}

.thisPageConfirmLxn .btnBack {
  width: 100%;
  border: none;
  aspect-ratio: 480/70;
  font-size: 25px;
  line-height: 0.8;
  letter-spacing: 0em;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  cursor: pointer;
  border: 1px solid #EB7896;
  color: #EB7896;
  cursor: pointer;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .btnBack {
    font-size: 1.9546520719vw;
  }
}
.thisPageConfirmLxn .btnBack::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8) * 0.5em);
  content: "";
}
.thisPageConfirmLxn .btnBack::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .btnBack {
    aspect-ratio: 220/40;
    line-height: 0.75;
    letter-spacing: 0em;
    border-radius: 35px;
    /* CSS3草案 */
    -webkit-border-radius: 35px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 35px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirmLxn .btnBack {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .btnBack::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
  .thisPageConfirmLxn .btnBack::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
.thisPageConfirmLxn .btnBack:hover {
  opacity: 0.6;
}

.thisPageConfirmLxn .btnToThanksLxn {
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .btnToThanksLxn {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .btnToThanksLxn {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfirmLxn .btnToThanksLxn {
    margin-top: 6.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.thisPageConfirmLxn .btnToThanks {
  width: 100%;
  border: none;
  aspect-ratio: 480/70;
  font-size: 25px;
  line-height: 0.8;
  letter-spacing: 0em;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  cursor: pointer;
  border: 1px solid #EB7896;
  color: #FFF;
  cursor: pointer;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirmLxn .btnToThanks {
    font-size: 1.9546520719vw;
  }
}
.thisPageConfirmLxn .btnToThanks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8) * 0.5em);
  content: "";
}
.thisPageConfirmLxn .btnToThanks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .btnToThanks {
    aspect-ratio: 220/40;
    line-height: 0.75;
    letter-spacing: 0em;
    border-radius: 35px;
    /* CSS3草案 */
    -webkit-border-radius: 35px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 35px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirmLxn .btnToThanks {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirmLxn .btnToThanks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
  .thisPageConfirmLxn .btnToThanks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}
.thisPageConfirmLxn .btnToThanks:hover {
  opacity: 0.6;
}

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

.secThanksPages {
  border: 1px solid #143287;
  padding-top: 81px;
  padding-bottom: 98px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secThanksPages {
    padding: 6.32% 0% 7.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secThanksPages {
    margin: auto;
    width: 345px;
    padding: 11.33% 0% 14.03% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secThanksPages {
    width: 92%;
  }
}

.h1ThanksPages {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h1ThanksPages {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h1ThanksPages {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1ThanksPages {
    font-size: 5.3333333333vw;
  }
}

.txtThanksPages {
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: 2.2;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtThanksPages {
    margin-top: 5.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtThanksPages {
    font-size: 1.9546520719vw;
  }
}
.txtThanksPages::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.2) * 0.5em);
  content: "";
}
.txtThanksPages::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtThanksPages {
    margin-top: 10.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 315px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtThanksPages {
    width: 91.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksPages {
    font-size: 3.7333333333vw;
  }
}

.btnToTopBtmWap {
  width: 480px;
  margin-top: 109px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .btnToTopBtmWap {
    width: 37.5%;
  }
}
@media screen and (max-width: 1279px) {
  .btnToTopBtmWap {
    margin-top: 8.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnToTopBtmWap {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToTopBtmWap {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToTopBtmWap {
    width: 58.66%;
  }
}

.btnToTopBtm {
  width: 100%;
  border: none;
  aspect-ratio: 480/70;
  font-size: 25px;
  line-height: 0.8;
  letter-spacing: 0em;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  cursor: pointer;
  border: 1px solid #EB7896;
  color: #FFF;
}
@media screen and (max-width: 1279px) {
  .btnToTopBtm {
    font-size: 1.9546520719vw;
  }
}
.btnToTopBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8) * 0.5em);
  content: "";
}
.btnToTopBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnToTopBtm {
    aspect-ratio: 220/40;
    line-height: 0.75;
    letter-spacing: 0em;
    border-radius: 35px;
    /* CSS3草案 */
    -webkit-border-radius: 35px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 35px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToTopBtm {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToTopBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 0.75) * 0.5em);
    content: "";
  }
  .btnToTopBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 0.75) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgfacilitiesFv {
  height: 600px;
  background: url(../img/facilities/bgfacilitiesFvPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .bgfacilitiesFv {
    height: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .bgfacilitiesFv {
    height: 85.3333333333vw;
    background: url(../img/facilities/bgfacilitiesFvSp.png) no-repeat top center;
    background-size: cover;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.catFacilities {
  margin-top: 123px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .catFacilities {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .catFacilities {
    margin-top: 5.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catFacilities {
    width: 92%;
  }
}

.secCatFacilities {
  width: 380px;
  margin: auto;
  border: 1px solid #143287;
  aspect-ratio: 380/70;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secCatFacilities {
    width: 29.68%;
  }
}
@media screen and (max-width: 1279px) {
  .secCatFacilities {
    padding: 0.15% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secCatFacilities {
    width: 63%;
    aspect-ratio: 215/47;
    padding: 2.15% 0% 0% 0%;
  }
}

.h2CatFacilities {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1279px) {
  .h2CatFacilities {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CatFacilities {
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CatFacilities {
    font-size: 5.3333333333vw;
  }
}

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

.liCatFacilities {
  width: 393px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FAF05F;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liCatFacilities {
    width: 30.7%;
  }
}
@media screen and (max-width: 1279px) {
  .liCatFacilities {
    margin: 0% 3.9% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liCatFacilities {
    padding: 2.34% 0% 2.34% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCatFacilities {
    width: 345px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 20px;
    padding-bottom: 35px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCatFacilities {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCatFacilities {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCatFacilities {
    padding: 5.79% 0% 10.14% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCatFacilities:nth-child(n+2) {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCatFacilities:nth-child(n+2) {
    margin: 14.49% 0% 0% 0%;
  }
}
.liCatFacilities:nth-child(n+4) {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 50px;
}
@media screen and (max-width: 1279px) {
  .liCatFacilities:nth-child(n+4) {
    margin: 3.9% 3.9% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCatFacilities:nth-child(n+4) {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCatFacilities:nth-child(n+4) {
    margin: 14.49% 0% 0% 0%;
  }
}
.liCatFacilities:nth-child(3n) {
  margin-right: 0;
}

.liCatFacilitiesLxn {
  width: 334px;
  margin: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1279px) {
  .liCatFacilitiesLxn {
    width: 84.98%;
  }
}
@media screen and (max-width: 767px) {
  .liCatFacilitiesLxn {
    width: 305px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCatFacilitiesLxn {
    width: 88.4%;
  }
}

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

.h2CatFacilitiesLxn {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h2CatFacilitiesLxn {
    margin-top: 5.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2CatFacilitiesLxn {
    font-size: 1.7200938233vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CatFacilitiesLxn {
    margin-top: 4.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CatFacilitiesLxn {
    font-size: 3.7333333333vw;
  }
}

.h3CatFacilitiesLxn {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h3CatFacilitiesLxn {
    margin-top: 0.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3CatFacilitiesLxn {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CatFacilitiesLxn {
    margin-top: -1.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CatFacilitiesLxn {
    font-size: 5.3333333333vw;
  }
}

.h4CatFacilitiesLxn {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h4CatFacilitiesLxn {
    margin: 3.59% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4CatFacilitiesLxn {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CatFacilitiesLxn {
    margin-top: 11.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5714285714;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4CatFacilitiesLxn {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CatFacilitiesLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h4CatFacilitiesLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.txtCatFacilitiesLxn {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtCatFacilitiesLxn {
    margin: 8.98% 0% 8.98% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtCatFacilitiesLxn {
    font-size: 1.3291634089vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCatFacilitiesLxn {
    margin: 7.83% 0% 9.83% 0%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCatFacilitiesLxn {
    font-size: 3.2vw;
  }
}

.btnCatFacilitiesWap {
  margin-top: auto;
  width: 334px;
}
@media screen and (max-width: 1279px) {
  .btnCatFacilitiesWap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .btnCatFacilitiesWap {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnCatFacilitiesWap {
    width: 72.13%;
  }
}

.btnCatFacilities {
  aspect-ratio: 334/45;
  border-radius: 35px;
  /* CSS3草案 */
  -webkit-border-radius: 35px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 35px;
  /* Firefox用 */
  border: 1px solid #EB7896;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .btnCatFacilities {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCatFacilities {
    aspect-ratio: 220/40;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCatFacilities {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.singleFacilities {
  margin-top: 262px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .singleFacilities {
    margin-top: 13.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleFacilities {
    margin-top: 18.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .singleFacilities {
    width: 92%;
  }
}

.secSingleFacilitiesTop {
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .secSingleFacilitiesTop {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleFacilitiesTop {
    width: 100%;
  }
}

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

.h2SingleFacilitiesTop {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-height: 1.425;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2SingleFacilitiesTop {
    margin-top: 5.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2SingleFacilitiesTop {
    font-size: 3.1274433151vw;
  }
}
.h2SingleFacilitiesTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.425) * 0.5em);
  content: "";
}
.h2SingleFacilitiesTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.425) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2SingleFacilitiesTop {
    margin-top: 2.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SingleFacilitiesTop {
    font-size: 6.4vw;
  }
}

.txtSingleFacilitiesTop {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtSingleFacilitiesTop {
    margin-top: 12.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtSingleFacilitiesTop {
    font-size: 1.4073494918vw;
  }
}
.txtSingleFacilitiesTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.txtSingleFacilitiesTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSingleFacilitiesTop {
    margin-top: 27.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSingleFacilitiesTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleFacilitiesTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtSingleFacilitiesTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.txtSingleFacilitiesBtm {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtSingleFacilitiesBtm {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtSingleFacilitiesBtm {
    font-size: 1.4073494918vw;
  }
}
.txtSingleFacilitiesBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtSingleFacilitiesBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSingleFacilitiesBtm {
    margin-top: 11.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSingleFacilitiesBtm {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleFacilitiesBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtSingleFacilitiesBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

/*右カラム*/
.photosSingleFacilitiesTop {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 660px;
}
@media screen and (max-width: 1279px) {
  .photosSingleFacilitiesTop {
    margin: 0.78% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .photosSingleFacilitiesTop {
    width: 51.56%;
  }
}
@media screen and (max-width: 767px) {
  .photosSingleFacilitiesTop {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photosSingleFacilitiesTop {
    margin-top: 14.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.subPhotosSingleFacilitiesTop {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  width: 311px;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .subPhotosSingleFacilitiesTop {
    margin: 5.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .subPhotosSingleFacilitiesTop {
    width: 47.12%;
  }
}
@media screen and (max-width: 767px) {
  .subPhotosSingleFacilitiesTop {
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 165px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .subPhotosSingleFacilitiesTop {
    margin: 4.34% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .subPhotosSingleFacilitiesTop {
    width: 47.82%;
  }
}

/*テーブル*/
.tableSingleFacilitiesLxn {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .tableSingleFacilitiesLxn {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableSingleFacilitiesLxn {
    margin-top: 70px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableSingleFacilitiesLxn {
    margin-top: 20.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tableSingleFacilities {
  border-top: 1px solid #143287;
}
@media screen and (max-width: 767px) {
  .tableSingleFacilities {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .tableSingleFacilities tr,
  .tableSingleFacilities tbody {
    display: block;
    width: 100%;
  }
}

.thSingleFacilities {
  padding-top: 53px;
  padding-bottom: 53px;
  padding-left: 0px;
  padding-right: 0px;
  width: 250px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 1279px) {
  .thSingleFacilities {
    padding: 4.14% 0% 4.14% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .thSingleFacilities {
    width: 19.53%;
  }
}
@media screen and (max-width: 1279px) {
  .thSingleFacilities {
    font-size: 1.4073494918vw;
  }
}
.thSingleFacilities::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.thSingleFacilities::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thSingleFacilities {
    padding: 7.69% 0% 7.69% 0%;
    width: 100%;
    display: block;
    line-height: 1.7857142857;
    letter-spacing: 0.05em;
    border: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thSingleFacilities {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .thSingleFacilities::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .thSingleFacilities::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.tdSingleFacilities {
  padding-top: 53px;
  padding-bottom: 53px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1031px;
  font-size: 18px;
  line-height: 2.1111111111;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #143287;
}
@media screen and (max-width: 1279px) {
  .tdSingleFacilities {
    padding: 4.14% 0% 4.14% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .tdSingleFacilities {
    width: 80.54%;
  }
}
@media screen and (max-width: 1279px) {
  .tdSingleFacilities {
    font-size: 1.4073494918vw;
  }
}
.tdSingleFacilities::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
.tdSingleFacilities::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdSingleFacilities {
    padding: 0% 0% 8.09% 0%;
    width: 100%;
    display: block;
    line-height: 1.7857142857;
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdSingleFacilities {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdSingleFacilities::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .tdSingleFacilities::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

/*マップ*/
.ggmapSingleFacilitiesLxn {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1000/400;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .ggmapSingleFacilitiesLxn {
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ggmapSingleFacilitiesLxn {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .ggmapSingleFacilitiesLxn {
    margin-top: 70px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    aspect-ratio: 345/200;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ggmapSingleFacilitiesLxn {
    margin-top: 20.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

/* ==========================================================================
Component
========================================================================== */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:33:59
    Author     : SPG-1105
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:34:06
    Author     : SPG-1105
*/
.bg_EB7897 {
  background: #EB7897;
}

.bg_143287 {
  background: #143287;
}

.bg_EB7896 {
  background: #EB7896;
}

.bg_fff {
  background: #fff;
}

.bg_fff_09 {
  background: rgba(240, 240, 240, 0.9);
}

.bg_F5F5F0 {
  background: #F5F5F0;
}

.bg_F5F5F0 {
  background: #F5F5F0;
}

.cl_fff {
  color: #fff;
}

.cl_EB7896 {
  color: #EB7896;
}

.cl_143287 {
  color: #143287;
}

.cl_EB7897 {
  color: #EB7897;
}

.undernone {
  text-decoration: none;
}

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

.t_right {
  text-align: right;
}

.t_left {
  text-align: left;
}

.v_middle {
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.listcntmainasu .moveList1 {
  opacity: 0;
}

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

.listcntmainasu .moveList2 {
  opacity: 0;
}

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

.listcntmainasu .moveList3 {
  opacity: 0;
}

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

.listcntmainasu .moveList4 {
  opacity: 0;
}

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

.listcntmainasu .moveList5 {
  opacity: 0;
}

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

.listcntmainasu .moveList6 {
  opacity: 0;
}

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

.listcntmainasu .moveList7 {
  opacity: 0;
}

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

.listcntmainasu .moveList8 {
  opacity: 0;
}

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

.listcntmainasu .moveList9 {
  opacity: 0;
}

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

.listcntmainasu .moveList10 {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

ul.bxslider {
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lightbox a img {
  border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}/*# sourceMappingURL=common.css.map */