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

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

/* ==========================================================================
Rules
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
breakPoint
========================================================================== */
/* ==========================================================================
_wapSettings
========================================================================== */
/* ==========================================================================
_widthSettings
========================================================================== */
/* ==========================================================================
_heightSettings
========================================================================== */
/* ==========================================================================
_positionSettings
========================================================================== */
/* ==========================================================================
borderRadius
========================================================================== */
/* ==========================================================================
_marginSettings
========================================================================== */
/* ==========================================================================
_paddingSettings
========================================================================== */
/* ==========================================================================
fonts
========================================================================== */
/* ==========================================================================
_lineHeight
========================================================================== */
/* ==========================================================================
_letterspace
========================================================================== */
/* ==========================================================================
ボタンタイプ
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
body {
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  animation: fadeIn 0.5s ease forwards;
  animation-delay: 0.05s;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
body img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body img {
    width: 100%;
  }
}

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

svg {
  display: block;
}

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

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

.inWap {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .inWap {
    width: 93.75%;
  }
}
@media screen and (max-width: 1279px) {
  .inWap {
    width: 1200px;
  }
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .inWap {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .inWap {
    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.75;
}

.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: "Noto Sans JP", sans-serif;
  color: #323232;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 500;
}

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

.t_center {
  text-align: center;
}

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

.entitle {
  font-family: "Red Hat Text", sans-serif;
}

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

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerPcFx {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .headerPcFx {
    padding: 0.78% 1.04% 0.78% 1.04%;
  }
}

.logoHeaderPc {
  width: 256px;
}
@media screen and (max-width: 1200px) {
  .logoHeaderPc {
    width: 256px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1279px) {
  .logoHeaderPc {
    width: 21.33%;
  }
}

.navHeaderPcNav {
  width: 873px;
}
@media screen and (max-width: 1200px) {
  .navHeaderPcNav {
    width: 71%;
  }
}

.ulHeaderPcMainNav {
  width: 368px;
}
@media screen and (max-width: 1279px) {
  .ulHeaderPcMainNav {
    width: 42.15%;
  }
}

.liHeaderMainNav {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 41px;
}
@media screen and (max-width: 1279px) {
  .liHeaderMainNav {
    margin: 0% 11.32% 0% 0%;
  }
}
.liHeaderMainNav:last-child {
  margin: 0;
}

.btnHeaderPcMainNav {
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .btnHeaderPcMainNav {
    font-size: 1.1727912432vw;
  }
}

.navHeaderPcNav .btnHeaderPcMainNav:hover {
  opacity: 1;
  color: #003ACD;
}

.ulHeaderPcSubNav {
  width: 470px;
}
@media screen and (max-width: 1279px) {
  .ulHeaderPcSubNav {
    width: 53.83%;
  }
}

.liHeaderPcSubNav {
  width: 230px;
}
@media screen and (max-width: 1279px) {
  .liHeaderPcSubNav {
    width: 48.93%;
  }
}

.btnHeaderPcSubNav {
  width: 100%;
  aspect-ratio: 230/46;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  display: inline-block;
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
}

.btnHeaderPcSubNav:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnHeaderPcSubNavBlue {
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
}
.btnHeaderPcSubNavBlue:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnHeaderPcSubNavOrange {
  background-image: linear-gradient(90deg, #FFAC00, #F28100, #FF8800, #F2C100);
}
.btnHeaderPcSubNavOrange:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnHeaderPcSubNavIn {
  position: relative;
  height: 100%;
}

.txtBtnHeaderPcSubNavIn {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0.08em;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .txtBtnHeaderPcSubNavIn {
    font-size: 1.0164190774vw;
  }
}
.txtBtnHeaderPcSubNavIn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
.txtBtnHeaderPcSubNavIn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}

.svgBtnHeaderPcSubNavIn {
  width: 16px;
  position: absolute;
  right: 9%;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .svgBtnHeaderPcSubNavIn {
    width: 6.95%;
  }
}
.svgBtnHeaderPcSubNavIn svg {
  margin: auto;
  height: 100%;
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.base_header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  transition-duration: 0.5s;
  background-size: 100% 0%;
}

.base_header.on {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(7px);
  background-size: 100% 100%;
}

.headerSp {
  position: relative;
}

.headerSp.on {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(7px);
}

.headerSPTop {
  padding: 0.4% 0% 0.5% 2.66%;
}

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

.menuHeaderSp {
  width: 52px;
}
@media screen and (max-width: 1279px) {
  .menuHeaderSp {
    width: 13.86%;
  }
}

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

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

.gnavMenuSp {
  padding: 12.66% 0% 26.93% 0%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(7px);
  position: absolute;
  height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
}
.gnavMenuSp::-webkit-scrollbar {
  display: none;
}

.gnavMenuSpLxn {
  width: 271px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .gnavMenuSpLxn {
    width: 72.26%;
  }
}

.liNavGnavMenuSPTop:nth-child(n+2) {
  margin: 10% 0% 0% 0%;
}

.btnNavGnavMenuSPTop {
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .btnNavGnavMenuSPTop {
    font-size: 3.4666666667vw;
  }
}

.iconNavGnavMenuSPTo {
  width: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
}
@media screen and (max-width: 1279px) {
  .iconNavGnavMenuSPTo {
    width: 5.9%;
  }
}
@media screen and (max-width: 1279px) {
  .iconNavGnavMenuSPTo {
    margin: 0% 3.69% 0% 0%;
  }
}

.btntxtNavGnavMenuSPTop {
  width: 245px;
}
@media screen and (max-width: 1279px) {
  .btntxtNavGnavMenuSPTop {
    width: 90.4%;
  }
}

.brdNavGnavMenuSP {
  margin-top: 14%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 100%;
  background: #C5C5C5;
}

.txtGnavMenuSSpta {
  margin-top: 12.76%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .txtGnavMenuSSpta {
    font-size: 4vw;
  }
}

.ulHeaderSpSubNav {
  margin-top: 7%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
}

.liHeaderSpSubNav {
  width: 271px;
}
@media screen and (max-width: 1279px) {
  .liHeaderSpSubNav {
    width: 100%;
  }
}
.liHeaderSpSubNav:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liHeaderSpSubNav:nth-child(n+2) {
    margin-top: 5.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnHeaderSpSubNav {
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  display: inline-block;
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  aspect-ratio: 271/58;
}

.btnHeaderSpSubNav:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnHeaderSpSubNavBlue {
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
}
.btnHeaderSpSubNavBlue:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnHeaderSpSubNavOrange {
  background-image: linear-gradient(90deg, #FFAC00, #F28100, #FF8800, #F2C100);
}
.btnHeaderSpSubNavOrange:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnHeaderSpSubNavIn {
  position: relative;
  height: 100%;
}

.txtBtnHeaderSpSubNavIn {
  line-height: normal;
  letter-spacing: 0.04em;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .txtBtnHeaderSpSubNavIn {
    font-size: 3.7333333333vw;
  }
}

.svgBtnHeaderSpSubNavIn {
  width: 16px;
  position: absolute;
  right: 10%;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .svgBtnHeaderSpSubNavIn {
    width: 5.9%;
  }
}
@media screen and (max-width: 767px) {
  .svgBtnHeaderSpSubNavIn {
    right: 7%;
  }
}
.svgBtnHeaderSpSubNavIn svg {
  margin: auto;
  height: 100%;
  width: 100%;
}

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

.txtInfoCopoHeaderSp {
  margin-top: 13.5%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .txtInfoCopoHeaderSp {
    font-size: 3.2vw;
  }
}

.txtInfoCopoHeaderSpLast {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtInfoCopoHeaderSpLast {
    margin-top: 8.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoCopoHeaderSpLast {
    font-size: 3.2vw;
  }
}

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

@media screen and (max-width: 767px) {
  .footerFx {
    width: 271px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footerFx {
    width: 72.26%;
  }
}

.logoFooterArea {
  width: 520px;
}
@media screen and (max-width: 1279px) {
  .logoFooterArea {
    width: 43.33%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooterArea {
    width: 271px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .logoFooterArea {
    width: 100%;
  }
}

.logoFooterAreaImg {
  width: 217px;
}
@media screen and (max-width: 1279px) {
  .logoFooterAreaImg {
    width: 41.73%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooterAreaImg {
    width: 217px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .logoFooterAreaImg {
    width: 80.07%;
  }
}

.secLogoFooter {
  width: 273px;
}
@media screen and (max-width: 1279px) {
  .secLogoFooter {
    width: 52.5%;
  }
}
@media screen and (max-width: 767px) {
  .secLogoFooter {
    margin-top: 14.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secLogoFooter {
    width: 100%;
  }
}

.iconLogoFooter {
  width: 24px;
}
@media screen and (max-width: 1279px) {
  .iconLogoFooter {
    width: 8.79%;
  }
}
@media screen and (max-width: 767px) {
  .iconLogoFooter {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLogoFooter {
    width: 7.38%;
  }
}

.txtLogoFooter {
  width: 239px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLogoFooter {
    width: 87.54%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLogoFooter {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLogoFooter {
    width: 241px;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLogoFooter {
    width: 88.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLogoFooter {
    font-size: 3.2vw;
  }
}

.brdLogoFooter {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
}
@media screen and (max-width: 1279px) {
  .brdLogoFooter {
    margin-top: 5.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdLogoFooter {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.liLogoFooter:nth-child(n+2) {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liLogoFooter:nth-child(n+2) {
    margin-top: 1.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liLogoFooter:nth-child(n+2) {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }
}

.iconLiLogoFooter {
  width: 24px;
}
@media screen and (max-width: 1279px) {
  .iconLiLogoFooter {
    width: 4.61%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiLogoFooter {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiLogoFooter {
    width: 7.38%;
  }
}

.txtLiLogoFooter {
  width: 486px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiLogoFooter {
    width: 93.46%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiLogoFooter {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiLogoFooter {
    width: 241px;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtLiLogoFooter {
    width: 88.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiLogoFooter {
    font-size: 3.2vw;
  }
}

.navFooter {
  width: 311px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .navFooter {
    width: 25.91%;
  }
}
@media screen and (max-width: 767px) {
  .navFooter {
    width: 271px;
    margin-top: 23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .navFooter {
    width: 100%;
  }
}

.liNavFooter:nth-child(2n-1) {
  width: 120px;
}
@media screen and (max-width: 1279px) {
  .liNavFooter:nth-child(2n-1) {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .liNavFooter:nth-child(2n-1) {
    width: 110px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liNavFooter:nth-child(2n-1) {
    width: 40.59%;
  }
}
.liNavFooter:nth-child(2n) {
  width: 170px;
}
@media screen and (max-width: 1279px) {
  .liNavFooter:nth-child(2n) {
    width: 56.66%;
  }
}
@media screen and (max-width: 767px) {
  .liNavFooter:nth-child(2n) {
    width: 151px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liNavFooter:nth-child(2n) {
    width: 55.71%;
  }
}
.liNavFooter:nth-child(n+3) {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liNavFooter:nth-child(n+3) {
    margin: 3.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavFooter:nth-child(n+3) {
    margin: 5.5% 0% 0% 0%;
  }
}

.btnHeaderPcMainNav {
  color: #fff;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .btnHeaderPcMainNav {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .btnHeaderPcMainNav {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnHeaderPcMainNav {
    font-size: 3.2vw;
  }
}

.secFooterCta {
  width: 270px;
  margin: 0.3% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .secFooterCta {
    width: 22.5%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterCta {
    width: 271px;
    margin: 17.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secFooterCta {
    width: 100%;
  }
}

.h2FooterCta {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2FooterCta {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FooterCta {
    width: 271px;
    text-align: center;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2FooterCta {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FooterCta {
    font-size: 4vw;
  }
}

.btnFooterCtalxn {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 260px;
}
@media screen and (max-width: 1279px) {
  .btnFooterCtalxn {
    margin: 8.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .btnFooterCtalxn {
    width: 96.29%;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterCtalxn {
    width: 271px;
    margin-top: 9.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnFooterCtalxn {
    width: 100%;
  }
}

.btnFooterCta {
  aspect-ratio: 260/50;
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  background-position: 0% 50%;
  background-size: 300% auto;
  transition: all 0.3s ease-out;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
}
@media screen and (max-width: 767px) {
  .btnFooterCta {
    aspect-ratio: 271/46;
  }
}
.btnFooterCta:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnFooterCtaIn {
  width: 219px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .btnFooterCtaIn {
    width: 84.23%;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterCtaIn {
    width: 84.91%;
  }
}

.txtBtnFooterCtaIn {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.04em;
  width: 195px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  text-align: right;
}
@media screen and (max-width: 1279px) {
  .txtBtnFooterCtaIn {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnFooterCtaIn {
    width: 89.04%;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnFooterCtaIn {
    margin: 0% 3.07% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnFooterCtaIn {
    width: 187px;
    line-height: normal;
    letter-spacing: 0.04em;
    margin: 0% 7.55% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtBtnFooterCtaIn {
    width: 84.23%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnFooterCtaIn {
    font-size: 3.7333333333vw;
  }
}

.svgBtnFooterCtaIn {
  width: 16px;
}
@media screen and (max-width: 1279px) {
  .svgBtnFooterCtaIn {
    width: 7.3%;
  }
}
@media screen and (max-width: 767px) {
  .svgBtnFooterCtaIn {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .svgBtnFooterCtaIn {
    width: 7.2%;
  }
}

.brdFooter {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
}
@media screen and (max-width: 1279px) {
  .brdFooter {
    margin-top: 1.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdFooter {
    margin-top: 56px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdFooter {
    margin-top: 14.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtCopyFooter {
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.06em;
  text-align: right;
}
@media screen and (max-width: 1279px) {
  .txtCopyFooter {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCopyFooter {
    line-height: normal;
    letter-spacing: 0.08em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCopyFooter {
    font-size: 2.6666666667vw;
  }
}

.toPageTop {
  width: 60px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1279px) {
  .toPageTop {
    width: 60px;
  }
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .toPageTop {
    width: 4.68%;
  }
}

.spFixedMenu {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.spFixedMenuFx {
  width: 100%;
}

.spFixedMenuFx01 {
  width: 165px;
  aspect-ratio: 165/45;
  background: #2A9AFE;
}
@media screen and (max-width: 1279px) {
  .spFixedMenuFx01 {
    width: 44%;
  }
}
.spFixedMenuFx01:hover {
  opacity: 1;
}

.txtFixedMenuFx01 {
  line-height: 150%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .txtFixedMenuFx01 {
    font-size: 2.9333333333vw;
  }
}

.iconFixedMenuFx01 {
  width: 14px;
  margin: 0% 0% 0% 2.8%;
}
@media screen and (max-width: 1279px) {
  .iconFixedMenuFx01 {
    width: 8.48%;
  }
}

.spFixedMenuFx02 {
  width: 165px;
  aspect-ratio: 165/45;
  background: #FA9C01;
  padding: 0 0 0 2.5%;
}
@media screen and (max-width: 1279px) {
  .spFixedMenuFx02 {
    width: 44%;
  }
}
.spFixedMenuFx02:hover {
  opacity: 1;
}

.txtFixedMenuFx02 {
  line-height: 150%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .txtFixedMenuFx02 {
    font-size: 2.9333333333vw;
  }
}

.iconFixedMenuFx02 {
  width: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 0px;
  transform: translate(10%, 0);
}
@media screen and (max-width: 1279px) {
  .iconFixedMenuFx02 {
    width: 8.48%;
  }
}
@media screen and (max-width: 1279px) {
  .iconFixedMenuFx02 {
    margin: 0% 0% 0% 3.03%;
  }
}

.toPageTopSp {
  width: 45px;
}
@media screen and (max-width: 1279px) {
  .toPageTopSp {
    width: 12%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.wap {
  overflow-x: clip;
}

.fvSliderInfo {
  position: relative;
}

.h1FvSliderInfo {
  position: absolute;
  top: 40.5%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .h1FvSliderInfo {
    width: 62.5%;
  }
}
@media screen and (max-width: 1279px) {
  .h1FvSliderInfo {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .h1FvSliderInfo {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h1FvSliderInfo {
    width: 72.26%;
  }
}

.h1FvSliderInfoFig {
  width: 479px;
}
@media screen and (max-width: 1279px) {
  .h1FvSliderInfoFig {
    width: 39.91%;
  }
}
@media screen and (max-width: 767px) {
  .h1FvSliderInfoFig {
    width: 209px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h1FvSliderInfoFig {
    width: 77.12%;
  }
}

.scloolIndexFv {
  position: absolute;
  bottom: 11.8%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .scloolIndexFv {
    width: 49px;
    bottom: 7.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .scloolIndexFv {
    width: 13.06%;
  }
}

.h2ScloolIndexFv {
  font-size: 16px;
  line-height: 3.4375;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1279px) {
  .h2ScloolIndexFv {
    font-size: 1.250977326vw;
  }
}
.h2ScloolIndexFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 3.4375) * 0.5em);
  content: "";
}
.h2ScloolIndexFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 3.4375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ScloolIndexFv {
    line-height: 5.5;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ScloolIndexFv {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ScloolIndexFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 5.5) * 0.5em);
    content: "";
  }
  .h2ScloolIndexFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 5.5) * 0.5em);
    content: "";
  }
}

.scloolIndexFvLxn {
  width: 1px;
  position: relative;
  aspect-ratio: 1/60;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .scloolIndexFvLxn {
    margin-top: 12.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .scloolIndexFvLxn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .scloolIndexFvLxn {
    margin-top: 18.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.brdScloolIndexFvLx {
  position: absolute;
  z-index: 2;
  height: 50%;
  width: 1px;
  background: #FFF;
  animation: stretchDown 1s forwards infinite;
  animation-timing-function: ease-in-out;
}

@keyframes stretchDown {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
    height: 100%;
  }
}
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topCatchServiceStrengthe {
  padding-top: 135px;
  padding-bottom: 298px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .topCatchServiceStrengthe {
    padding: 7.03% 0% 15.52% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topCatchServiceStrengthe {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topCatchServiceStrengthe {
    padding: 21.33% 0% 21.33% 0%;
  }
}

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

.topCathc {
  padding-top: 0px;
  padding-bottom: 334px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .topCathc {
    padding: 0% 0% 17.39% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topCathc {
    padding: 0% 0% 40.06% 0%;
  }
}

@media screen and (max-width: 767px) {
  .topCathcWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topCathcWap {
    width: 87.2%;
  }
}

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

.topPhotoCatchTop {
  width: 270px;
  margin: 1.2% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .topPhotoCatchTop {
    width: 22.5%;
  }
}
@media screen and (max-width: 767px) {
  .topPhotoCatchTop {
    width: 271px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topPhotoCatchTop {
    width: 82.87%;
  }
}

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

.h2MainCatchTop {
  font-size: 35px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2MainCatchTop {
    font-size: 2.7365129007vw;
  }
}
@media screen and (max-width: 767px) {
  .h2MainCatchTop {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MainCatchTop {
    font-size: 6.4vw;
  }
}

.txtMainCatchTop01 {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtMainCatchTop01 {
    margin-top: 10.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtMainCatchTop01 {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainCatchTop01 {
    margin-top: 7.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainCatchTop01 {
    font-size: 3.4666666667vw;
  }
}

.txtMainCatchTop02 {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtMainCatchTop02 {
    margin-top: 7.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtMainCatchTop02 {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainCatchTop02 {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.08em;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainCatchTop02 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtMainCatchTop02 {
    width: 82.87%;
  }
}

.ulMainCatchTop {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .ulMainCatchTop {
    margin-top: 12.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulMainCatchTop {
    margin-top: 13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulMainCatchTop {
    width: 82.87%;
  }
}

.liMainCatchTop {
  width: 260px;
}
@media screen and (max-width: 1279px) {
  .liMainCatchTop {
    width: 48.14%;
  }
}
@media screen and (max-width: 767px) {
  .liMainCatchTop {
    width: 100%;
  }
  .liMainCatchTop:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liMainCatchTop:nth-child(n+2) {
    margin-top: 7.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnMainCatchTop {
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  aspect-ratio: 260/50;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #FFF;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .btnMainCatchTop {
    aspect-ratio: 271/46;
    padding: 0 0 0 6%;
  }
}

.btnMainCatchTop01 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 34px;
  padding-right: 19px;
  background-size: 300% auto;
  background-image: linear-gradient(90deg, #FFF 50%, #1A95FA, #01C3F9);
  color: #0164F9;
}
@media screen and (max-width: 1279px) {
  .btnMainCatchTop01 {
    padding: 0% 7.3% 0% 13.07%;
  }
}
@media screen and (max-width: 1279px) {
  .btnMainCatchTop01 {
    padding: 0% 0% 0% 5.07%;
  }
}
@media screen and (max-width: 767px) {
  .btnMainCatchTop01 {
    padding: 0% 4% 0% 13.5%;
  }
}
.btnMainCatchTop01:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnMainCatchTop02 {
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
  padding: 0 0 0 12%;
}
.btnMainCatchTop02:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .btnMainCatchTop02 {
    padding: 0 0 0 15%;
  }
}

.txtBtnMainCatchTop {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .txtBtnMainCatchTop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnMainCatchTop {
    line-height: normal;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnMainCatchTop {
    font-size: 3.7333333333vw;
  }
}

.svgBtnMainCatchTop {
  width: 16px;
  display: block;
}
@media screen and (max-width: 1279px) {
  .svgBtnMainCatchTop {
    width: 6.15%;
  }
}
@media screen and (max-width: 767px) {
  .svgBtnMainCatchTop {
    width: 6.5%;
    margin: 0% 0% 0% 5.5%;
  }
}

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

.btnMainCatchTop .svgBtnMainCatchTop01 g {
  fill: #0164F9;
}

.btnMainCatchTop:hover .svgBtnMainCatchTop01 g {
  fill: #FFF;
}

.btmPhotoCatchTop {
  margin: 1.2% 0 0 0;
}
@media screen and (max-width: 767px) {
  .btmPhotoCatchTop {
    margin-top: 64px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btmPhotoCatchTop {
    margin-top: 19.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btmPhotoCatchTop {
    width: 82.87%;
  }
}

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

@media screen and (max-width: 767px) {
  .topServiceWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topServiceWap {
    width: 87.2%;
  }
}

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

.secTopServiceTop {
  width: fit-content;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .secTopServiceTop {
    width: 100%;
  }
}

.lineTopService {
  font-size: 50px;
  line-height: normal;
  letter-spacing: 0.08em;
  text-align: center;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .lineTopService {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .lineTopService {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .lineTopService {
    font-size: 8.5333333333vw;
  }
}

.h3TopService {
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3TopService {
    margin-top: 0.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3TopService {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopService {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopService {
    font-size: 4.2666666667vw;
  }
}

.rubyTopService {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTopService {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopService {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopService {
    margin-top: 13.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopService {
    font-size: 3.4666666667vw;
  }
}

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

.liTopService {
  padding-top: 26px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  width: 580px;
}
@media screen and (max-width: 1279px) {
  .liTopService {
    padding: 2.16% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liTopService {
    width: 48.33%;
  }
}
@media screen and (max-width: 767px) {
  .liTopService {
    width: 100%;
    padding: 3.5% 0% 4.8% 0%;
    aspect-ratio: 327/245;
    display: flex;
    flex-direction: column;
  }
  .liTopService:nth-child(n+2) {
    margin: 6% 0% 0% 0%;
  }
}
.liTopService:nth-child(n+3) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liTopService:nth-child(n+3) {
    margin: 3.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopService:nth-child(n+3) {
    margin: 6% 0% 0% 0%;
  }
}

.bgliTopService01 {
  background: url(../img/index/bgliTopService01Pc.png) no-repeat center right;
  background-size: 100% 100%;
}

.bgliTopService02 {
  background: url(../img/index/bgliTopService02Pc.png) no-repeat center right;
  background-size: 100% 100%;
}

.bgliTopService03 {
  background: url(../img/index/bgliTopService03Pc.png) no-repeat center right;
  background-size: 100% 100%;
}

.bgliTopService04 {
  background: url(../img/index/bgliTopService04Pc.png) no-repeat center right;
  background-size: 100% 100%;
}

.secTopService {
  width: 530px;
}
@media screen and (max-width: 1279px) {
  .secTopService {
    width: 91.37%;
  }
}
@media screen and (max-width: 767px) {
  .secTopService {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTopService {
    width: 100%;
  }
}

.h4TopService {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: 0px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4TopService {
    margin: 0% 0% 0% 9.43%;
  }
}
@media screen and (max-width: 1279px) {
  .h4TopService {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TopService {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 16px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4TopService {
    margin: 0% 0% 0% 4.89%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TopService {
    font-size: 2.6666666667vw;
  }
}

.brdTopService {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 1px;
  width: 230px;
}
@media screen and (max-width: 1279px) {
  .brdTopService {
    margin: 2.26% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .brdTopService {
    width: 43.39%;
  }
}
@media screen and (max-width: 767px) {
  .brdTopService {
    margin: 2.5% 0% 0% 0%;
    width: 176px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdTopService {
    width: 53.82%;
  }
}

.h5TopService {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: 0px;
  font-size: 22px;
  line-height: 2.9090909091;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h5TopService {
    margin: 2.07% 0% 0% 9.43%;
  }
}
@media screen and (max-width: 1279px) {
  .h5TopService {
    font-size: 1.7200938233vw;
  }
}
.h5TopService::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.9090909091) * 0.5em);
  content: "";
}
.h5TopService::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.9090909091) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h5TopService {
    margin: 2% 0% 0% 4.89%;
    line-height: 2.2857142857;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TopService {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h5TopService::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
  .h5TopService::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2857142857) * 0.5em);
    content: "";
  }
}

.txtTopServiceMain {
  margin-top: 116px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 480px;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtTopServiceMain {
    margin-top: 20%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopServiceMain {
    width: 82.75%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopServiceMain {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopServiceMain {
    margin-top: auto;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 160%;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopServiceMain {
    width: 90.21%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopServiceMain {
    font-size: 3.2vw;
  }
}

.btnTopServiceWap {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 180px;
}
@media screen and (max-width: 1279px) {
  .btnTopServiceWap {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopServiceWap {
    width: 31.03%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopServiceWap {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 159px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopServiceWap {
    width: 48.62%;
  }
}

.btnTopServiceWap02 {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 180px;
}
@media screen and (max-width: 1279px) {
  .btnTopServiceWap02 {
    margin-top: 2.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopServiceWap02 {
    width: 31.03%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopServiceWap02 {
    margin-top: 3.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 159px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopServiceWap02 {
    width: 48.62%;
  }
}

.btnTopService {
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  border: 1px solid #FFF;
  aspect-ratio: 180/34;
  background: rgba(0, 0, 0, 0.3);
  transition-duration: 0.5s;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .btnTopService {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopService {
    line-height: 100%;
    letter-spacing: 0.08em;
    aspect-ratio: 159/30;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopService {
    font-size: 3.2vw;
  }
}
.btnTopService:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}

.btnTopService02 {
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FFAC00, #F28100, #FF8800, #F2C100);
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  aspect-ratio: 180/34;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .btnTopService02 {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopService02 {
    line-height: 100%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopService02 {
    font-size: 3.2vw;
  }
}
.btnTopService02:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.bgBtnTopService01 {
  background: url(../img/index/bgBtnTopService01.svg) no-repeat 94% center;
  background-size: auto 100%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bgBtnTopService01 {
    background-position: 93% center;
    padding: 1% 0;
  }
}

.bgBtnTopService02 {
  background: url(../img/index/bgBtnTopService02.svg) no-repeat 93% center;
  background-size: auto 100%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bgBtnTopService02 {
    padding: 1% 0;
  }
}

.btnLastTopServiceWap {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
}
@media screen and (max-width: 1279px) {
  .btnLastTopServiceWap {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnLastTopServiceWap {
    width: 21.66%;
  }
}
@media screen and (max-width: 767px) {
  .btnLastTopServiceWap {
    margin-top: 64px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnLastTopServiceWap {
    margin-top: 19.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnLastTopServiceWap {
    width: 82.87%;
  }
}

.btnLastTopService {
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  aspect-ratio: 260/50;
  background-position: 0% 50%;
  background-size: 300% auto;
  display: flex;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .btnLastTopService {
    font-size: 1.1727912432vw;
  }
}
.btnLastTopService:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .btnLastTopService {
    line-height: normal;
    letter-spacing: 0.04em;
    aspect-ratio: 271/46;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLastTopService {
    font-size: 3.7333333333vw;
  }
}

.iconBtnLastTopService {
  width: 100%;
  background: url(../img/index/iconBtnLastTopService.svg) no-repeat 92% center;
  background-size: auto 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topStrengths {
  margin-top: 334px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .topStrengths {
    margin-top: 17.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topStrengths {
    padding: 18.5% 0% 21.33% 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/index/topStrengthsSp.png) no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topStrengths {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .topStrengthsLxn {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topStrengthsLxn {
    width: 87.2%;
  }
}

.h2TopStrengths {
  font-size: 50px;
  line-height: normal;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .h2TopStrengths {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopStrengths {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopStrengths {
    font-size: 8.5333333333vw;
  }
}

.h3TopStrengths {
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3TopStrengths {
    margin-top: 0.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3TopStrengths {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopStrengths {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopStrengths {
    font-size: 4.2666666667vw;
  }
}

.rubyTopStrengths {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTopStrengths {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopStrengths {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopStrengths {
    margin-top: 13.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopStrengths {
    font-size: 3.4666666667vw;
  }
}

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

.liTopStrength {
  width: 372px;
  padding-top: 36px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liTopStrength {
    width: 31%;
  }
}
@media screen and (max-width: 1279px) {
  .liTopStrength {
    padding: 3% 0% 4% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopStrength {
    width: 327px;
    padding: 6.78% 0% 7.5% 0%;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopStrength {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liTopStrength:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopStrength:nth-child(n+2) {
    margin-top: 6.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secLiTopStrength {
  width: 324px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secLiTopStrength {
    width: 87.09%;
  }
}
@media screen and (max-width: 767px) {
  .secLiTopStrength {
    width: 263px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secLiTopStrength {
    width: 80.42%;
  }
}

.h4LiTopStrength {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4LiTopStrength {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LiTopStrength {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LiTopStrength {
    font-size: 5.3333333333vw;
  }
}

.iconLiTopStrength {
  width: 200px;
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .iconLiTopStrength {
    width: 61.72%;
  }
}
@media screen and (max-width: 1279px) {
  .iconLiTopStrength {
    margin-top: 12.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .iconLiTopStrength {
    width: 111px;
    margin-top: 10.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiTopStrength {
    width: 42.2%;
  }
}

.txtLiTopStrength {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiTopStrength {
    margin-top: 12.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiTopStrength {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiTopStrength {
    line-height: 180%;
    letter-spacing: 0.08em;
    margin-top: 9.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiTopStrength {
    font-size: 3.4666666667vw;
  }
}

.btnLastTopStrengthsWap {
  width: 260px;
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .btnLastTopStrengthsWap {
    width: 21.66%;
  }
}
@media screen and (max-width: 1279px) {
  .btnLastTopStrengthsWap {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnLastTopStrengthsWap {
    width: 271px;
    margin-top: 19.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnLastTopStrengthsWap {
    width: 82.87%;
  }
}

.btnLastTopStrengths {
  aspect-ratio: 250/49;
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  aspect-ratio: 260/50;
  background-position: 0% 50%;
  background-size: 300% auto;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
}
@media screen and (max-width: 767px) {
  .btnLastTopStrengths {
    aspect-ratio: 271/46;
    width: 100%;
    border-radius: 30px;
    /* CSS3草案 */
    -webkit-border-radius: 30px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;
    /* Firefox用 */
  }
}
.btnLastTopStrengths:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnLastTopStrengths {
  width: 223px;
  margin: auto;
  text-align: center;
  background: url(../img/index/iconBtnLastTopService.svg) no-repeat right center;
  background-size: auto 92%;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .iconBtnLastTopStrengths {
    width: 85.76%;
  }
}
@media screen and (max-width: 1279px) {
  .iconBtnLastTopStrengths {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnLastTopStrengths {
    width: 231px;
    line-height: normal;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnLastTopStrengths {
    width: 85.23%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconBtnLastTopStrengths {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topMovePic {
  margin-top: 146px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .topMovePic {
    margin-top: 7.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulTopMovePic {
  display: flex;
  width: 100vw;
  aspect-ratio: 1920/685;
  overflow: hidden;
  position: relative;
}

.liTopMovePic {
  position: absolute;
}

.liTopMovePic01 {
  width: 31.25vw;
  animation: slide1 100s linear infinite;
  translate: 0vw 0;
  bottom: 0;
}

.liTopMovePic02 {
  width: 600px;
  animation: slide1 105s linear infinite;
  translate: 40vw 0;
  top: 0%;
}
@media screen and (max-width: 1279px) {
  .liTopMovePic02 {
    width: 31.25%;
  }
}

.liTopMovePic03 {
  width: 330px;
  animation: slide1 100s linear infinite;
  translate: 83vw 0;
  bottom: 10%;
}
@media screen and (max-width: 1279px) {
  .liTopMovePic03 {
    width: 17.18%;
  }
}

.liTopMovePic04 {
  width: 478px;
  animation: slide1 90s linear infinite;
  translate: 110vw 0;
  top: 0;
}
@media screen and (max-width: 1279px) {
  .liTopMovePic04 {
    width: 24.89%;
  }
}

.liTopMovePic05 {
  width: 478px;
  animation: slide1 95s linear infinite;
  translate: 140vw 0;
  bottom: 0;
}
@media screen and (max-width: 1279px) {
  .liTopMovePic05 {
    width: 24.89%;
  }
}

.liTopMovePic06 {
  width: 478px;
  animation: slide1 100s linear infinite;
  translate: 170vw 0;
  top: 0;
}
@media screen and (max-width: 1279px) {
  .liTopMovePic06 {
    width: 24.89%;
  }
}

.liTopMovePic07 {
  width: 478px;
  animation: slide1 90s linear infinite;
  translate: 195vw 0;
  bottom: 10%;
}
@media screen and (max-width: 1279px) {
  .liTopMovePic07 {
    width: 24.89%;
  }
}

@keyframes slide1 {
  100% {
    transform: translateX(-190vw);
  }
}
@keyframes slide2 {
  100% {
    transform: translateX(-100vw);
  }
}
.picTopMove {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .picTopMove {
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picTopMove {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.loopSlidePc01 {
  display: flex;
  width: 100vw;
  height: 685px;
  overflow: hidden;
}
.loopSlidePc01 img {
  width: auto;
  height: 100%;
  max-width: unset;
  animation: loop 100s -50s linear infinite;
}
.loopSlidePc01 img:last-child {
  animation: loop2 100s linear infinite;
}

.loopSlideSp01 {
  display: flex;
  width: 100vw;
  height: 349px;
  overflow: hidden;
}
.loopSlideSp01 img {
  width: auto;
  height: 100%;
  max-width: unset;
  animation: loop 100s -50s linear infinite;
}
.loopSlideSp01 img:last-child {
  animation: loop2 100s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexcta {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .indexcta {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexcta {
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexcta {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cta {
  padding-top: 186px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/index/bgctaPc.png) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 1279px) {
  .cta {
    padding: 9.68% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cta {
    padding: 19.33% 0% 21.33% 0%;
    background: url(../img/index/bgctaSp.png) no-repeat top center;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .ctaLxn {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ctaLxn {
    width: 87.2%;
  }
}

.h2Cta {
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2Cta {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Cta {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Cta {
    font-size: 5.3333333333vw;
  }
}

.rubyCta {
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .rubyCta {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .rubyCta {
    margin-top: 3.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .rubyCta {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyCta {
    font-size: 3.7333333333vw;
  }
}

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

.liCta {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liCta {
    padding: 2.5% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCta {
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    padding: 8.56% 0% 7.56% 0%;
  }
}
.liCta:nth-child(n+2) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liCta:nth-child(n+2) {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liCta:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCta:nth-child(n+2) {
    margin-top: 6.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liCtaWap {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liCtaWap {
    width: 91.66%;
  }
}
@media screen and (max-width: 767px) {
  .liCtaWap {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCtaWap {
    width: 82.87%;
  }
}

.picCta {
  width: 170px;
}
@media screen and (max-width: 1279px) {
  .picCta {
    width: 15.45%;
  }
}
@media screen and (max-width: 767px) {
  .picCta {
    width: 185px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picCta {
    width: 68.26%;
  }
}

@media screen and (max-width: 767px) {
  .picCta02 {
    width: 201px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .picCta02 {
    width: 74.16%;
  }
}

.btnCtaWap {
  width: 431px;
}
@media screen and (max-width: 1279px) {
  .btnCtaWap {
    width: 39.18%;
  }
}
@media screen and (max-width: 767px) {
  .btnCtaWap {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnCtaWap {
    width: 100%;
  }
}

.btnCtaLxn {
  width: 100%;
  aspect-ratio: 431/100;
  border-radius: 100px;
  /* CSS3草案 */
  -webkit-border-radius: 100px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 100px;
  /* Firefox用 */
  background-position: 0% 50%;
  background-size: 300% auto;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .btnCtaLxn {
    width: 271px;
    aspect-ratio: 271/58;
    border-radius: 100px;
    /* CSS3草案 */
    -webkit-border-radius: 100px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;
    /* Firefox用 */
    transition-duration: 0.5s;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnCtaLxn {
    width: 100%;
  }
}

.btnCtaLxn01 {
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
}
.btnCtaLxn01:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnCtaLxn02 {
  background-image: linear-gradient(90deg, #FFAC00, #F28100, #FF8800, #F2C100);
}
.btnCtaLxn02:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnCtaLxnFx {
  width: 351px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .btnCtaLxnFx {
    width: 81.43%;
  }
}
@media screen and (max-width: 767px) {
  .btnCtaLxnFx {
    width: 231px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnCtaLxnFx {
    width: 85.23%;
  }
}

.txtBtnCtaLxnFx {
  width: 303px;
  margin: auto;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtBtnCtaLxnFx {
    width: 86.32%;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnCtaLxnFx {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnCtaLxnFx {
    width: 179px;
    line-height: normal;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtBtnCtaLxnFx {
    width: 77.48%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnCtaLxnFx {
    font-size: 3.7333333333vw;
  }
}

.iconBtnCtaLxnFx {
  width: 24px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .iconBtnCtaLxnFx {
    width: 6.83%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnCtaLxnFx {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnCtaLxnFx {
    width: 6.92%;
  }
}

.secTelCnt {
  width: 431px;
}
@media screen and (max-width: 1279px) {
  .secTelCnt {
    width: 39.18%;
  }
}
@media screen and (max-width: 767px) {
  .secTelCnt {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTelCnt {
    width: 100%;
  }
}

.h3TelCta {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3TelCta {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TelCta {
    text-align: center;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TelCta {
    font-size: 4.2666666667vw;
  }
}

.btnTelCta {
  margin-top: -8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .btnTelCta {
    margin-top: -1.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnTelCta {
    margin-top: -0.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    pointer-events: auto;
    justify-content: center;
  }
}
.btnTelCta:hover {
  opacity: 0.75;
}

.iconBtnTelCta {
  width: 33px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
}
@media screen and (max-width: 1279px) {
  .iconBtnTelCta {
    width: 7.65%;
  }
}
@media screen and (max-width: 1279px) {
  .iconBtnTelCta {
    margin: 0% 1.85% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTelCta {
    width: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnTelCta {
    width: 7.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnTelCta {
    margin: 0% 1.47% 0% 0%;
  }
}

.intBtnTelCta {
  font-size: 47px;
  line-height: 138%;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .intBtnTelCta {
    font-size: 3.6747458952vw;
  }
}
@media screen and (max-width: 767px) {
  .intBtnTelCta {
    line-height: 150%;
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intBtnTelCta {
    font-size: 8vw;
  }
}

.txtCtaTel {
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtCtaTel {
    margin-top: -0.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtCtaTel {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCtaTel {
    margin-top: -0.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.08em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCtaTel {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.underPageFv {
  padding-top: 157px;
  padding-bottom: 177px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/service/bgUnderPageFvPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 1279px) {
  .underPageFv {
    padding: 8.17% 0% 9.21% 0%;
  }
}
@media screen and (max-width: 767px) {
  .underPageFv {
    aspect-ratio: 375/324;
    padding: 25.03% 0% 28.53% 0%;
    background: url(../img/service/bgUnderPageFvSp.png) no-repeat center top;
    background-size: cover;
  }
}

.h1UnderPageFv {
  font-size: 65px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h1UnderPageFv {
    font-size: 5.082095387vw;
  }
}
@media screen and (max-width: 767px) {
  .h1UnderPageFv {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1UnderPageFv {
    font-size: 8.8vw;
  }
}

.h2UnderPageFv {
  margin-top: -8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2UnderPageFv {
    margin-top: -0.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2UnderPageFv {
    font-size: 1.7200938233vw;
  }
}
@media screen and (max-width: 767px) {
  .h2UnderPageFv {
    margin-top: -1.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2UnderPageFv {
    font-size: 4.2666666667vw;
  }
}

.rubyUnderPageFv {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyUnderPageFv {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyUnderPageFv {
    font-size: 1.4073494918vw;
  }
}
.rubyUnderPageFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
.rubyUnderPageFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7777777778) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .rubyUnderPageFv {
    margin-top: 7.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 71%;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyUnderPageFv {
    font-size: 3.2vw;
  }
}

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

@media screen and (max-width: 767px) {
  .serviceConsulWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceConsulWap {
    width: 87.2%;
  }
}

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

.h2TitleServiceConsul {
  font-size: 50px;
  line-height: 75%;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .h2TitleServiceConsul {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleServiceConsul {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleServiceConsul {
    font-size: 8.5333333333vw;
  }
}

.rubyTitleServiceConsul {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTitleServiceConsul {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleServiceConsul {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleServiceConsul {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleServiceConsul {
    font-size: 4.2666666667vw;
  }
}

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

.photoServiceConsul {
  width: 630px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoServiceConsul {
    width: 52.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoServiceConsul {
    width: 100%;
    margin: 0;
  }
}

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

.h3ServiceConsulFx {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3ServiceConsulFx {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ServiceConsulFx {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ServiceConsulFx {
    font-size: 5.3333333333vw;
  }
}

.txtServiceConsulFx {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtServiceConsulFx {
    margin: 6.73% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtServiceConsulFx {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtServiceConsulFx {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtServiceConsulFx {
    font-size: 3.4666666667vw;
  }
}

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

.liServiceConsul {
  padding-top: 0px;
  padding-bottom: 46px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liServiceConsul {
    padding: 0% 0% 3.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceConsul {
    padding: 0% 0% 9.5% 0%;
  }
}
.liServiceConsul:nth-child(n+2) {
  padding-top: 42px;
  padding-bottom: 46px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #D9D9D9;
}
@media screen and (max-width: 1279px) {
  .liServiceConsul:nth-child(n+2) {
    padding: 3.5% 0% 3.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceConsul:nth-child(n+2) {
    padding: 11.23% 0% 10% 0%;
  }
}

.photoLiServiceConsul {
  width: 300px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoLiServiceConsul {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .photoLiServiceConsul {
    width: 100%;
  }
}

.secLiServiceConsul {
  width: 900px;
}
@media screen and (max-width: 1279px) {
  .secLiServiceConsul {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .secLiServiceConsul {
    width: 100%;
  }
}

.h4LiServiceConsul {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4LiServiceConsul {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LiServiceConsul {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.08em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LiServiceConsul {
    font-size: 5.3333333333vw;
  }
}

.h5LiServiceConsul {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h5LiServiceConsul {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h5LiServiceConsul {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h5LiServiceConsul {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5LiServiceConsul {
    font-size: 4.2666666667vw;
  }
}

.txtLiServiceConsul {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiServiceConsul {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiServiceConsul {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiServiceConsul {
    margin-top: 5.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiServiceConsul {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.serviceAsset {
  padding-top: 241px;
  padding-bottom: 240px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 96px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .serviceAsset {
    padding: 12.55% 0% 12.5% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .serviceAsset {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .serviceAsset {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 7.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceAsset {
    padding: 21.33% 0% 21.33% 0%;
  }
}

.bgServiceAsset {
  background: url(../img/service/bgServiceAssetPc.png) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgServiceAsset {
    background: url(../img/service/bgServiceAssetSp.png) no-repeat center top;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .serviceAssetWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceAssetWap {
    width: 87.2%;
  }
}

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

.h2TitleServiceAsset {
  font-size: 50px;
  line-height: 75%;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .h2TitleServiceAsset {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleServiceAsset {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleServiceAsset {
    font-size: 8.5333333333vw;
  }
}

.rubyTitleServiceAsset {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTitleServiceAsset {
    margin-top: 1.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleServiceAsset {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleServiceAsset {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleServiceAsset {
    font-size: 4.2666666667vw;
  }
}

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

.photoServiceAsset {
  width: 630px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoServiceAsset {
    width: 52.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoServiceAsset {
    width: 100%;
    margin: 0% 0 0 0;
  }
}

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

.h3ServiceAssetFx {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3ServiceAssetFx {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ServiceAssetFx {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ServiceAssetFx {
    font-size: 5.3333333333vw;
  }
}

.txtServiceAssetFx {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtServiceAssetFx {
    margin: 6.73% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtServiceAssetFx {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtServiceAssetFx {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtServiceAssetFx {
    font-size: 3.4666666667vw;
  }
}

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

.liServiceRental {
  padding-top: 0px;
  padding-bottom: 47px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liServiceRental {
    padding: 0% 0% 3.91% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceRental {
    padding: 0% 0% 10.23% 0%;
  }
}
.liServiceRental:nth-child(n+2) {
  padding-top: 43px;
  padding-bottom: 53px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #D9D9D9;
}
@media screen and (max-width: 1279px) {
  .liServiceRental:nth-child(n+2) {
    padding: 3.58% 0% 4.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceRental:nth-child(n+2) {
    padding: 12.23% 0% 9.23% 0%;
  }
}

.photoLiServiceRental {
  width: 300px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoLiServiceRental {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .photoLiServiceRental {
    width: 100%;
    margin: 0 0 0;
  }
}

.secLiServiceRental {
  width: 900px;
}
@media screen and (max-width: 1279px) {
  .secLiServiceRental {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .secLiServiceRental {
    width: 100%;
  }
}

.h4LiServiceRental {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4LiServiceRental {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LiServiceRental {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.08em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LiServiceRental {
    font-size: 5.3333333333vw;
  }
}

.h5LiServiceRental {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h5LiServiceRental {
    margin-top: 2.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h5LiServiceRental {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h5LiServiceRental {
    margin-top: 7.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5LiServiceRental {
    font-size: 4.2666666667vw;
  }
}

.txtLiServiceRental {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiServiceRental {
    margin-top: 1.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiServiceRental {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiServiceRental {
    margin-top: 4.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiServiceRental {
    font-size: 3.4666666667vw;
  }
}

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

@media screen and (max-width: 767px) {
  .serviceRentalWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceRentalWap {
    width: 87.2%;
  }
}

.h2TitleServiceRental {
  font-size: 50px;
  line-height: 75%;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .h2TitleServiceRental {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleServiceRental {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleServiceRental {
    font-size: 8.5333333333vw;
  }
}

.rubyTitleServiceRental {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTitleServiceRental {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleServiceRental {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleServiceRental {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleServiceRental {
    font-size: 4.2666666667vw;
  }
}

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

.photoServiceRental {
  width: 630px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoServiceRental {
    width: 52.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoServiceRental {
    width: 100%;
    margin: 0 0 0 0;
  }
}

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

.h3ServiceRentalFx {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3ServiceRentalFx {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ServiceRentalFx {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ServiceRentalFx {
    font-size: 5.3333333333vw;
  }
}

.txtServiceRentalFx {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtServiceRentalFx {
    margin: 6.53% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtServiceRentalFx {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtServiceRentalFx {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtServiceRentalFx {
    font-size: 3.4666666667vw;
  }
}

/*こんなことでお困りではありませんか？*/
.serviceWorries {
  margin-top: 131px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .serviceWorries {
    margin-top: 10.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .serviceWorries {
    margin-top: 34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceWorries {
    width: 82.87%;
  }
}

.h2ServiceWorries {
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2ServiceWorries {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ServiceWorries {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ServiceWorries {
    font-size: 6.4vw;
  }
}

.ulServiceWorries {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .ulServiceWorries {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulServiceWorries {
    margin-top: 14.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulServiceWorries {
    width: 100%;
  }
}

.liServiceWorries {
  padding-top: 30px;
  padding-bottom: 25px;
  padding-left: 0px;
  padding-right: 0px;
  width: 220px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liServiceWorries {
    padding: 2.5% 0% 2.08% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liServiceWorries {
    width: 18.33%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceWorries {
    padding: 8% 0% 7.5% 0%;
    width: 100%;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
  .liServiceWorries:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liServiceWorries:nth-child(n+2) {
    margin: 5.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liServiceWorries:nth-child(n+2) {
    margin: 5.2% 0% 0% 0%;
  }
}

.liServiceWorriesWap {
  width: 160px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liServiceWorriesWap {
    width: 72.72%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceWorriesWap {
    width: 231px;
    align-items: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liServiceWorriesWap {
    width: 85.23%;
  }
}

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

.secLiServiceWorries {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .secLiServiceWorries {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secLiServiceWorries {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 0px;
    width: 131px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secLiServiceWorries {
    margin: 0% 0% 0% 8.65%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secLiServiceWorries {
    width: 56.7%;
  }
}

.txtLiServiceWorries {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiServiceWorries {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiServiceWorries {
    line-height: 160%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiServiceWorries {
    font-size: 3.4666666667vw;
  }
}

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

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

@media screen and (max-width: 767px) {
  .companyPhilosophyWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyPhilosophyWap {
    width: 87.2%;
  }
}

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

.h2TitleCompanyPhilosophy {
  font-size: 50px;
  line-height: 75%;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .h2TitleCompanyPhilosophy {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleCompanyPhilosophy {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleCompanyPhilosophy {
    font-size: 8.5333333333vw;
  }
}

.rubyTitleCompanyPhilosophy {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTitleCompanyPhilosophy {
    margin-top: 1.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleCompanyPhilosophy {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleCompanyPhilosophy {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleCompanyPhilosophy {
    font-size: 4.2666666667vw;
  }
}

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

.photoCompanyPhilosophy {
  width: 630px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoCompanyPhilosophy {
    width: 52.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoCompanyPhilosophy {
    width: 100%;
    margin: 0;
  }
}

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

.h3CompanyPhilosophy {
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3CompanyPhilosophy {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CompanyPhilosophy {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CompanyPhilosophy {
    font-size: 5.3333333333vw;
  }
}

.txtCompanyPhilosophy {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtCompanyPhilosophy {
    margin: 6.53% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtCompanyPhilosophy {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCompanyPhilosophy {
    margin-top: 7.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCompanyPhilosophy {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.companyInfo {
  margin-top: 150px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 240px;
  padding-bottom: 240px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .companyInfo {
    margin-top: 7.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .companyInfo {
    padding: 12.5% 0% 12.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .companyInfo {
    margin-top: 16.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyInfo {
    padding: 21.33% 0% 21.33% 0%;
  }
}

.bgCompanyInfo {
  background: url(../img/company/bgCompanyInfoPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgCompanyInfo {
    background: url(../img/company/bgCompanyInfoSp.png) no-repeat center top;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .companyInfoWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyInfoWap {
    width: 87.2%;
  }
}

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

.h2TitleCompanyInfo {
  font-size: 50px;
  line-height: 75%;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .h2TitleCompanyInfo {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleCompanyInfo {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleCompanyInfo {
    font-size: 8.5333333333vw;
  }
}

.rubyTitleCompanyInfo {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTitleCompanyInfo {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleCompanyInfo {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleCompanyInfo {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleCompanyInfo {
    font-size: 4.2666666667vw;
  }
}

.tableCompanyInfoLxn {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .tableCompanyInfoLxn {
    margin-top: 4.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .tableCompanyInfoLxn {
    padding: 4.16% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableCompanyInfoLxn {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 2% 0% 2.56% 0%;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
}

.tableCompanyInfoInerWap {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .tableCompanyInfoInerWap {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .tableCompanyInfoInerWap {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableCompanyInfoInerWap {
    width: 82.87%;
  }
}

.tableCompanyInfo {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tableCompanyInfo {
    width: 100%;
    display: block;
  }
}
.tableCompanyInfo tbody,
.tableCompanyInfo tr {
  border-bottom: 1px solid #C5C5C5;
}
.tableCompanyInfo tbody:last-child,
.tableCompanyInfo tr:last-child {
  border-bottom: unset;
}
@media screen and (max-width: 767px) {
  .tableCompanyInfo tbody,
  .tableCompanyInfo tr {
    width: 100%;
    display: block;
  }
}

.thCompanyInfo {
  width: 220px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .thCompanyInfo {
    width: 22%;
  }
}
@media screen and (max-width: 1279px) {
  .thCompanyInfo {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .thCompanyInfo {
    padding: 5% 0% 0% 0%;
    width: 100%;
    display: block;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thCompanyInfo {
    font-size: 3.7333333333vw;
  }
}

.tdCompanyInfo {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 0px;
  width: 780px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .tdCompanyInfo {
    padding: 2% 0% 2% 2.4%;
  }
}
@media screen and (max-width: 1279px) {
  .tdCompanyInfo {
    width: 78%;
  }
}
@media screen and (max-width: 1279px) {
  .tdCompanyInfo {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .tdCompanyInfo {
    padding: 0.5% 0% 4.8% 0%;
    width: 100%;
    display: block;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdCompanyInfo {
    font-size: 3.4666666667vw;
  }
}
.tdCompanyInfo a {
  font-feature-settings: "palt";
}

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

@media screen and (max-width: 767px) {
  .companyAccessWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyAccessWap {
    width: 87.2%;
  }
}

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

.h2TitleCompanyAccess {
  font-size: 50px;
  line-height: 75%;
  letter-spacing: 0.08em;
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .h2TitleCompanyAccess {
    font-size: 3.9093041439vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleCompanyAccess {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleCompanyAccess {
    font-size: 8.5333333333vw;
  }
}

.rubyTitleCompanyAccess {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .rubyTitleCompanyAccess {
    margin-top: 1.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleCompanyAccess {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleCompanyAccess {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleCompanyAccess {
    font-size: 4.2666666667vw;
  }
}

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

.photoCompanyAccess {
  width: 600px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .photoCompanyAccess {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .photoCompanyAccess {
    width: 100%;
    margin: 0;
  }
}

.mapCompanyAccess {
  position: relative;
  overflow: hidden;
  aspect-ratio: 600/402;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .mapCompanyAccess {
    aspect-ratio: 327/208;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
}
.mapCompanyAccess iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

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

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

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

.h3CompanyAccess {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3CompanyAccess {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CompanyAccess {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CompanyAccess {
    font-size: 4.8vw;
  }
}

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

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

.h4LiCompanyAcces {
  width: 155px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4LiCompanyAcces {
    width: 31.25%;
  }
}
@media screen and (max-width: 1279px) {
  .h4LiCompanyAcces {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LiCompanyAcces {
    width: 100%;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LiCompanyAcces {
    font-size: 3.7333333333vw;
  }
}

.txtLiCompanyAcces {
  width: 341px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiCompanyAcces {
    width: 68.75%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiCompanyAcces {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiCompanyAcces {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiCompanyAcces {
    font-size: 3.4666666667vw;
  }
}

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

@media screen and (max-width: 767px) {
  .strengthPointFx {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .strengthPointFx {
    width: 87.2%;
  }
}

.photoStrengthPoint {
  width: 630px;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .photoStrengthPoint {
    width: 52.5%;
  }
}
@media screen and (max-width: 1279px) {
  .photoStrengthPoint {
    margin: 0.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoStrengthPoint {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoStrengthPoint {
    width: 100%;
  }
}

.secStrengthPoint {
  width: 480px;
}
@media screen and (max-width: 1279px) {
  .secStrengthPoint {
    width: 40%;
  }
}
@media screen and (max-width: 1279px) {
  .secStrengthPoint {
    width: 41%;
  }
}
@media screen and (max-width: 767px) {
  .secStrengthPoint {
    margin-top: 10.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secStrengthPoint {
    width: 100%;
  }
}

.h2TitleStrengthPoint {
  width: 86px;
  font-size: 48px;
  line-height: 0.8333333333;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2TitleStrengthPoint {
    width: 17.91%;
  }
}
@media screen and (max-width: 1279px) {
  .h2TitleStrengthPoint {
    font-size: 3.7529319781vw;
  }
}
.h2TitleStrengthPoint::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
.h2TitleStrengthPoint::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TitleStrengthPoint {
    width: 61px;
    line-height: 1.1428571429;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2TitleStrengthPoint {
    width: 18.65%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleStrengthPoint {
    font-size: 9.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleStrengthPoint::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1428571429) * 0.5em);
    content: "";
  }
  .h2TitleStrengthPoint::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1428571429) * 0.5em);
    content: "";
  }
}

.h3TitleStrengthPoint {
  width: 394px;
  font-size: 26px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h3TitleStrengthPoint {
    width: 82.08%;
  }
}
@media screen and (max-width: 1279px) {
  .h3TitleStrengthPoint {
    font-size: 2.0328381548vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleStrengthPoint {
    width: 266px;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3TitleStrengthPoint {
    width: 81.34%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleStrengthPoint {
    font-size: 5.3333333333vw;
  }
}

.h4TitleStrengthPoint {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4TitleStrengthPoint {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4TitleStrengthPoint {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleStrengthPoint {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4TitleStrengthPoint {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleStrengthPoint {
    font-size: 4.2666666667vw;
  }
}

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

.txtTitleStrengthPoint {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtTitleStrengthPoint {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTitleStrengthPoint {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleStrengthPoint {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTitleStrengthPoint {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleStrengthPoint {
    font-size: 3.4666666667vw;
  }
}

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

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

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

.liTagStrengthPoint:nth-child(n+1) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
}
@media screen and (max-width: 1279px) {
  .liTagStrengthPoint:nth-child(n+1) {
    margin: 0% 2.08% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTagStrengthPoint:nth-child(n+1) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTagStrengthPoint:nth-child(n+1) {
    margin: 0% 2.66% 0% 0%;
  }
}

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

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

.liTagStrengthPointWap {
  width: auto;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  padding: 5px 10px;
}
@media screen and (max-width: 1279px) {
  .liTagStrengthPointWap {
    padding: 0.4166666667vw 0.8333333333vw 0.4166666667vw 0.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liTagStrengthPointWap {
    padding: 1.3333333333vw 2.6666666667vw 1.3333333333vw 2.6666666667vw;
  }
}

.iconTagStrengthPoint {
  width: 20px;
}
@media screen and (max-width: 1279px) {
  .iconTagStrengthPoint {
    width: 1.6666666667vw;
  }
  .iconTagStrengthPoint img {
    max-width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .iconTagStrengthPoint {
    width: 4.2666666667vw;
  }
  .iconTagStrengthPoint img {
    max-width: 16px;
  }
}

.txtTagStrengthPoint {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
  margin: 0 0 0 4px;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .txtTagStrengthPoint {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtTagStrengthPoint {
    margin: 0vw 0vw 0vw 0.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTagStrengthPoint {
    line-height: 150%;
    letter-spacing: 0.08em;
    margin: 0vw 0vw 0vw 1.0666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTagStrengthPoint {
    font-size: 2.9333333333vw;
  }
}

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

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

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

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

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

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

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

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

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

.secPrivacyCnt {
  width: 983px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secPrivacyCnt {
    width: 81.91%;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacyCnt {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secPrivacyCnt {
    width: 87.2%;
  }
}

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

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

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

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

.txtLiPrivacyCnt {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtLiPrivacyCnt {
    margin-top: 1.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiPrivacyCnt {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiPrivacyCnt {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiPrivacyCnt {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.txtContactTop {
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtContactTop {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactTop {
    width: 327px;
    line-height: 200%;
    letter-spacing: 0.08em;
    text-align: left;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtContactTop {
    width: 87.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtContactTop {
    font-size: 3.4666666667vw;
  }
}

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

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

.btnTelContactTopWap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 424px;
}
@media screen and (max-width: 1279px) {
  .btnTelContactTopWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnTelContactTopWap {
    width: 35.33%;
  }
}
@media screen and (max-width: 767px) {
  .btnTelContactTopWap {
    margin-top: 0.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 270px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTelContactTopWap {
    width: 72%;
  }
}

.btnTelContactTop {
  width: 424px;
}
@media screen and (max-width: 1279px) {
  .btnTelContactTop {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .btnTelContactTop {
    width: 270px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTelContactTop {
    width: 100%;
  }
}

.iconBtnTelContactTop {
  width: 33px;
}
@media screen and (max-width: 1279px) {
  .iconBtnTelContactTop {
    width: 7.78%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnTelContactTop {
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnTelContactTop {
    width: 7.77%;
  }
}

.intBtnTelContactTop {
  width: 384px;
  font-size: 47px;
  line-height: 150%;
  letter-spacing: 0.089em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .intBtnTelContactTop {
    width: 90.56%;
  }
}
@media screen and (max-width: 1279px) {
  .intBtnTelContactTop {
    font-size: 3.6747458952vw;
  }
}
@media screen and (max-width: 1279px) {
  .intBtnTelContactTop {
    margin: 0% 0% 0% 1.88%;
  }
}
@media screen and (max-width: 767px) {
  .intBtnTelContactTop {
    width: 246px;
    line-height: 150%;
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .intBtnTelContactTop {
    width: 91.11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intBtnTelContactTop {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .intBtnTelContactTop {
    margin: 0% 0% 0% 1.48%;
  }
}

.timeTelContactTop {
  margin-top: -1px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .timeTelContactTop {
    margin-top: -0.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .timeTelContactTop {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .timeTelContactTop {
    margin-top: -0.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeTelContactTop {
    font-size: 3.2vw;
  }
}

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

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.txtMainFomrLxn {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtMainFomrLxn {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFomrLxn {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFomrLxn {
    font-size: 3.2vw;
  }
}

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

.titleFormCntList {
  width: 300px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.08em;
  font-weight: 500;
}
@media screen and (max-width: 1279px) {
  .titleFormCntList {
    width: 32.6%;
  }
}
@media screen and (max-width: 1279px) {
  .titleFormCntList {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .titleFormCntList {
    width: 100%;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .titleFormCntList {
    font-size: 3.7333333333vw;
  }
}

.formConcactCnt {
  width: 620px;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.08em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .formConcactCnt {
    width: 67.39%;
  }
}
@media screen and (max-width: 1279px) {
  .formConcactCnt {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .formConcactCnt {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .formConcactCnt {
    font-size: 3.7333333333vw;
  }
}

.mw_wp_form .vertical-item + .vertical-item {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .mw_wp_form .vertical-item + .vertical-item {
    margin-top: 1.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form .vertical-item + .vertical-item {
    margin-top: 4.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mwform-radio-field label {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .mwform-radio-field label {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-radio-field label {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mwform-radio-field label {
    font-size: 3.7333333333vw;
  }
}
.mwform-radio-field label input {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 1279px) {
  .mwform-radio-field label input {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 0.8333333333vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .mwform-radio-field label input {
    width: 4.8vw;
    height: 4.8vw;
    margin: 0 2.6666666667vw 0 0;
  }
}

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

.inputW100 {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  aspect-ratio: 620/51;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  font-weight: 400;
  border: 1px solid #C5C5C5;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    padding: 1.52% 2.17% 1.41% 2.17%;
  }
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    line-height: 150%;
    letter-spacing: 0.08em;
    padding: 3.5% 5.5% 3.5% 5.5%;
    aspect-ratio: 327/46;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.7333333333vw;
  }
}
.inputW100::placeholder {
  color: #A6A6A6;
  font-weight: 400;
}
.txtW100 {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  aspect-ratio: 620/130;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  font-weight: 400;
  border: 1px solid #C5C5C5;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    padding: 1.52% 2.17% 2.17% 2.17%;
  }
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtW100 {
    line-height: 150%;
    letter-spacing: 0.08em;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
    aspect-ratio: 327/180;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtW100 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtW100 {
    padding: 5.5% 5.5% 5.5% 5.5%;
  }
}
.txtW100::placeholder {
  color: #A6A6A6;
  font-weight: 400;
}

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

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

.txtReadPrivacyTop {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtReadPrivacyTop {
    margin-top: 2.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtReadPrivacyTop {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtReadPrivacyTop {
    margin-top: 4.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 170%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtReadPrivacyTop {
    font-size: 3.4666666667vw;
  }
}

.readPrivacyMainWap {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  aspect-ratio: 920/275;
  overflow: auto;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
  border: 1px solid #C5C5C5;
}
@media screen and (max-width: 1279px) {
  .readPrivacyMainWap {
    margin-top: 2.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .readPrivacyMainWap {
    padding: 2.17% 0% 2.17% 0%;
  }
}
@media screen and (max-width: 767px) {
  .readPrivacyMainWap {
    margin-top: 10.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 4.11% 0% 4.11% 0%;
    aspect-ratio: 327/315;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}

.secReadPrivacyMain {
  width: 842px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secReadPrivacyMain {
    width: 91.52%;
  }
}
@media screen and (max-width: 767px) {
  .secReadPrivacyMain {
    width: 287px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secReadPrivacyMain {
    width: 87.76%;
  }
}

.h4ReadPrivacyMain {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h4ReadPrivacyMain {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ReadPrivacyMain {
    line-height: normal;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ReadPrivacyMain {
    font-size: 4.2666666667vw;
  }
}

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

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

.txtReadPrivacyMain {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 180%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtReadPrivacyMain {
    margin-top: 0.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtReadPrivacyMain {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtReadPrivacyMain {
    margin-top: 1.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtReadPrivacyMain {
    font-size: 3.2vw;
  }
}

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

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

.chackReadPrivacy label {
  display: flex;
  justify-content: center;
  align-items: center;
}

.chackReadPrivacy .mwform-checkbox-field {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.08em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .chackReadPrivacy .mwform-checkbox-field {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .chackReadPrivacy .mwform-checkbox-field {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .chackReadPrivacy .mwform-checkbox-field {
    font-size: 3.7333333333vw;
  }
}

.chackReadPrivacy .mwform-checkbox-field input {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 1279px) {
  .chackReadPrivacy .mwform-checkbox-field input {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 0.8333333333vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .chackReadPrivacy .mwform-checkbox-field input {
    width: 4.8vw;
    height: 4.8vw;
    margin: 0 2.6666666667vw 0 0;
  }
}

.btnToConfirmLxn {
  width: 260px;
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 28.26%;
  }
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    margin-top: 8.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirmLxn {
    width: 271px;
    margin-top: 19.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 82.87%;
  }
}

.btnToConfirm {
  width: 100%;
  aspect-ratio: 260/50;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
  background-position: 0% 50%;
  background-size: 300% auto;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .btnToConfirm {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirm {
    aspect-ratio: 271/46;
    border-radius: 30px;
    /* CSS3草案 */
    -webkit-border-radius: 30px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToConfirm {
    font-size: 3.7333333333vw;
  }
}
.btnToConfirm:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnToConfirm {
  width: 16px;
  position: absolute;
  right: 7.6923076923%;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-self: center;
}
@media screen and (max-width: 1279px) {
  .iconBtnToConfirm {
    width: 6.15%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnToConfirm {
    width: 16px;
    right: 7.3800738007%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnToConfirm {
    width: 5.9%;
  }
}

.chackReadPrivacy {
  flex-direction: column;
  width: fit-content;
}
.chackReadPrivacy .error {
  margin: 2% 0 0 0;
}

.mw_wp_form .error {
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .mw_wp_form .error {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form .error {
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form .error {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.confrimFormStep {
  margin: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) {
  .thisPageConfrim .formConcactCnt {
    margin-top: 3.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConfrim .liFormCntList {
  align-items: flex-start;
}
.thisPageConfrim .liFormCntList:nth-child(n+2) {
  margin-top: 39.5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .liFormCntList:nth-child(n+2) {
    margin-top: 4.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .liFormCntList:nth-child(n+2) {
    margin-top: 10.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConfrim .readPrivacy {
  display: none;
}
.thisPageConfrim .btnToConfirmLxn {
  display: none;
}
.thisPageConfrim .toThankBackLxn {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .toThankBackLxn {
    margin-top: 8.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .toThankBackLxn {
    width: 271px;
    margin-top: 17.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .toThankBackLxn {
    width: 82.87%;
  }
}
.thisPageConfrim .toThankBackFx {
  width: 552px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .toThankBackFx {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .toThankBackFx {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .toThankBackFx {
    width: 100%;
  }
}
.thisPageConfrim .btnBackLxn {
  width: 260px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .btnBackLxn {
    width: 47.1%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .btnBackLxn {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .btnBackLxn {
    width: 100%;
  }
}
.thisPageConfrim .btnBackLxn .btnBack {
  cursor: pointer;
  width: 100%;
  aspect-ratio: 260/50;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.04em;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .btnBackLxn .btnBack {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .btnBackLxn .btnBack {
    aspect-ratio: 271/46;
    border-radius: 8vw;
    /* CSS3草案 */
    -webkit-border-radius: 8vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8vw;
    /* Firefox用 */
    line-height: 150%;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfrim .btnBackLxn .btnBack {
    font-size: 3.7333333333vw;
  }
}
.thisPageConfrim .btnBackLxn .btnBack:hover {
  background: #333;
}
.thisPageConfrim .btnBackLxn .iconBtnBack {
  width: 16px;
  position: absolute;
  left: 7.6923076923%;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-self: center;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .btnBackLxn .iconBtnBack {
    width: 6.15%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .btnBackLxn .iconBtnBack {
    width: 16px;
    left: 7.3800738007%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .btnBackLxn .iconBtnBack {
    width: 5.9%;
  }
}
.thisPageConfrim .btnToThanksLxn {
  width: 260px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .btnToThanksLxn {
    width: 47.1%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .btnToThanksLxn {
    width: 271px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .btnToThanksLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .btnToThanksLxn {
    margin-top: 7.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConfrim .btnToThanksLxn .btnToThanks {
  cursor: pointer;
  aspect-ratio: 260/50;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.04em;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
  background-position: 0% 50%;
  background-size: 300% auto;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .btnToThanksLxn .btnToThanks {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .btnToThanksLxn .btnToThanks {
    aspect-ratio: 271/46;
    border-radius: 8vw;
    /* CSS3草案 */
    -webkit-border-radius: 8vw;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8vw;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfrim .btnToThanksLxn .btnToThanks {
    font-size: 3.7333333333vw;
  }
}
.thisPageConfrim .btnToThanksLxn .btnToThanks:hover {
  background-position: 100% 51%;
}
.thisPageConfrim .btnToThanksLxn .iconBtnToThanks {
  width: 16px;
  position: absolute;
  right: 7.6923076923%;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-self: center;
}
@media screen and (max-width: 1279px) {
  .thisPageConfrim .btnToThanksLxn .iconBtnToThanks {
    width: 6.15%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfrim .btnToThanksLxn .iconBtnToThanks {
    width: 16px;
    right: 7.3800738007%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thisPageConfrim .btnToThanksLxn .iconBtnToThanks {
    width: 5.9%;
  }
}

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

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

.formStep {
  width: 464px;
}
@media screen and (max-width: 1279px) {
  .formStep {
    width: 38.66%;
  }
}
@media screen and (max-width: 767px) {
  .formStep {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .formStep {
    width: 72.26%;
  }
}

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

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

.h3ThanksTop {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .h3ThanksTop {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ThanksTop {
    text-align: left;
    line-height: 150%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ThanksTop {
    font-size: 4.2666666667vw;
  }
}

.txtThanksTop {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 834px;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .txtThanksTop {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtThanksTop {
    width: 69.49%;
  }
}
@media screen and (max-width: 1279px) {
  .txtThanksTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksTop {
    width: 327px;
    margin-top: 10.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtThanksTop {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksTop {
    font-size: 3.4666666667vw;
  }
}

.btnThanksTopTel {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .btnThanksTopTel {
    pointer-events: auto;
  }
}

.btnThanksTopWap {
  margin-top: 72px;
  margin-bottom: 160px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
}
@media screen and (max-width: 1279px) {
  .btnThanksTopWap {
    margin-top: 6%;
    margin-bottom: 13.33%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnThanksTopWap {
    width: 21.66%;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksTopWap {
    margin-top: 15.06%;
    margin-bottom: 42.66%;
    margin-left: auto;
    margin-right: auto;
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnThanksTopWap {
    width: 72.26%;
  }
}

.btnThanksTop {
  aspect-ratio: 260/50;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.04em;
  background-image: linear-gradient(90deg, #3BB1FF, #0164F9, #1A95FA, #01C3F9);
  background-position: 0% 50%;
  background-size: 300% auto;
  outline: none;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnThanksTop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksTop {
    aspect-ratio: 271/46;
    line-height: normal;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanksTop {
    font-size: 3.7333333333vw;
  }
}
.btnThanksTop:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.iconBtnThanksTop {
  width: 220px;
  margin: auto;
  background: url(../img/index/iconBtnLastTopService.svg) no-repeat 100% center;
  background-size: auto 100%;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .iconBtnThanksTop {
    width: 84.61%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnThanksTop {
    width: 231px;
    margin: auto;
    background: url(../img/index/iconBtnLastTopService.svg) no-repeat 100% center;
    background-size: auto 86%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconBtnThanksTop {
    width: 85.23%;
  }
}

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

.t_right {
  text-align: right;
}

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

.cl_121212 {
  color: #121212;
}

.cl_C5C5C5 {
  color: #C5C5C5;
}

.cl_CE4043 {
  color: #CE4043;
}

.cl_003ACD {
  color: #003ACD;
}

.cl_0015FF {
  color: #0015FF;
}

.cl_E0742B {
  color: #E0742B;
}

.cl_4E4E4E {
  color: #4E4E4E;
}

.cl_38496D {
  color: #38496D;
}

.cl_fff {
  color: #fff;
}

.bg_fff {
  background: #fff;
}

.bg_EBEBEB {
  background: #EBEBEB;
}

.bg_C5C5C5 {
  background: #C5C5C5;
}

.bg_38496D {
  background: #38496D;
}

.bg_C7C7C7 {
  background: #C7C7C7;
}

.bg_E9F0F5 {
  background: #E9F0F5;
}

.lineTopService {
  background: linear-gradient(90deg, #39A7F0 0%, #003ACD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

svg {
  width: 100%;
  height: auto;
  display: block;
}

.t_left {
  text-align: left;
}

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