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

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

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

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

svg {
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-weight: 0;
}

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

.fw_100 {
  font-weight: 100;
}

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

.fw_200 {
  font-weight: 200;
}

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

.fw_300 {
  font-weight: 300;
}

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

.fw_400 {
  font-weight: 400;
}

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

.fw_500 {
  font-weight: 500;
}

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

.fw_600 {
  font-weight: 600;
}

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

.fw_700 {
  font-weight: 700;
}

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

.fw_800 {
  font-weight: 800;
}

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

.fw_900 {
  font-weight: 900;
}

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

.fw_1000 {
  font-weight: 1000;
}

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

.fw_1100 {
  font-weight: 1100;
}

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

.fw_1200 {
  font-weight: 1200;
}

.ovhidden {
  overflow: hidden;
}

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

#history img {
  display: inline-block;
}

#errorpage img {
  display: inline-block;
}

#top .sec01 .tBox:hover {
  opacity: 1;
}

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

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

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

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

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topHeader.pofixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.underHeader.posta {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: #FFF;
}

.headerPcWap {
  position: relative;
  padding-top: 15px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .headerPcWap {
    padding: 0.78% 0% 0.41% 0%;
  }
}

.headerPcTop {
  position: relative;
}

.headerPcTopWap {
  width: 1388px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .headerPcTopWap {
    width: 72.29%;
  }
}
@media screen and (max-width: 1400px) {
  .headerPcTopWap {
    width: 98%;
  }
}

.logHeaderPcTop {
  width: 94px;
  display: block;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .logHeaderPcTop {
    margin: 0.28% 0% 0% 0%;
  }
}

.navSearchEnHeaderPc {
  width: 690px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 93px;
}
@media screen and (max-width: 1200px) {
  .navSearchEnHeaderPc {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 6.7%;
  }
}

/*検索*/
.searchEnHeaderPc {
  width: 320px;
  margin: 0 0 0 auto;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .searchEnHeaderPc {
    width: 46.78%;
  }
}

.searchHeaderPc {
  width: 251px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .searchHeaderPc {
    width: 80.96%;
  }
}

.searchHeaderPc form {
  width: 100%;
}

.inputSearchHeaderPc {
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #F1F1F1;
  background: #F1F1F1;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .inputSearchHeaderPc {
    padding: 1.19% 3.98% 1.59% 3.98%;
  }
}
@media screen and (max-width: 1200px) {
  .inputSearchHeaderPc {
    font-size: 1.0833333333vw;
  }
}
.inputSearchHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.inputSearchHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .inputSearchHeaderPc {
    padding: 0.5vw 0.833333vw 0.5vw 0.8333333333vw;
  }
}

.btnSearchHeaderPc {
  position: absolute;
  top: 25%;
  right: 4%;
  margin: auto;
}

/*言語*/
.languegeListPc {
  width: auto;
  min-width: 41px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .languegeListPc {
    margin: 0% 0% 0% 7.96%;
  }
}

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

.languegeListPc a {
  color: #000 !important;
}

.languegeListPc .on {
  text-decoration: underline;
}

.slush {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 0 8%;
}
@media screen and (max-width: 1200px) {
  .slush {
    font-size: 1.1666666667vw;
  }
}
.slush::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.slush::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .slush {
    margin: 0 1%;
    color: #41A9F6;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .slush {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .slush::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .slush::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/*ナビ*/
.navGHeaderPc {
  width: 100%;
}

.ulNavGHeaerPc {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .ulNavGHeaerPc {
    margin: 2.04% 0% 0% 0%;
  }
}

.liNavGHeaerPc {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 59.3px;
  transition-duration: 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .liNavGHeaerPc {
    margin: 0% 8.66% 0% 0%;
  }
}
.liNavGHeaerPc:last-child {
  margin: 0;
}

.titleNavGHeaderPc {
  font-size: 14px;
  line-height: calc(NaN);
  letter-spacing: 0.07em;
  text-indent: -0.07em;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1200px) {
  .titleNavGHeaderPc {
    font-size: 1.1666666667vw;
  }
}
.titleNavGHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - calc(NaN)) * 0.5em);
  content: "";
}
.titleNavGHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - calc(NaN)) * 0.5em);
  content: "";
}
.titleNavGHeaderPc:link {
  color: #000;
}
.titleNavGHeaderPc:visited {
  color: #000;
}
.titleNavGHeaderPc:hover {
  opacity: 1;
}

.titleNavGHeaderPc::after {
  content: "";
  background: transparent;
  height: 2px;
  width: 0px;
  margin: auto;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  cursor: pointer;
  transition-duration: 0.5s;
}

.liNavGHeaerPc:hover .titleNavGHeaderPc::after {
  content: "";
  background: #41A9F6;
  width: 20px;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerPcUnder {
  padding-top: 40px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  background: #FFF;
  display: none;
}
@media screen and (max-width: 1200px) {
  .headerPcUnder {
    padding: 2.08% 0% 1.25% 0%;
  }
}

.headerPcUnderBox {
  width: 100%;
  margin: auto;
  align-items: flex-start;
}

.logoheaderPcUnder {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  width: 156px;
  border-right: 1px solid #000;
}
@media screen and (max-width: 1200px) {
  .logoheaderPcUnder {
    padding: 0.58% 0% 0.83% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .logoheaderPcUnder {
    width: 13%;
  }
}

/*サブナビタイトル*/
.h2logoheaderPcUnder {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.07em;
  text-indent: -0.07em;
  color: #41A9F6;
}
@media screen and (max-width: 1200px) {
  .h2logoheaderPcUnder {
    font-size: 1.6666666667vw;
  }
}
.h2logoheaderPcUnder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2logoheaderPcUnder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.h3logoheaderPcUnder {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.07em;
  text-indent: -0.07em;
  color: #41A9F6;
}
@media screen and (max-width: 1200px) {
  .h3logoheaderPcUnder {
    margin: 6.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h3logoheaderPcUnder {
    font-size: 1.1666666667vw;
  }
}
.h3logoheaderPcUnder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3logoheaderPcUnder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

/*サブナビ*/
.navheaderPcUnder {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 42px;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .navheaderPcUnder {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 3.5%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .navheaderPcUnder {
    width: 83.33%;
  }
}

.liUlheaderPcUnder {
  margin-top: 0px;
  margin-bottom: 28px;
  margin-left: 0px;
  margin-right: 58px;
}
@media screen and (max-width: 1200px) {
  .liUlheaderPcUnder {
    margin: 0% 5.8% 2.8% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liUlheaderPcUnder {
    margin: 0% 3.8% 2.8% 0%;
  }
}

.btnUlheaderPcUnder {
  color: #000;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .btnUlheaderPcUnder {
    font-size: 1.1666666667vw;
  }
}
.btnUlheaderPcUnder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnUlheaderPcUnder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.arrowUlheaderPcUnder {
  padding: 0 0 0 16px;
  background: url(../img/arrowUlheaderPcUnder.svg) no-repeat center left;
  background-size: auto 53%;
}

.ulNavGHeaerPc {
  pointer-events: none;
}

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

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

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

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

.headerSpTop {
  position: relative;
  padding: 2.13% 0% 1.3% 0%;
}

.headerSpTopWap {
  width: 355px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .headerSpTopWap {
    width: 94.66%;
  }
}

.logHeaderSpTop {
  width: 54px;
}
@media screen and (max-width: 1200px) {
  .logHeaderSpTop {
    width: 15.21%;
  }
}

.btnHeaderSpGnavBox {
  width: 40px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .btnHeaderSpGnavBox {
    width: 11.26%;
  }
}

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

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

/*ナビ*/
.headerSpUnder {
  padding-top: 0px;
  padding-bottom: 90px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFF;
  position: absolute;
  z-index: 99;
  display: none;
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100vh;
}
@media screen and (max-width: 1200px) {
  .headerSpUnder {
    padding: 0% 0% 24% 0%;
  }
}
.headerSpUnder::-webkit-scrollbar {
  display: none;
}

.headerSpUnderLxn {
  margin-top: 4.5%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  width: 325px;
  padding: 0 0 28% 0;
}
@media screen and (max-width: 1200px) {
  .headerSpUnderLxn {
    width: 86.66%;
  }
}

.ulHeaderSpUnderLxn {
  border-bottom: 1px solid #B3B3B3;
}

.jsliHeaderSpUnderLxn {
  padding: 4.2% 4.61% 4.4% 4.61%;
  border-top: 1px solid #B3B3B3;
  align-items: center;
}

.jsliHeaderSpUnderLxn.on {
  background: #E5F6FD;
  border-bottom: 1px solid #E5F6FD;
  border-top: 1px solid #E5F6FD;
}

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

.jsliHeaderSpUnderLxn.on .underHeaderSpUnderLxn {
  color: #00A4E9;
}

.btnUnderHeaderSpGnavBox {
  width: 9px;
}
@media screen and (max-width: 1200px) {
  .btnUnderHeaderSpGnavBox {
    width: 2.76%;
  }
}

.jsliHeaderSpUnderLxn.off .btnUnderHeaderSpGnavBox .off {
  display: block;
}
.jsliHeaderSpUnderLxn.off .btnUnderHeaderSpGnavBox .on {
  display: none;
}

.jsliHeaderSpUnderLxn.on .btnUnderHeaderSpGnavBox .off {
  display: none;
}
.jsliHeaderSpUnderLxn.on .btnUnderHeaderSpGnavBox .on {
  display: block;
}

/*検索*/
.searchHeaderSp {
  margin-top: 27.3%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: 0%;
  position: relative;
  align-items: center;
}

.inputSearchHeaderSp {
  padding: 1.1% 4.61% 1.5% 4.61%;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #F1F1F1;
  background: #F1F1F1;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .inputSearchHeaderSp {
    font-size: 3.4666666667vw;
  }
}
.inputSearchHeaderSp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.inputSearchHeaderSp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.btnSearchHeaderSp {
  position: absolute;
  top: 20.5%;
  right: 4.5%;
  margin: auto;
}

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

.languegeListSp a {
  color: #41A9F6;
}

.languegeListSp .on {
  text-decoration: underline;
  text-decoration-color: #41A9F6;
}

/*お問合せ*/
.btnHeaderSpUnderLast {
  margin-top: 13.23%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  aspect-ratio: 250/40;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  background: linear-gradient(90deg, #00A4E9 -5.34%, #173C9A 62.35%);
}
@media screen and (max-width: 1200px) {
  .btnHeaderSpUnderLast {
    width: 76.92%;
  }
}

.btnHeaderSpUnderLast {
  color: #FFF;
}

.littleBtnHeaderSpUnderLast {
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  background: url(../img/littleBtnHeaderSpUnderLast.svg) no-repeat 94% center;
  background-size: auto 100%;
  color: #FFF;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .littleBtnHeaderSpUnderLast {
    font-size: 4vw;
  }
}
.littleBtnHeaderSpUnderLast::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.littleBtnHeaderSpUnderLast::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navheaderSpUnder {
  display: none;
}

.ulheaderSpUnder {
  width: 79%;
  margin-top: 0.66%;
  margin-bottom: 7.1%;
  margin-left: auto;
  margin-right: auto;
}

.liUlheaderSpUnder {
  width: 100%;
}

.liUlheaderSpUnder:nth-child(n+2) {
  margin-top: 2.2%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
}

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

.arrowUlheaderSpUnder {
  padding: 0% 0% 0% 5.25%;
  background: url(../img/arrowUlheaderSpUnder.svg) no-repeat left center;
  background-size: auto 60%;
}

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

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.toTops {
  position: fixed;
  bottom: 9.5%;
  right: 10.6%;
  width: 67px;
  z-index: 9;
}
@media screen and (max-width: 1200px) {
  .toTops {
    width: 3.48%;
  }
}
@media screen and (max-width: 767px) {
  .toTops {
    right: 7.1%;
    width: 36px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .toTops {
    width: 9.6%;
  }
}

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

.footer {
  background: linear-gradient(0deg, #013D9F -15.51%, #0041A1 -13.9%, #0064BB 1.81%, #0080CF 17.68%, #0094DD 33.6%, #00A0E6 49.6%, #00A4E9 65.8%);
  margin-top: 109px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 72px;
  padding-bottom: 25px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .footer {
    margin: 5.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .footer {
    padding: 3.75% 0% 1.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin: 26.66% 0% 0% 0%;
    padding-top: 0px;
    padding-bottom: 60px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .footer {
    padding: 0% 0% 16% 0%;
  }
}

.mainservice + .footer {
  margin: 0;
}

.maingreeting + .footer {
  margin: 0;
}

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

.logoFooterWap {
  width: 186px;
}
@media screen and (max-width: 1200px) {
  .logoFooterWap {
    width: 16.18%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooterWap {
    order: 2;
    width: 75px;
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .logoFooterWap {
    width: 20%;
  }
}

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

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

.h2logoFooter {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h2logoFooter {
    font-size: 1.6666666667vw;
  }
}
.h2logoFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2logoFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h2logoFooter {
    margin: 7.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2logoFooter {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2logoFooter {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2logoFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2logoFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.navFooter {
  width: 742px;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .navFooter {
    width: 64.57%;
  }
}
@media screen and (max-width: 1200px) {
  .navFooter {
    margin: 1.82% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navFooter {
    order: 1;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navFooter {
    margin: 0% 0% 0% 0%;
  }
}

.topFooterCnt {
  width: 100%;
}

.navTopFooterCnt01 {
  width: 155px;
}
@media screen and (max-width: 1200px) {
  .navTopFooterCnt01 {
    width: 20.88%;
  }
}
@media screen and (max-width: 767px) {
  .navTopFooterCnt01 {
    width: 100%;
  }
}

.h3NavTopFooterCnt {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .h3NavTopFooterCnt {
    font-size: 1.1666666667vw;
  }
}
.h3NavTopFooterCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3NavTopFooterCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3NavTopFooterCnt {
    border-bottom: 1px solid #FFF;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    padding: 3.6% 6.66% 4.5% 6.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3NavTopFooterCnt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3NavTopFooterCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3NavTopFooterCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .h3NavTopFooterCnt.off {
    background: url(../img/btnNavTopFooterCntPOn.svg) no-repeat 94% center;
  }
}

@media screen and (max-width: 767px) {
  .h3NavTopFooterCnt.on {
    background: url(../img/btnNavTopFooterCntPOff.svg) no-repeat 94% center;
  }
}

a.btnNavTopFooterCntP {
  color: #FFF;
  background: url(../img/btnNavTopFooterCntP.svg) no-repeat left center;
  background-size: auto 17%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 18px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  a.btnNavTopFooterCntP {
    padding: 0% 0% 0% 3.91%;
  }
}
@media screen and (max-width: 767px) {
  a.btnNavTopFooterCntP {
    padding: 0% 0% 0% 5.5%;
  }
}

.ulNavTopFooterCnt {
  width: 100%;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ulNavTopFooterCnt {
    margin: 2.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavTopFooterCnt {
    border-bottom: 1px solid #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5.7% 11.46% 0% 11.46%;
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulNavTopFooterCnt {
    margin: 0% 0% 0% 0%;
  }
}

.liNavTopFooterCnt {
  width: 100%;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liNavTopFooterCnt {
    font-size: 1vw;
  }
}
.liNavTopFooterCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.liNavTopFooterCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .liNavTopFooterCnt {
    margin: 0% 0% 7.74% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavTopFooterCnt {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 0% 0% 7.3% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavTopFooterCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavTopFooterCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .liNavTopFooterCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

a.btnNavTopFooterCntC {
  color: #FFF;
  background: url(../img/btnNavTopFooterCntC.svg) no-repeat left center;
  background-size: auto 5%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 19px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  a.btnNavTopFooterCntC {
    padding: 0% 0% 0% 4.13%;
  }
}
@media screen and (max-width: 767px) {
  a.btnNavTopFooterCntC {
    padding: 0% 0% 0% 7.17%;
  }
}

.navTopFooterCnt02 {
  width: 513px;
}
@media screen and (max-width: 1200px) {
  .navTopFooterCnt02 {
    width: 69.13%;
  }
}
@media screen and (max-width: 767px) {
  .navTopFooterCnt02 {
    width: 100%;
  }
}

.liNavTopFooterCnt02 {
  width: 309px;
}
@media screen and (max-width: 1200px) {
  .liNavTopFooterCnt02 {
    width: 67.17%;
  }
}
@media screen and (max-width: 1200px) {
  .liNavTopFooterCnt02 {
    width: 56.52%;
    margin: 0% 0% 3.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavTopFooterCnt02 {
    width: 100%;
    margin: 0% 0% 7.3% 0%;
  }
}

.liNavTopFooterCnt02:nth-child(odd) {
  width: 195px;
}
@media screen and (max-width: 1200px) {
  .liNavTopFooterCnt02:nth-child(odd) {
    width: 42.39%;
  }
}
@media screen and (max-width: 767px) {
  .liNavTopFooterCnt02:nth-child(odd) {
    width: 100%;
  }
}

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

.navBtmFooterCnt {
  width: 142px;
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt {
    width: 19.13%;
  }
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt {
    width: 20.13%;
  }
}
@media screen and (max-width: 767px) {
  .navBtmFooterCnt {
    width: 100%;
  }
}

.navBtmFooterCnt01 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 88px;
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt01 {
    margin: 0% 11.85% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navBtmFooterCnt01 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navBtmFooterCnt01 {
    margin: 0% 0% 0% 0%;
  }
}

.navBtmFooterCnt02 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 62px;
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt02 {
    margin: 0% 8.35% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt02 {
    margin: 0% 5.35% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navBtmFooterCnt02 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navBtmFooterCnt02 {
    margin: 0% 0% 0% 0%;
  }
}

.navBtmFooterCnt03 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 36px;
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt03 {
    margin: 0% 4.85% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt03 {
    margin: 0% 3.85% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navBtmFooterCnt03 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navBtmFooterCnt03 {
    margin: 0% 0% 0% 0%;
  }
}

.navBtmFooterCnt04 {
  width: 130px;
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt04 {
    width: 17.52%;
  }
}
@media screen and (max-width: 1200px) {
  .navBtmFooterCnt04 {
    width: 18.52%;
  }
}
@media screen and (max-width: 767px) {
  .navBtmFooterCnt04 {
    width: 100%;
  }
}

.h3NavBtmFooterCnt {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .h3NavBtmFooterCnt {
    font-size: 1.1666666667vw;
  }
}
.h3NavBtmFooterCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3NavBtmFooterCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3NavBtmFooterCnt {
    border-bottom: 1px solid #FFF;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    padding: 3.6% 6.66% 4.7% 6.66%;
    background: url(../img/btnNavTopFooterCntPOff.svg) no-repeat 94% center;
    background-size: auto 17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3NavBtmFooterCnt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3NavBtmFooterCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3NavBtmFooterCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnNavBtmFooterCntP {
  color: #FFF;
  background: url(../img/btnNavTopFooterCntP.svg) no-repeat left center;
  background-size: auto 17%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 18px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .btnNavBtmFooterCntP {
    padding: 0% 0% 0% 3.91%;
  }
}
@media screen and (max-width: 767px) {
  .btnNavBtmFooterCntP {
    padding: 0% 0% 0% 5.5%;
  }
}

@media screen and (max-width: 767px) {
  .h3NavBtmFooterCnt.off {
    background: url(../img/btnNavTopFooterCntPOn.svg) no-repeat 94% center;
  }
}

@media screen and (max-width: 767px) {
  .h3NavBtmFooterCnt.on {
    background: url(../img/btnNavTopFooterCntPOff.svg) no-repeat 94% center;
  }
}

.h3NavBtmFooterCnt02 {
  background: unset;
}

a.btnNavBtmFooterCntP {
  color: #FFF;
  background: url(../img/btnNavTopFooterCntP.svg) no-repeat left center;
  background-size: auto 17%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 18px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  a.btnNavBtmFooterCntP {
    padding: 0% 0% 0% 11.61%;
  }
}
@media screen and (max-width: 767px) {
  a.btnNavBtmFooterCntP {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  a.btnNavBtmFooterCntP {
    padding: 0% 0% 0% 5.17%;
  }
}

.ulNavBtmFooterCnt {
  width: 100%;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ulNavBtmFooterCnt {
    margin: 12.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavBtmFooterCnt {
    border-bottom: 1px solid #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 6.4% 11.46% 0% 11.46%;
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulNavBtmFooterCnt {
    margin: 0% 0% 0% 0%;
  }
}

.liNavBtmFooterCnt {
  width: 100%;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liNavBtmFooterCnt {
    font-size: 1vw;
  }
}
.liNavBtmFooterCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.liNavBtmFooterCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .liNavBtmFooterCnt {
    margin: 0% 0% 7.74% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavBtmFooterCnt {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 0% 0% 7.2% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavBtmFooterCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavBtmFooterCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .liNavBtmFooterCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

a.btnNavBtmFooterCntC {
  color: #FFF;
  background: url(../img/btnNavTopFooterCntC.svg) no-repeat left center;
  background-size: auto 5%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 19px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  a.btnNavBtmFooterCntC {
    padding: 0% 0% 0% 12.25%;
  }
}
@media screen and (max-width: 767px) {
  a.btnNavBtmFooterCntC {
    padding: 0% 0% 0% 7.1%;
  }
}

.footerFx {
  margin-top: 125px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .footerFx {
    margin-top: 10.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerFx {
    display: block;
    text-align: center;
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

a.txtFooter {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  a.txtFooter {
    font-size: 1vw;
  }
}
a.txtFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
a.txtFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  a.txtFooter {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  a.txtFooter {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  a.txtFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  a.txtFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.copyFooter {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .copyFooter {
    font-size: 1vw;
  }
}
.copyFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.copyFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .copyFooter {
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copyFooter {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .copyFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .copyFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.pcFooterFixedNav {
  position: fixed;
  top: 35%;
  right: 0;
  z-index: 9;
  width: 117px;
}
@media screen and (max-width: 1200px) {
  .pcFooterFixedNav {
    width: 6.09%;
  }
}

.ulPcFooterFixedNav {
  width: 100%;
}

.liPcFooterFixedNav {
  width: 100%;
}

.liPcFooterFixedNav:nth-child(n+2) {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liPcFooterFixedNav:nth-child(n+2) {
    margin: 12.82% 0% 0% 0%;
  }
}

.spFooterFixedNav {
  z-index: 9;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .spFooterFixedNav {
    position: fixed;
  }
}

.ulSpFooterFixedNav {
  width: 100%;
}

.liSpFooterFixedNav {
  width: 122px;
}
@media screen and (max-width: 1200px) {
  .liSpFooterFixedNav {
    width: 32.53%;
  }
}

.btnPcFooterFixedNav {
  transition-duration: 0.5s;
}

.btnPcFooterFixedNav:hover {
  opacity: 0.8;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
#top .sec01 {
  margin-bottom: 0;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexAbout {
  padding-top: 121px;
  padding-bottom: 134px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexAbout {
    padding: 6.3% 0% 6.97% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexAbout {
    padding: 2.5% 0% 21.3% 0%;
  }
}

@media screen and (max-width: 767px) {
  .indexAboutTop {
    width: 337px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .indexAboutTop {
    width: 89.86%;
  }
}

.secIndexAboutTop {
  width: 730px;
}
@media screen and (max-width: 1200px) {
  .secIndexAboutTop {
    width: 60.83%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexAboutTop {
    width: 337px;
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secIndexAboutTop {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secIndexAboutTop {
    margin-top: 8.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2IndexAboutTop {
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .h2IndexAboutTop {
    font-size: 2.5vw;
  }
}
.h2IndexAboutTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2IndexAboutTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexAboutTop {
    line-height: 1;
    letter-spacing: 0.18em;
    text-indent: -0.18em;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexAboutTop {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexAboutTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexAboutTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtIndexAboutTop {
  width: 600px;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 2.375;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .txtIndexAboutTop {
    width: 82.19%;
  }
}
@media screen and (max-width: 1200px) {
  .txtIndexAboutTop {
    margin: 3.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtIndexAboutTop {
    font-size: 1.3333333333vw;
  }
}
.txtIndexAboutTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.375) * 0.5em);
  content: "";
}
.txtIndexAboutTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAboutTop {
    width: 100%;
    margin: 7.9% 0% 0% 0%;
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAboutTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexAboutTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtIndexAboutTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.logoIndexAboutTop {
  width: 374px;
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 36px;
}
@media screen and (max-width: 1200px) {
  .logoIndexAboutTop {
    width: 31.16%;
  }
}
@media screen and (max-width: 1200px) {
  .logoIndexAboutTop {
    margin-top: 10.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 4.97%;
  }
}
@media screen and (max-width: 767px) {
  .logoIndexAboutTop {
    width: 145px;
    margin-top: 11.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .logoIndexAboutTop {
    width: 43.02%;
  }
}

.navIndexAbout {
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .navIndexAbout {
    margin-top: 7.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navIndexAbout {
    margin-top: 7.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navIndexAbout {
    width: 78.66%;
  }
}

.ulNavIndexAbout {
  justify-content: space-between;
  flex-flow: row wrap;
}

.liNavIndexAbout {
  width: 280px;
}
@media screen and (max-width: 1200px) {
  .liNavIndexAbout {
    width: 23.33%;
  }
}
@media screen and (max-width: 767px) {
  .liNavIndexAbout {
    width: 140px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNavIndexAbout {
    width: 47.45%;
  }
}
@media screen and (max-width: 767px) {
  .liNavIndexAbout:nth-child(n+3) {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNavIndexAbout:nth-child(n+3) {
    margin: 5.08% 0% 0% 0%;
  }
}

.btnNavIndexAbou {
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
#top .products {
  height: auto;
  margin-bottom: 0;
}

#top .indexProducts {
  padding-top: 122px;
  padding-bottom: 97px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  #top .indexProducts {
    padding: 6.35% 0% 5.05% 0%;
  }
}
@media screen and (max-width: 767px) {
  #top .indexProducts {
    padding: 13.1% 0% 14% 0%;
  }
}

.bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  height: auto;
  background: #000;
}
.bg video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100vw;
  height: 100%;
  display: block;
}
.comBoxpProducts {
  max-width: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .comBoxpProducts {
    width: 90%;
    margin: auto;
  }
}

#top .products .h2products {
  font-size: 60px;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  #top .products .h2products {
    font-size: 5vw;
  }
}
#top .products .h2products::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
#top .products .h2products::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  #top .products .h2products {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #top .products .h2products {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #top .products .h2products::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #top .products .h2products::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

#top .products .txtproducts {
  font-weight: 400;
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 19px;
  line-height: 2;
  letter-spacing: 0.07em;
  text-indent: -0.07em;
}
@media screen and (max-width: 1200px) {
  #top .products .txtproducts {
    margin: 0.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  #top .products .txtproducts {
    font-size: 1.5833333333vw;
  }
}
#top .products .txtproducts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
#top .products .txtproducts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  #top .products .txtproducts {
    margin: 4.4% 0% 0% 0%;
    line-height: 1;
    letter-spacing: 0.07em;
    text-indent: -0.07em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #top .products .txtproducts {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  #top .products .txtproducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #top .products .txtproducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.comBtn01.comBtn01products {
  margin-top: 98px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 328px;
}
@media screen and (max-width: 1200px) {
  .comBtn01.comBtn01products {
    margin: 8.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .comBtn01.comBtn01products {
    width: 27.33%;
  }
}
@media screen and (max-width: 767px) {
  .comBtn01.comBtn01products {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 63.93%;
    transform: translate(0, 173%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .comBtn01.comBtn01products {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.comBtn01.comBtn01products .btnProducts {
  aspect-ratio: 328/65;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.09em;
  text-indent: -0.09em;
}
@media screen and (max-width: 1200px) {
  .comBtn01.comBtn01products .btnProducts {
    font-size: 1.6666666667vw;
  }
}
.comBtn01.comBtn01products .btnProducts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.comBtn01.comBtn01products .btnProducts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .comBtn01.comBtn01products .btnProducts {
    aspect-ratio: 221/42;
    padding: 10px 40px 9px;
    line-height: 1;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .comBtn01.comBtn01products .btnProducts {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .comBtn01.comBtn01products .btnProducts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .comBtn01.comBtn01products .btnProducts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.comBtn01.comBtn01products .btnProducts:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  content: "";
}
.comBtn01.comBtn01products .btnProducts:after {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/index/icon05.svg) no-repeat center center/cover;
  content: "";
  transition: 0.6s;
}
.comBtn01.comBtn01products .btnProducts:hover {
  color: #00A4E9;
  background: #fff;
  opacity: 1;
}
.comBtn01.comBtn01products .btnProducts:hover::before {
  border-width: 2px;
  border-color: #00A4E9;
}
.comBtn01.comBtn01products .btnProducts:hover::after {
  background-image: url(../img/index/icon07.png);
}

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

.indexPicUpWap .h2IndexPicUp {
  margin: 0;
}
.indexPicUpWap .h3IndexPicUp {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexPicUpWap .h3IndexPicUp {
    margin: 0.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexPicUpWap .h3IndexPicUp {
    margin: 2.1% 0% 0% 0%;
  }
}

.ulIndexPicUp {
  width: 100%;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ulIndexPicUp {
    margin: 2.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexPicUp {
    width: 325px;
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulIndexPicUp {
    width: 86.66%;
  }
}

.liIndexPicUp {
  box-shadow: 1px 1px 13px 1px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 15px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
  width: 375px;
}
@media screen and (max-width: 1200px) {
  .liIndexPicUp {
    padding: 1.25% 0% 1.5% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liIndexPicUp {
    width: 31.25%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexPicUp {
    border-radius: 7px;
    /* CSS3草案 */
    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;
    /* Firefox用 */
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    width: 155px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liIndexPicUp {
    padding: 1.84% 0% 2.46% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liIndexPicUp {
    width: 47.69%;
  }
}

@media screen and (max-width: 767px) {
  .liIndexPicUp:nth-child(n+3) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liIndexPicUp:nth-child(n+3) {
    margin: 4.92% 0% 0% 0%;
  }
}

.liIndexPicUp a {
  display: block;
  width: 100%;
}

.thumbsIndexPicUp {
  width: 238px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 238/196;
}
@media screen and (max-width: 1200px) {
  .thumbsIndexPicUp {
    width: 63.46%;
  }
}
@media screen and (max-width: 1200px) {
  .thumbsIndexPicUp {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thumbsIndexPicUp {
    width: 91px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thumbsIndexPicUp {
    width: 58.7%;
  }
}

.thumbsIndexPicUp img {
  width: auto;
  height: 100%;
}

.txtThumbsIndexPicUp {
  text-align: center;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.8095238095;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
  width: 268px;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtThumbsIndexPicUp {
    font-size: 1.75vw;
  }
}
.txtThumbsIndexPicUp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8095238095) * 0.5em);
  content: "";
}
.txtThumbsIndexPicUp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8095238095) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtThumbsIndexPicUp {
    width: 71.46%;
  }
}
@media screen and (max-width: 1200px) {
  .txtThumbsIndexPicUp {
    margin-top: 1.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtThumbsIndexPicUp {
    line-height: 1;
    letter-spacing: 0.12em;
    text-indent: -0.12em;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThumbsIndexPicUp {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThumbsIndexPicUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtThumbsIndexPicUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtThumbsIndexPicUp span {
  display: block;
  background: url(../img/index/txtThumbsIndexPicUp.svg) no-repeat right center;
  background-size: auto 22px;
}
@media screen and (max-width: 767px) {
  .txtThumbsIndexPicUp span {
    display: inline;
    background-size: auto 10px;
    padding: 0% 8% 1% 0;
  }
}

.btnIndexPicUpWap {
  width: 328px;
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnIndexPicUpWap {
    width: 27.33%;
  }
}
@media screen and (max-width: 1200px) {
  .btnIndexPicUpWap {
    margin-top: 5.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexPicUpWap {
    width: 221px;
    margin-top: 9.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnIndexPicUpWap {
    width: 58.93%;
  }
}

.btnIndexPicUp {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  aspect-ratio: 328/65;
  height: auto;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  border-radius: 60px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  background: linear-gradient(to right, #2D98D9, #3256A7, #173C9A);
  transition: all 0.6s;
  overflow: hidden;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .btnIndexPicUp {
    font-size: 1.6666666667vw;
  }
}
.btnIndexPicUp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.35) * 0.5em);
  content: "";
}
.btnIndexPicUp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.35) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnIndexPicUp {
    aspect-ratio: 221/42;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexPicUp {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexPicUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnIndexPicUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.btnIndexPicUp:before {
  border-width: 2px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  content: "";
}
.btnIndexPicUp:after {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/index/icon05.svg) no-repeat center center/cover;
  content: "";
  transition: 0.6s;
}
@media screen and (max-width: 767px) {
  .btnIndexPicUp:after {
    width: 16px;
    height: 16px;
    right: 13px;
  }
}
.btnIndexPicUp:hover {
  color: #00A4E9;
  background: #fff;
}
.btnIndexPicUp:hover::before {
  border-width: 2px;
  border-color: #00A4E9;
}
.btnIndexPicUp:hover::after {
  background-image: url(../img/index/icon07.png);
}

.iconBtnIndexPicUp {
  color: #FFF;
}

.btnIndexPicUp:hover .iconBtnIndexPicUp {
  color: #00A4E9;
}

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

.voicePcTopWap {
  position: relative;
  margin-top: 81px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .voicePcTopWap {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .voicePcTopWap {
    margin-top: 65px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .voicePcTopWap {
    margin-top: 17.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.indexUserVoices {
  padding-top: 45px;
  padding-bottom: 82px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexUserVoices {
    padding: 2.34% 0% 4.27% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexUserVoices {
    padding: 7% 0% 18.7% 0%;
  }
}

.bgIndexUserVoices {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100vw;
  border-radius: 50px 0 0 50px;
  background: var(--Linear, linear-gradient(0deg, #173C9A -35.73%, #15419D -33.05%, #0E64B8 -11.88%, #0780CD 9.51%, #0394DC 30.96%, #00A0E6 52.52%, #00A4E9 74.34%));
}
@media screen and (max-width: 767px) {
  .bgIndexUserVoices {
    width: 350px;
    border-radius: 23px 0 0 23px;
    right: 0;
    left: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .bgIndexUserVoices {
    width: 93.33%;
  }
}

.indexUserVoicesWap {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1300px) {
  .indexUserVoicesWap {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .indexUserVoicesWap {
    width: 100%;
  }
}

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

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

.ulIndexUserVoices {
  width: 100%;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ulIndexUserVoices {
    margin: 2.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexUserVoices {
    margin-top: 7.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulIndexUserVoices {
    width: 48%;
  }
}

.liIndexUserVoices {
  width: 340px;
}
@media screen and (max-width: 1200px) {
  .liIndexUserVoices {
    width: 28.33%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexUserVoices {
    width: 100%;
  }
  .liIndexUserVoices:nth-child(n+2) {
    margin-top: 16.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liIndexUserVoices a {
  display: block;
  width: 100%;
}

.thumbsIndexUserVoices {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  aspect-ratio: 340/263;
}
@media screen and (max-width: 767px) {
  .thumbsIndexUserVoices {
    aspect-ratio: 180/139;
  }
}

.thumbsIndexUserVoices span {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: cover;
}
.txtIndexUserVoicesBox {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtIndexUserVoicesBox {
    margin: 3.82% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexUserVoicesBox {
    margin: 7.2% 0% 0% 0%;
  }
}

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

.txtIndexUserVoices {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtIndexUserVoices {
    font-size: 1.6666666667vw;
  }
}
.txtIndexUserVoices::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.txtIndexUserVoices::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtIndexUserVoices {
    margin: 2.94% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexUserVoices {
    line-height: 1.7272727273;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexUserVoices {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexUserVoices::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7272727273) * 0.5em);
    content: "";
  }
  .txtIndexUserVoices::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7272727273) * 0.5em);
    content: "";
  }
}

.btnIndexUserVoicesWap {
  width: 328px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -22.3%;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .btnIndexUserVoicesWap {
    width: 27.33%;
  }
}
@media screen and (max-width: 1200px) {
  .btnIndexUserVoicesWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnIndexUserVoicesWap {
    bottom: -7vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexUserVoicesWap {
    width: 221px;
    bottom: -12.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnIndexUserVoicesWap {
    width: 58.93%;
  }
}

.btnIndexUserVoices {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  aspect-ratio: 328/65;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  border-radius: 60px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  background: linear-gradient(to right, #2D98D9, #3256A7, #173C9A);
  background-color: #fff;
  transition: all 0.6s;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .btnIndexUserVoices {
    font-size: 1.6666666667vw;
  }
}
.btnIndexUserVoices::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnIndexUserVoices::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnIndexUserVoices {
    aspect-ratio: 221/42;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexUserVoices {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexUserVoices::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnIndexUserVoices::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.btnIndexUserVoices:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  content: "";
}
.btnIndexUserVoices:after {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/index/icon05.svg) no-repeat center center/cover;
  content: "";
  transition: 0.6s;
}
@media screen and (max-width: 767px) {
  .btnIndexUserVoices:after {
    width: 16px;
    height: 16px;
    right: 13px;
  }
}
.btnIndexUserVoices:hover {
  color: #00A4E9;
  background: #fff;
  opacity: 1;
}
.btnIndexUserVoices:hover::before {
  border-width: 2px;
  border-color: #00A4E9;
}
.btnIndexUserVoices:hover::after {
  background-image: url(../img/index/icon07.png);
}

.iconBtnIndexUserVoices {
  color: #FFF;
}

.btnIndexUserVoices:hover .iconBtnIndexPicUp {
  color: #00A4E9;
}

.btnIndexUserVoices:hover .iconBtnIndexUserVoices {
  color: #00A4E9;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexNews {
  padding-top: 183px;
  padding-bottom: 216px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexNews {
    padding: 9.53% 0% 11.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexNews {
    padding: 26.9% 0% 26.66% 0%;
  }
}

.indexNewsLxn {
  width: 720px;
}
@media screen and (max-width: 1200px) {
  .indexNewsLxn {
    width: 60%;
  }
}
@media screen and (max-width: 1200px) {
  .indexNewsLxn {
    width: 58%;
  }
}
@media screen and (max-width: 767px) {
  .indexNewsLxn {
    order: 2;
    width: 337px;
    margin-top: 15.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .indexNewsLxn {
    width: 89.86%;
  }
}

.indexNewsTitleFx {
  width: 100%;
}

.h2IndexPicUp {
  color: #000;
  font-size: 43px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 21px;
}
@media screen and (max-width: 1200px) {
  .h2IndexPicUp {
    font-size: 3.5833333333vw;
  }
}
.h2IndexPicUp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2IndexPicUp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h2IndexPicUp {
    margin: 0% 2.91% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexPicUp {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexPicUp {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexPicUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2IndexPicUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2IndexPicUp {
    margin: 0% 2.96% 0% 0%;
  }
}

.h3IndexPicUp {
  color: #000;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .h3IndexPicUp {
    font-size: 1.3333333333vw;
  }
}
.h3IndexPicUp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3IndexPicUp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3IndexPicUp {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexPicUp {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexPicUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3IndexPicUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.indexNewsList {
  width: 100%;
  border-top: 1px solid #949595;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexNewsList {
    margin: 3.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexNewsList {
    margin: 5.52% 0% 0% 0%;
  }
}

.liIndexNewsList {
  border-bottom: 1px solid #949595;
  padding-top: 30px;
  padding-bottom: 32px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liIndexNewsList {
    padding: 4.16% 0% 4.44% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexNewsList {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liIndexNewsList {
    padding: 5.93% 0% 5.93% 0%;
  }
}

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

.timeIndexNewsList {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  width: 156px;
}
@media screen and (max-width: 1200px) {
  .timeIndexNewsList {
    font-size: 1.6666666667vw;
  }
}
.timeIndexNewsList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.timeIndexNewsList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .timeIndexNewsList {
    width: 22.09%;
  }
}
@media screen and (max-width: 767px) {
  .timeIndexNewsList {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    width: 19.77%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeIndexNewsList {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .timeIndexNewsList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .timeIndexNewsList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

#top .txt {
  color: #000;
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
  width: 530px;
}
@media screen and (max-width: 1200px) {
  #top .txt {
    font-size: 1.6666666667vw;
  }
}
#top .txt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top .txt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  #top .txt {
    width: 75.07%;
  }
}
@media screen and (max-width: 767px) {
  #top .txt {
    line-height: 1;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
    width: 74.73%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #top .txt {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #top .txt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #top .txt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.arrowIndexNewsList {
  width: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .arrowIndexNewsList {
    width: 2.54%;
  }
}
@media screen and (max-width: 1200px) {
  .arrowIndexNewsList {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .arrowIndexNewsList {
    width: 12px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .arrowIndexNewsList {
    width: 3.56%;
  }
}

.btnnewsWap {
  width: 328px;
  margin-top: 71px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnnewsWap {
    width: 45.55%;
  }
}
@media screen and (max-width: 1200px) {
  .btnnewsWap {
    margin-top: 9.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnnewsWap {
    width: 221px;
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnnewsWap {
    width: 65.57%;
  }
}

.indexNewsLxn .btnnews {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  aspect-ratio: 328/65;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  border-radius: 60px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  background: linear-gradient(to right, #2D98D9, #3256A7, #173C9A);
  background-color: #fff;
  transition: all 0.6s;
  overflow: hidden;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .indexNewsLxn .btnnews {
    font-size: 1.6666666667vw;
  }
}
.indexNewsLxn .btnnews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.35) * 0.5em);
  content: "";
}
.indexNewsLxn .btnnews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.35) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .indexNewsLxn .btnnews {
    aspect-ratio: 221/42;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .indexNewsLxn .btnnews {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .indexNewsLxn .btnnews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .indexNewsLxn .btnnews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.indexNewsLxn .btnnews:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  content: "";
  margin: 0;
}
@media screen and (max-width: 767px) {
  .indexNewsLxn .btnnews:before {
    top: 0;
  }
}
.indexNewsLxn .btnnews:after {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/index/icon05.svg) no-repeat center center/cover;
  content: "";
  transition: 0.6s;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .indexNewsLxn .btnnews:after {
    width: 16px;
    height: 16px;
    right: 13px;
  }
}
.indexNewsLxn .btnnews:hover {
  color: #00A4E9;
  background: #fff;
}
.indexNewsLxn .btnnews:hover::before {
  border-width: 2px;
  border-color: #00A4E9;
}
.indexNewsLxn .btnnews:hover::after {
  background-image: url(../img/index/icon07.png);
}

.photoBox {
  width: 415px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .photoBox {
    width: 57.63%;
  }
}
@media screen and (max-width: 1200px) {
  .photoBox {
    margin: 0.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .photoBox {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .photoBox {
    order: 1;
    width: 325px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoBox {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoBox {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexCvn {
  padding-top: 33px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexCvn {
    padding: 1.71% 0% 2.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexCvn {
    padding: 5.93% 0% 6.93% 0%;
  }
}

.secIndexCvn {
  width: 1078px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secIndexCvn {
    width: 89.83%;
  }
}
@media screen and (max-width: 1200px) {
  .secIndexCvn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secIndexCvn {
    width: 262px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secIndexCvn {
    width: 69.86%;
  }
}

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

.ulIndexCvn {
  width: 100%;
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ulIndexCvn {
    margin: 4.17% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexCvn {
    width: 250px;
    margin-top: 10.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulIndexCvn {
    width: 95.41%;
  }
}

.liIndexCvn {
  width: 500px;
}
@media screen and (max-width: 1200px) {
  .liIndexCvn {
    width: 46.38%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexCvn {
    width: 100%;
  }
}

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

.btnLiIndexCvnWap {
  width: 100%;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .btnLiIndexCvnWap {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnLiIndexCvnWap {
    margin: 3% 0% 0% 0%;
  }
}

a.btnLiIndexCvn {
  color: #FFF;
  aspect-ratio: 500/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  a.btnLiIndexCvn {
    aspect-ratio: 250/40;
  }
}

.iconLiIndexCvn01 {
  background: url(../img/index/iconLiIndexCvn01.svg) no-repeat left center;
  background-size: auto 100%;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 74px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .iconLiIndexCvn01 {
    font-size: 2vw;
  }
}
.iconLiIndexCvn01::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.iconLiIndexCvn01::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .iconLiIndexCvn01 {
    padding: 1% 0% 1% 14.8%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiIndexCvn01 {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0.5% 0% 0.5% 10.4%;
    white-space: nowrap;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconLiIndexCvn01 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconLiIndexCvn01::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .iconLiIndexCvn01::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

.iconLiIndexCvn02 {
  background: url(../img/index/iconLiIndexCvn02.svg) no-repeat left center;
  background-size: auto 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 74px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .iconLiIndexCvn02 {
    padding: 1.4% 0% 1.4% 14.8%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiIndexCvn02 {
    padding: 1% 0% 1% 11.2%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
#company .pageLead {
  background-image: url(../img/company/page_bg01.jpg);
  height: 248px;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  #company .pageLead {
    margin: 0% 0% 1.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  #company .pageLead {
    background-image: url(../img/company/page_bg01Sp.jpg);
    height: 22.4vw;
    margin-top: 0px;
    margin-bottom: 13px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  #company .pageLead {
    margin: 0% 0% 3.46% 0%;
  }
}

#company .pageLead h2 {
  max-width: 1190px;
  text-align: left;
  bottom: 80px;
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  #company .pageLead h2 {
    font-size: 2.25vw;
  }
}
#company .pageLead h2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#company .pageLead h2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  #company .pageLead h2 {
    width: calc(97.335% - 40px);
    bottom: 20px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #company .pageLead h2 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #company .pageLead h2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #company .pageLead h2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

#company .pageLead h2 .txt01 {
  text-align: left;
}

#company .pageLead h2 .txt01 span {
  font-size: 72px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 0px;
  margin-bottom: 14px;
  margin-left: -5px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  #company .pageLead h2 .txt01 span {
    font-size: 6vw;
  }
}
#company .pageLead h2 .txt01 span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#company .pageLead h2 .txt01 span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  #company .pageLead h2 .txt01 span {
    margin: 0% 0% 1.16% -0.42%;
  }
}
@media screen and (max-width: 767px) {
  #company .pageLead h2 .txt01 span {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 0% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #company .pageLead h2 .txt01 span {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #company .pageLead h2 .txt01 span::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #company .pageLead h2 .txt01 span::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

#company #pagePath.page01 {
  justify-content: flex-start;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgPrivacyFv {
  background: linear-gradient(90deg, #213B93 0%, #1F4197 2.9%, #1364B5 22.04%, #0B80CB 41.38%, #0494DC 60.78%, #01A0E5 80.27%, #00A4E9 100%);
}

.privacyFv {
  padding-top: 56px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .privacyFv {
    padding: 2.91% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .privacyFv {
    padding: 4.5% 0% 5.3% 0%;
  }
}

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

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

.h3PrivacyFv {
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3PrivacyFv {
    font-size: 2.25vw;
  }
}
.h3PrivacyFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3PrivacyFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3PrivacyFv {
    margin: 1.08% 0% 0% 0.33%;
  }
}
@media screen and (max-width: 767px) {
  .h3PrivacyFv {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 1.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PrivacyFv {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PrivacyFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3PrivacyFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

.privacyBreadWap #pagePath.page01 {
  margin: 0;
  color: #3E3A39;
}

#pagePath li {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
}
@media screen and (max-width: 1200px) {
  #pagePath li {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  #pagePath li {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #pagePath li {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.privacyMain {
  margin-top: 89px;
  margin-bottom: 298px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .privacyMain {
    margin-top: 7.41%;
    margin-bottom: 24.83%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .privacyMain {
    width: 325px;
    margin-top: 11.5%;
    margin-bottom: 26.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .privacyMain {
    width: 86.66%;
  }
}

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

.txtPrivacyMain {
  margin-top: 111px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.2222222222;
  letter-spacing: 0.07em;
  text-indent: -0.07em;
}
@media screen and (max-width: 1200px) {
  .txtPrivacyMain {
    margin-top: 9.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtPrivacyMain {
    font-size: 1.5vw;
  }
}
.txtPrivacyMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
.txtPrivacyMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtPrivacyMain {
    margin-top: 13.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPrivacyMain {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPrivacyMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtPrivacyMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.secPrivacyMain {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secPrivacyMain {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacyMain {
    margin-top: 8.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secPrivacyMain02 {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secPrivacyMain02 {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacyMain02 {
    margin-top: 8.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.txtSecPrivacyMainDetail {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.2222222222;
  letter-spacing: 0.07em;
  text-indent: -0.07em;
}
@media screen and (max-width: 1200px) {
  .txtSecPrivacyMainDetail {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtSecPrivacyMainDetail {
    font-size: 1.5vw;
  }
}
.txtSecPrivacyMainDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
.txtSecPrivacyMainDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSecPrivacyMainDetail {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSecPrivacyMainDetail {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSecPrivacyMainDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtSecPrivacyMainDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.txtSecPrivacyMainDetail02 {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 2.2222222222;
  letter-spacing: 0.07em;
  text-indent: -0.07em;
}
@media screen and (max-width: 1200px) {
  .txtSecPrivacyMainDetail02 {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtSecPrivacyMainDetail02 {
    font-size: 1.5vw;
  }
}
.txtSecPrivacyMainDetail02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
.txtSecPrivacyMainDetail02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.2222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSecPrivacyMainDetail02 {
    margin-top: 6.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSecPrivacyMainDetail02 {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSecPrivacyMainDetail02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .txtSecPrivacyMainDetail02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

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

.h1RecruitMain {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .h1RecruitMain {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .h1RecruitMain {
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1RecruitMain {
    font-size: 4vw;
  }
}

.recruitMainLoop {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .recruitMainLoop {
    margin-top: 2.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitMainLoop {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .recruitMainLoop {
    width: 78.66%;
  }
}

.liRecruitMainLoop {
  width: 560px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .liRecruitMainLoop {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .liRecruitMainLoop {
    width: 100%;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liRecruitMainLoop {
    margin: 5.42% 0% 0% 0%;
  }
}
.liRecruitMainLoop:nth-child(n+3) {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liRecruitMainLoop:nth-child(n+3) {
    margin: 13.39% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liRecruitMainLoop:nth-child(n+3) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liRecruitMainLoop:nth-child(n+3) {
    margin: 5.42% 0% 0% 0%;
  }
}
.liRecruitMainLoop:last-child {
  margin-right: auto;
}

.btnRecruitMainLoop {
  background: linear-gradient(90deg, #213BC2 0%, #00A4E9 70.5%);
  transition-duration: 0.5s;
}
.btnRecruitMainLoop:hover {
  opacity: 0.8;
}

/*サムネイル*/
.thumbsRecruitMainLoop {
  width: 260px;
  aspect-ratio: 260/220;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .thumbsRecruitMainLoop {
    width: 46.42%;
  }
}
@media screen and (max-width: 767px) {
  .thumbsRecruitMainLoop {
    width: 130px;
    aspect-ratio: 130/110;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thumbsRecruitMainLoop {
    width: 44.06%;
  }
}

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

/*右エリア*/
.cntRecruitMainLoop {
  width: 300px;
}
@media screen and (max-width: 1200px) {
  .cntRecruitMainLoop {
    width: 53.57%;
  }
}
@media screen and (max-width: 767px) {
  .cntRecruitMainLoop {
    width: 165px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .cntRecruitMainLoop {
    width: 55.93%;
  }
}

.h2CntRecruitMainLoop {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
}
@media screen and (max-width: 1200px) {
  .h2CntRecruitMainLoop {
    margin-top: 22.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h2CntRecruitMainLoop {
    font-size: 2.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CntRecruitMainLoop {
    margin-top: 20.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.12em;
    text-indent: -0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CntRecruitMainLoop {
    font-size: 3.7333333333vw;
  }
}

.btnCntRecruitMainLoopWap {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 220px;
  aspect-ratio: 220/44;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-indent: -0.03em;
  background: #FFF;
  overflow: hidden;
  border-radius: 22px;
  /* CSS3草案 */
  -webkit-border-radius: 22px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 22px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .btnCntRecruitMainLoopWap {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnCntRecruitMainLoopWap {
    width: 73.33%;
  }
}
@media screen and (max-width: 1200px) {
  .btnCntRecruitMainLoopWap {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCntRecruitMainLoopWap {
    margin-top: 14.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 137px;
    aspect-ratio: 137/27;
    line-height: 1;
    letter-spacing: 0.03em;
    text-indent: -0.03em;
    border-radius: 22px;
    /* CSS3草案 */
    -webkit-border-radius: 22px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 22px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnCntRecruitMainLoopWap {
    width: 83.03%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCntRecruitMainLoopWap {
    font-size: 2.6666666667vw;
  }
}

.btnCntRecruitMainLoop {
  width: 100%;
}

.icnCntRecruitMainLoop {
  width: 100%;
  background: url(../img/recruit/icnCntRecruitMainLoop.svg) no-repeat 94% center;
  background-size: auto 88%;
}
@media screen and (max-width: 767px) {
  .icnCntRecruitMainLoop {
    background: url(../img/recruit/icnCntRecruitMainLoop.svg) no-repeat 94% center;
    background-size: auto 88%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitDetailNavWap {
  margin-top: 96px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .recruitDetailNavWap {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitDetailNavWap {
    margin-top: 12.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 89.5%;
  }
}

.ulRecruitDetailNav {
  flex-flow: row wrap;
  min-width: none;
}

.liRecruitDetailNav {
  border-right: 1px solid #939393;
}
@media screen and (max-width: 1200px) {
  .liRecruitDetailNav {
    padding: 0 1vw;
  }
}
@media screen and (max-width: 767px) {
  .liRecruitDetailNav {
    width: 29.92%;
    padding: 0 0vw;
  }
  .liRecruitDetailNav:nth-child(3) {
    border-right: none;
  }
  .liRecruitDetailNav:nth-child(n+4) {
    margin: 5.35% 0% 0% 0%;
  }
}
.liRecruitDetailNav:last-child {
  border-right: none;
}

.btnRecruitDetailNav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
  display: block;
  text-align: center;
  color: #939393;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .btnRecruitDetailNav {
    padding: 0% 2.83% 0% 2.83%;
  }
}
@media screen and (max-width: 1200px) {
  .btnRecruitDetailNav {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnRecruitDetailNav {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1;
    letter-spacing: 0.12em;
    text-indent: -0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnRecruitDetailNav {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnRecruitDetailNav {
    font-size: 3.2vw;
  }
}

a.btnRecruitDetailNav {
  font-weight: 500;
  color: #939393;
}

.spanbtnRecruitDetailNav {
  font-weight: 500;
  color: #2EA7E0;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitDetailMain {
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .recruitDetailMain {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitDetailMain {
    margin-top: 8.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .recruitDetailMain {
    width: 86.66%;
  }
}

.h1RecruitDetailMain {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
}
@media screen and (max-width: 1200px) {
  .h1RecruitDetailMain {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h1RecruitDetailMain {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .h1RecruitDetailMain {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h1RecruitDetailMain {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1RecruitDetailMain {
    font-size: 4vw;
  }
}

.tableRecruitDetailMain {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .tableRecruitDetailMain {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableRecruitDetailMain {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tableRecruitDetailMain {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tableRecruitDetailMain {
  border-collapse: collapse;
  border-spacing: 0;
}

.tableRecruitDetailMain tr {
  border-bottom: 1px solid #939393;
}
.tableRecruitDetailMain tr:first-child {
  border-top: 1px solid #939393;
}
.thRecruitDetailMain {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 34px;
  padding-right: 34px;
  width: 244px;
  vertical-align: text-top;
}
@media screen and (max-width: 1200px) {
  .thRecruitDetailMain {
    padding: 2.66% 2.83% 2.66% 2.83%;
  }
}
@media screen and (max-width: 1200px) {
  .thRecruitDetailMain {
    width: 20.33%;
  }
}
@media screen and (max-width: 767px) {
  .thRecruitDetailMain {
    padding: 3.94% 3.69% 3.53% 3.69%;
    width: 98px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thRecruitDetailMain {
    width: 30.15%;
  }
}

.h2RecruitDetailMain {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
}
@media screen and (max-width: 1200px) {
  .h2RecruitDetailMain {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RecruitDetailMain {
    line-height: normal;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitDetailMain {
    font-size: 3.2vw;
  }
}

.tdRecruitDetailMain {
  padding-top: 29px;
  padding-bottom: 33px;
  padding-left: 48px;
  padding-right: 2px;
  width: 900px;
}
@media screen and (max-width: 1200px) {
  .tdRecruitDetailMain {
    padding: 2.41% 0.16% 2.75% 4%;
  }
}
@media screen and (max-width: 1200px) {
  .tdRecruitDetailMain {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .tdRecruitDetailMain {
    padding: 5.24% 5.23% 5.64% 5.23%;
    width: 235px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdRecruitDetailMain {
    width: 72.3%;
  }
}

.txtTdRecruitDetailMain {
  font-size: 16px;
  line-height: 2.375;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
}
@media screen and (max-width: 1200px) {
  .txtTdRecruitDetailMain {
    font-size: 1.3333333333vw;
  }
}
.txtTdRecruitDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.375) * 0.5em);
  content: "";
}
.txtTdRecruitDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTdRecruitDetailMain {
    line-height: 1.7;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTdRecruitDetailMain {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTdRecruitDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
    content: "";
  }
  .txtTdRecruitDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7) * 0.5em);
    content: "";
  }
}

.ulRecruitInfo {
  margin-top: 170px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1180px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1200px) {
  .ulRecruitInfo {
    margin-top: 14.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulRecruitInfo {
    width: 98.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulRecruitInfo {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 263px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulRecruitInfo {
    margin-top: 24.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulRecruitInfo {
    width: 80.92%;
  }
}

.liRecruitInfo {
  width: 360px;
}
@media screen and (max-width: 1200px) {
  .liRecruitInfo {
    width: 30.5%;
  }
}
.liRecruitInfo:nth-child(n+4) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liRecruitInfo:nth-child(n+4) {
    margin: 3.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liRecruitInfo {
    width: 100%;
  }
  .liRecruitInfo:nth-child(n+2) {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liRecruitInfo:nth-child(n+2) {
    margin: 7.22% 0% 0% 0%;
  }
}

.btnRecruitInfo {
  width: 100%;
  aspect-ratio: 360/65;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  font-weight: 700;
  border: 1px solid #FFF;
}
@media screen and (max-width: 1200px) {
  .btnRecruitInfo {
    font-size: 1.75vw;
  }
}
.btnRecruitInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnRecruitInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnRecruitInfo {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    aspect-ratio: 263/40;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnRecruitInfo {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnRecruitInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnRecruitInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnRecruitInfo:hover {
  border: 1px solid #fff;
  color: #00A4E9 !important;
  background: #FFF;
  border: 1px solid #00A4E9;
}

.btnRecruitInfo:hover .iconRecruitInfo {
  color: #00A4E9 !important;
}

.iconRecruitInfo {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  background: url(../img/recruit/iconRecruitInfo.svg) no-repeat 94% 24%;
  background-size: auto 71%;
}
@media screen and (max-width: 767px) {
  .iconRecruitInfo {
    background: url(../img/recruit/iconRecruitInfo.svg) no-repeat 95% 0vw;
    background-size: auto 100%;
  }
}

.btnRecruitInfo:hover .iconRecruitInfo {
  width: 100%;
  background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 94% 24%;
  background-size: auto 71%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btnRecruitInfo:hover .iconRecruitInfo {
    background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 95% 0vw;
    background-size: auto 100%;
  }
}

.btnLastRecruitDetailMainWap {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 491px;
}
@media screen and (max-width: 1200px) {
  .btnLastRecruitDetailMainWap {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnLastRecruitDetailMainWap {
    width: 40.91%;
  }
}
@media screen and (max-width: 767px) {
  .btnLastRecruitDetailMainWap {
    margin-top: 15.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 263px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnLastRecruitDetailMainWap {
    width: 80.92%;
  }
}

.btnLastRecruitDetailMain {
  width: 100%;
  aspect-ratio: 491/65;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  border: 1px solid #FFF;
}
@media screen and (max-width: 1200px) {
  .btnLastRecruitDetailMain {
    font-size: 1.75vw;
  }
}
.btnLastRecruitDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnLastRecruitDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnLastRecruitDetailMain {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    aspect-ratio: 263/40;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLastRecruitDetailMain {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLastRecruitDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnLastRecruitDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnLastRecruitDetailMain:hover {
  border: 1px solid #fff;
  color: #00A4E9 !important;
  background: #FFF;
  border: 1px solid #00A4E9;
  opacity: 1;
}

.btnLastRecruitDetailMain:hover .iconBtnLastRecruitDetailMain {
  color: #00A4E9 !important;
}

.iconBtnLastRecruitDetailMain {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  background: url(../img/recruit/iconRecruitInfo.svg) no-repeat 96% 21%;
  background-size: auto 75%;
}
@media screen and (max-width: 767px) {
  .iconBtnLastRecruitDetailMain {
    background: url(../img/recruit/iconRecruitInfo.svg) no-repeat 98% 0%;
    background-size: auto 100%;
    padding: 0 0 0 0;
    transform: translate(-2vw, 0px);
  }
}

.btnLastRecruitDetailMain:hover .iconBtnLastRecruitDetailMain {
  width: 100%;
  background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 96% 21%;
  background-size: auto 75%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btnLastRecruitDetailMain:hover .iconBtnLastRecruitDetailMain {
    background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 98% 0%;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgDownloadFv {
  background: linear-gradient(90deg, #213B93 0%, #1F4197 2.9%, #1364B5 22.04%, #0B80CB 41.38%, #0494DC 60.78%, #01A0E5 80.27%, #00A4E9 100%);
}

.DownloadFv {
  padding-top: 55px;
  padding-bottom: 49px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .DownloadFv {
    padding: 2.86% 0% 2.55% 0%;
  }
}
@media screen and (max-width: 767px) {
  .DownloadFv {
    padding: 4.5% 0% 5% 0%;
  }
}

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

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

.h3DownloadFv {
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3DownloadFv {
    font-size: 2.25vw;
  }
}
.h3DownloadFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3DownloadFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3DownloadFv {
    margin: 1.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3DownloadFv {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DownloadFv {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DownloadFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3DownloadFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

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

.h2DownloadDetailMain {
  border-left: 6px solid #003C82;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 0px;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .h2DownloadDetailMain {
    padding: 0% 0% 0% 1.66%;
  }
}
@media screen and (max-width: 1200px) {
  .h2DownloadDetailMain {
    font-size: 2.5vw;
  }
}
.h2DownloadDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2DownloadDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2DownloadDetailMain {
    border-left: 4px solid #003C82;
    padding: 0% 0% 0% 1.5%;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2DownloadDetailMain {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2DownloadDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2DownloadDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.downloadDetailMainFx {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainFx {
    margin: 0.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .downloadDetailMainFx {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .downloadDetailMainFx {
    margin: 2.15% 0% 0% 0%;
  }
}

.downloadDetailMainL {
  width: 600.5px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainL {
    width: 50.04%;
  }
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainL {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .downloadDetailMainL {
    width: 100%;
  }
}

.downloadDetailMainBrd {
  width: 100%;
  border-bottom: 1px solid #D9D9D9;
}

.downloadDetailMainLxn {
  width: 492px;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainLxn {
    width: 82%;
  }
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainLxn {
    padding: 6.66% 0% 5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .downloadDetailMainLxn {
    width: 100%;
    padding-top: 36px;
    padding-bottom: 35px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .downloadDetailMainLxn {
    padding: 11.07% 0% 10.76% 0%;
  }
}

.secdownloadDetailMain {
  width: 261px;
}
@media screen and (max-width: 1200px) {
  .secdownloadDetailMain {
    width: 53.04%;
  }
}
@media screen and (max-width: 767px) {
  .secdownloadDetailMain {
    width: 175px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secdownloadDetailMain {
    width: 53.84%;
  }
}

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

.txtdownloadDetailMain {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtdownloadDetailMain {
    font-size: 1.5vw;
  }
}
.txtdownloadDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtdownloadDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtdownloadDetailMain {
    margin: 4.59% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtdownloadDetailMain {
    line-height: 1;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtdownloadDetailMain {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtdownloadDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtdownloadDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtdownloadDetailMain {
    margin: 5.14% 0% 0% 0%;
  }
}

a.btndownloadDetailMain {
  color: #3296F0;
  border: 1px solid #3296F0;
  aspect-ratio: 183/36;
  width: 183px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  a.btndownloadDetailMain {
    width: 37.19%;
  }
}
@media screen and (max-width: 1200px) {
  a.btndownloadDetailMain {
    font-size: 1.1666666667vw;
  }
}
a.btndownloadDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
a.btndownloadDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  a.btndownloadDetailMain {
    aspect-ratio: 120/30;
    width: 120px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  a.btndownloadDetailMain {
    width: 36.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  a.btndownloadDetailMain {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  a.btndownloadDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  a.btndownloadDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.downloadDetailMainR {
  width: 600.5px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainR {
    width: 50.04%;
  }
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainR {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .downloadDetailMainR {
    width: 100%;
  }
}

.downloadDetailMainR .downloadDetailMainLxn {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainR .downloadDetailMainLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.secDownloadDetailMain02 {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secDownloadDetailMain02 {
    margin: 8.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDownloadDetailMain02 {
    width: 325px;
    margin-top: 14.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secDownloadDetailMain02 {
    width: 86.66%;
  }
}

.downloadDetailMain100 {
  width: 100%;
}

.downloadDetailMainLxn50 {
  width: 100%;
  border-bottom: 1px solid #D9D9D9;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainLxn50 {
    padding: 6.66% 0% 5% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainLxn50 {
    padding: 3% 0 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .downloadDetailMainLxn50 {
    padding-top: 36px;
    padding-bottom: 35px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .downloadDetailMainLxn50 {
    padding: 11.07% 0% 10.76% 0%;
  }
}

.downloadDetailMainLxn50bx {
  width: 492px;
}
@media screen and (max-width: 1200px) {
  .downloadDetailMainLxn50bx {
    width: 41%;
  }
}
@media screen and (max-width: 767px) {
  .downloadDetailMainLxn50bx {
    width: 100%;
  }
}

/*DLページ最新分*/
.detailDownloadDetailMainFx {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .detailDownloadDetailMainFx {
    margin: 3.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailDownloadDetailMainFx {
    margin: 14.33% 0% 0% 0%;
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .detailDownloadDetailMainFx {
    width: 100%;
  }
}

.liDetailDownloadDetailMainFx {
  width: 544px;
}
@media screen and (max-width: 1200px) {
  .liDetailDownloadDetailMainFx {
    width: 45.33%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailDownloadDetailMainFx {
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liDetailDownloadDetailMainFx {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .liDetailDownloadDetailMainFx:nth-child(n+2) {
    margin: 13.5% 0% 0% 0%;
  }
}
.liDetailDownloadDetailMainFx:nth-child(n+3) {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liDetailDownloadDetailMainFx:nth-child(n+3) {
    margin: 4.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailDownloadDetailMainFx:nth-child(n+3) {
    margin: 13.38% 0% 0% 0%;
  }
}

.h3DetailDownloadDetailMain {
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  border-bottom: 1px solid #D9D9D9;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3DetailDownloadDetailMain {
    font-size: 1.5vw;
  }
}
.h3DetailDownloadDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.h3DetailDownloadDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3DetailDownloadDetailMain {
    padding: 0% 0% 4.22% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailDownloadDetailMain {
    line-height: 1.6666666667;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    border-bottom: 1px solid #D9D9D9;
    padding: 0% 0% 3.6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailDownloadDetailMain {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailDownloadDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .h3DetailDownloadDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.fxDetailDownloadDetailMain {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .fxDetailDownloadDetailMain {
    margin: 3.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fxDetailDownloadDetailMain {
    margin: 3.4% 0% 0% 0%;
  }
}

.fxDetailDownloadDetailMain + .fxDetailDownloadDetailMain {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .fxDetailDownloadDetailMain + .fxDetailDownloadDetailMain {
    margin: 5.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fxDetailDownloadDetailMain + .fxDetailDownloadDetailMain {
    margin: 5.76% 0% 0% 0%;
  }
}

.txtDetailDownloadDetailMain {
  font-size: 18px;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  min-height: 34px;
}
@media screen and (max-width: 1200px) {
  .txtDetailDownloadDetailMain {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 1200px) {
  .txtDetailDownloadDetailMain {
    min-height: 2.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailDownloadDetailMain {
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    min-height: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailDownloadDetailMain {
    font-size: 3.2vw;
  }
}

.btnDetailDownloadDetailMain {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  border: 1PX solid #3296F0;
  aspect-ratio: 183/34;
  width: 183px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  color: #3296F0 !important;
}
@media screen and (max-width: 1200px) {
  .btnDetailDownloadDetailMain {
    font-size: 1.1666666667vw;
  }
}
.btnDetailDownloadDetailMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnDetailDownloadDetailMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .btnDetailDownloadDetailMain {
    width: 33.63%;
  }
}
.btnDetailDownloadDetailMain:hover {
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  border: 1px solid #FFF;
  color: #FFF !important;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .btnDetailDownloadDetailMain {
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    aspect-ratio: auto;
    width: 120px;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    height: 7.5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnDetailDownloadDetailMain {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnDetailDownloadDetailMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnDetailDownloadDetailMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnDetailDownloadDetailMain {
    width: 36.92%;
  }
}

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

.productsTopFv {
  padding-top: 118px;
  padding-bottom: 79px;
  padding-left: 0px;
  padding-right: 0px;
  height: 248px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .productsTopFv {
    padding: 6.14% 0% 4.11% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .productsTopFv {
    height: 20.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .productsTopFv {
    padding: 8.6% 0% 5.6% 0%;
    height: 22.4vw;
  }
}

.productsTopFv02 {
  padding-top: 55px;
  padding-bottom: 79px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .productsTopFv02 {
    padding: 2.86% 0% 4.11% 0%;
  }
}
@media screen and (max-width: 767px) {
  .productsTopFv02 {
    padding: 4.6% 0% 5.6% 0%;
  }
}

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

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

.h3ProductsTopFv {
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 13.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3ProductsTopFv {
    font-size: 2.25vw;
  }
}
.h3ProductsTopFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3ProductsTopFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3ProductsTopFv {
    margin: 1.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3ProductsTopFv {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 0.49% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ProductsTopFv {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ProductsTopFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3ProductsTopFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

.productsTopMainLoop {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .productsTopMainLoop {
    justify-content: space-between;
    width: 325px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .productsTopMainLoop {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .productsTopMainLoop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liProductsTopMainLoop {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  margin-top: 0px;
  margin-bottom: 27px;
  margin-left: 0px;
  margin-right: 27px;
  padding-top: 8px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  width: 280px;
}
@media screen and (max-width: 1200px) {
  .liProductsTopMainLoop {
    margin: 0% 2.25% 2.25% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsTopMainLoop {
    padding: 0.66% 0% 1.41% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsTopMainLoop {
    width: 23.33%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsTopMainLoop {
    margin: 0% 2% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liProductsTopMainLoop {
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    margin: 0% 0% 4.31% 0%;
    padding: 2.46% 0% 5.2% 0%;
    width: 155px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liProductsTopMainLoop {
    width: 47.69%;
  }
}

.liProductsTopMainLoop:nth-child(4n) {
  margin-top: 0px;
  margin-bottom: 29px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liProductsTopMainLoop:nth-child(4n) {
    margin: 0% 0% 2.41% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsTopMainLoop:nth-child(4n) {
    margin: 0% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liProductsTopMainLoop:nth-child(4n) {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liProductsTopMainLoop:nth-child(4n) {
    margin: 0% 0% 4.61% 0%;
  }
}

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

.photoProductsTopMainLoop {
  width: 240px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .photoProductsTopMainLoop {
    width: 85.71%;
  }
}
@media screen and (max-width: 1200px) {
  .photoProductsTopMainLoop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoProductsTopMainLoop {
    width: 143px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoProductsTopMainLoop {
    width: 92.25%;
  }
}

.titleProductsTopMainLoop {
  width: 255px;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .titleProductsTopMainLoop {
    width: 91.07%;
  }
}
@media screen and (max-width: 1200px) {
  .titleProductsTopMainLoop {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .titleProductsTopMainLoop {
    width: 96.07%;
  }
}
@media screen and (max-width: 767px) {
  .titleProductsTopMainLoop {
    width: 147px;
    margin-top: 9.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .titleProductsTopMainLoop {
    width: 94.83%;
  }
}

.txtProductsTopMainLoop {
  font-size: 16px;
  line-height: 1.0625;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
}
@media screen and (max-width: 1200px) {
  .txtProductsTopMainLoop {
    font-size: 1.3333333333vw;
  }
}
.txtProductsTopMainLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.0625) * 0.5em);
  content: "";
}
.txtProductsTopMainLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.0625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtProductsTopMainLoop {
    line-height: normal;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtProductsTopMainLoop {
    font-size: 2.9333333333vw;
  }
}

.txtProductsTopMainLoop {
  text-align: center;
  background: url(../img/txtProductsTopMainLoop.svg) no-repeat right center;
  background-size: auto 18px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 38px;
}
@media screen and (max-width: 1200px) {
  .txtProductsTopMainLoop {
    padding: 0.41% 15.83% 0.41% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtProductsTopMainLoop {
    background-size: auto 12px;
  }
}
@media screen and (max-width: 767px) {
  .txtProductsTopMainLoop {
    background-size: auto 12px;
    padding: 0.3vw 5vw 0.3vw 0;
    width: auto;
    min-width: 34%;
    word-break: break-word;
    font-feature-settings: "palt";
  }
}

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

.productsUnderFv {
  padding-top: 113px;
  padding-bottom: 85px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .productsUnderFv {
    padding: 5.88% 0% 4.42% 0%;
  }
}
@media screen and (max-width: 767px) {
  .productsUnderFv {
    padding: 9% 0% 8% 0%;
  }
}

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

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

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

.liProductsUnderNav {
  margin-top: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 8px;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .liProductsUnderNav {
    margin: 0% 0.66% 0.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liProductsUnderNav {
    margin: 0% 3.3% 5.5% 0%;
  }
}
.liProductsUnderNav:last-child {
  margin-right: 0;
}

a.btnProductsUnderNav {
  color: #FFF;
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  background: #3296F0;
  text-align: center;
  border: 1px solid #3296F0;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 13px;
  padding-right: 13px;
  transition-duration: 0.5s;
  white-space: nowrap;
  min-width: 70px;
}
@media screen and (max-width: 1200px) {
  a.btnProductsUnderNav {
    font-size: 1vw;
  }
}
a.btnProductsUnderNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
a.btnProductsUnderNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  a.btnProductsUnderNav {
    padding: 0.58% 1.08% 0.58% 1.08%;
  }
}
@media screen and (max-width: 1200px) {
  a.btnProductsUnderNav {
    padding: 0.4vw 0.4vw;
  }
}
@media screen and (max-width: 767px) {
  a.btnProductsUnderNav {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    padding: 2.0333333333vw 1.8666666667vw 2.033333vw 1.8666666667vw;
    min-width: 21.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  a.btnProductsUnderNav {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  a.btnProductsUnderNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  a.btnProductsUnderNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.liProductsUnderNav.active .btnProductsUnderNav {
  background: #fff;
  color: #3296F0;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.productsUnderLoop {
  margin-top: 24px;
  margin-bottom: 175px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .productsUnderLoop {
    margin-top: 2%;
    margin-bottom: 14.58%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .productsUnderLoop {
    margin-top: 7.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulProductsUnderLoop {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ulProductsUnderLoop {
    justify-content: space-between;
    width: 325px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulProductsUnderLoop {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulProductsUnderLoop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liProductsUnderLoop {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  margin-top: 0px;
  margin-bottom: 26px;
  margin-left: 0px;
  margin-right: 26px;
  padding-top: 47px;
  padding-bottom: 19px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  width: 280px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .liProductsUnderLoop {
    margin: 0% 2.16% 2.16% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsUnderLoop {
    padding: 3.91% 0% 1.58% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsUnderLoop {
    width: 23.33%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsUnderLoop {
    margin: 0% 2% 2% 0%;
    padding: 2.84% 0% 1.84% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liProductsUnderLoop {
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 9.84% 0% 1.84% 0%;
    width: 155px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liProductsUnderLoop {
    margin: 0% 0% 4.61% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liProductsUnderLoop {
    width: 47.69%;
  }
}

.liProductsUnderLoop:nth-child(4n) {
  margin-top: 0px;
  margin-bottom: 26px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liProductsUnderLoop:nth-child(4n) {
    margin: 0% 0% 2.16% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liProductsUnderLoop:nth-child(4n) {
    margin: 0% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liProductsUnderLoop:nth-child(4n) {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liProductsUnderLoop:nth-child(4n) {
    margin: 0% 0% 4.61% 0%;
  }
}

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

.btnProductsUnderLoopWap {
  width: 252px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnProductsUnderLoopWap {
    width: 90%;
  }
}
@media screen and (max-width: 1200px) {
  .btnProductsUnderLoopWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnProductsUnderLoopWap {
    width: 143px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnProductsUnderLoopWap {
    width: 92.25%;
  }
}

.thumbsProductsUnderLoop {
  width: 180px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 180/122.5;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .thumbsProductsUnderLoop {
    width: 73.46%;
  }
}
@media screen and (max-width: 1200px) {
  .thumbsProductsUnderLoop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thumbsProductsUnderLoop {
    width: 98.93%;
    aspect-ratio: 128/96;
  }
}

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

.iconCatsProductsUnderLoop {
  position: absolute;
  top: 7%;
  left: 5%;
  border: 1px solid #595757;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding: 0.3125vw 0.3125vw 0.3125vw 0.3125vw;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  background: #FFF;
  max-width: 88%;
}
@media screen and (max-width: 1200px) {
  .iconCatsProductsUnderLoop {
    font-size: 1vw;
  }
}
.iconCatsProductsUnderLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.iconCatsProductsUnderLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .iconCatsProductsUnderLoop {
    top: 4%;
    padding: 2.5% 9% 2.5% 9%;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    max-width: 29vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconCatsProductsUnderLoop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconCatsProductsUnderLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .iconCatsProductsUnderLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h4CatsProductsUnderLoop {
  text-align: center;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h4CatsProductsUnderLoop {
    font-size: 1.1666666667vw;
  }
}
.h4CatsProductsUnderLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h4CatsProductsUnderLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h4CatsProductsUnderLoop {
    margin: 3.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h4CatsProductsUnderLoop {
    text-align: left;
    line-height: 1.3;
    letter-spacing: -0.04em;
    text-indent: 0.04em;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4CatsProductsUnderLoop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CatsProductsUnderLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  .h4CatsProductsUnderLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h4CatsProductsUnderLoop {
    margin: 4.19% 0% 0% 0%;
  }
}

.ulBtmProductsUnderLxn {
  width: 679px;
  margin-top: 137px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .ulBtmProductsUnderLxn {
    width: 56.58%;
  }
}
@media screen and (max-width: 1200px) {
  .ulBtmProductsUnderLxn {
    margin-top: 11.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulBtmProductsUnderLxn {
    display: block;
    width: 250px;
    margin-top: 17.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulBtmProductsUnderLxn {
    width: 66.66%;
  }
}

.liBtmProductsUnderWap {
  width: 300px;
}
@media screen and (max-width: 1200px) {
  .liBtmProductsUnderWap {
    width: 44.18%;
  }
}
@media screen and (max-width: 767px) {
  .liBtmProductsUnderWap {
    width: 100%;
  }
}

.liBtmProductsUnderWap:nth-child(2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 79px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liBtmProductsUnderWap:nth-child(2) {
    margin: 0% 0% 0% 11.63%;
  }
}
@media screen and (max-width: 767px) {
  .liBtmProductsUnderWap:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liBtmProductsUnderWap:nth-child(2) {
    margin: 8% 0% 0% 0%;
  }
}

.btnBtmProductsUnder {
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  aspect-ratio: 300/60;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  border: 1px solid #fff;
}
@media screen and (max-width: 1200px) {
  .btnBtmProductsUnder {
    font-size: 1.5vw;
  }
}
.btnBtmProductsUnder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnBtmProductsUnder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnBtmProductsUnder {
    aspect-ratio: 250/40;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBtmProductsUnder {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnBtmProductsUnder::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnBtmProductsUnder::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnBtmProductsUnder:hover {
  border: 1px solid #fff;
  color: #00A4E9 !important;
  background: #FFF;
  border: 1px solid #00A4E9;
  opacity: 1;
}

.btnBtmProductsUnder:hover .iconBtnIndexUserVoices {
  color: #00A4E9 !important;
}

.iconBtnIndexUserVoices {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  background: url(../img/faq/iconBtnFaq.svg) no-repeat 90% 0;
  background-size: auto 90%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .iconBtnIndexUserVoices {
    background: url(../img/faq/iconBtnFaq.svg) no-repeat 94% 0;
    background-size: auto 98%;
  }
}

.btnBtmProductsUnder:hover .iconBtnIndexUserVoices {
  width: 100%;
  background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 90% 0;
  background-size: auto 90%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btnBtmProductsUnder:hover .iconBtnIndexUserVoices {
    background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 94% 0;
    background-size: auto 98%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.singleProductTopWap {
  margin-top: 93px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .singleProductTopWap {
    margin-top: 7.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleProductTopWap {
    width: 325px;
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .singleProductTopWap {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .singleProductTopWap {
    margin-top: 9.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2SingleProductTop {
  background: #3296F0;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .h2SingleProductTop {
    padding: 0.66% 0.91% 0.66% 0.91%;
  }
}
@media screen and (max-width: 1200px) {
  .h2SingleProductTop {
    font-size: 1.3333333333vw;
  }
}
.h2SingleProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2SingleProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2SingleProductTop {
    padding: 2.2% 3.38% 2.2% 3.38%;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SingleProductTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SingleProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2SingleProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.singleProductTopFx {
  width: 100%;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .singleProductTopFx {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleProductTopFx {
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .singleProductTopFx {
    margin-top: 5.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secSingleProductTop {
  width: 600px;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTop {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTop {
    width: 100%;
  }
}

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

.numberSingleProductTopFx {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .numberSingleProductTopFx {
    margin-top: 4.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .numberSingleProductTopFx {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4NumberSingleProductTop {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 80/24;
  width: 80px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 13px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
}
@media screen and (max-width: 1200px) {
  .h4NumberSingleProductTop {
    width: 13.33%;
  }
}
@media screen and (max-width: 1200px) {
  .h4NumberSingleProductTop {
    margin: 0% 2.16% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h4NumberSingleProductTop {
    font-size: 1.3333333333vw;
  }
}
.h4NumberSingleProductTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h4NumberSingleProductTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4NumberSingleProductTop {
    aspect-ratio: 40/21;
    width: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h4NumberSingleProductTop {
    width: 12.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h4NumberSingleProductTop {
    margin: 0% 3.07% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4NumberSingleProductTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h4NumberSingleProductTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h4NumberSingleProductTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

.secSingleProductTopMain {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain {
    margin: 6.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain {
    margin: 5.15% 0% 0% 0%;
  }
}

.secSingleProductTopMain h2 {
  font-size: 20px;
  line-height: 1.1111111111;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain h2 {
    font-size: 1.6666666667vw;
  }
}
.secSingleProductTopMain h2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1111111111) * 0.5em);
  content: "";
}
.secSingleProductTopMain h2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain h2 {
    line-height: 1.3125;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secSingleProductTopMain h2 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain h2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3125) * 0.5em);
    content: "";
  }
  .secSingleProductTopMain h2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3125) * 0.5em);
    content: "";
  }
}
.secSingleProductTopMain h3 {
  font-size: 18px;
  line-height: 1.1111111111;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain h3 {
    font-size: 1.5vw;
  }
}
.secSingleProductTopMain h3::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1111111111) * 0.5em);
  content: "";
}
.secSingleProductTopMain h3::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain h3 {
    line-height: 1.3125;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secSingleProductTopMain h3 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain h3::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3125) * 0.5em);
    content: "";
  }
  .secSingleProductTopMain h3::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3125) * 0.5em);
    content: "";
  }
}
.secSingleProductTopMain h4 {
  font-size: 16px;
  line-height: 1.1111111111;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain h4 {
    font-size: 1.3333333333vw;
  }
}
.secSingleProductTopMain h4::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.1111111111) * 0.5em);
  content: "";
}
.secSingleProductTopMain h4::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.1111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain h4 {
    line-height: 1.3125;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secSingleProductTopMain h4 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain h4::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3125) * 0.5em);
    content: "";
  }
  .secSingleProductTopMain h4::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3125) * 0.5em);
    content: "";
  }
}
.secSingleProductTopMain p {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain p {
    font-size: 1.3333333333vw;
  }
}
.secSingleProductTopMain p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.secSingleProductTopMain p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain p {
    margin: 4.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain p {
    line-height: 1.3571428571;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    margin: 9.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secSingleProductTopMain p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3571428571) * 0.5em);
    content: "";
  }
  .secSingleProductTopMain p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3571428571) * 0.5em);
    content: "";
  }
}
.secSingleProductTopMain p + p {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain p + p {
    font-size: 1.3333333333vw;
  }
}
.secSingleProductTopMain p + p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.secSingleProductTopMain p + p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .secSingleProductTopMain p + p {
    margin: 6.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain p + p {
    line-height: 1.9166666667;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    margin: 7.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secSingleProductTopMain p + p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .secSingleProductTopMain p + p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9166666667) * 0.5em);
    content: "";
  }
  .secSingleProductTopMain p + p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9166666667) * 0.5em);
    content: "";
  }
}

.photoSingleProductTop {
  width: 500px;
}
@media screen and (max-width: 1200px) {
  .photoSingleProductTop {
    width: 41.66%;
  }
}
@media screen and (max-width: 767px) {
  .photoSingleProductTop {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoSingleProductTop {
    margin: 15.38% 0% 0% 0%;
  }
}

.brdSingleProductTop {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 28px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .brdSingleProductTop {
    margin: 8.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .brdSingleProductTop {
    padding: 2.33% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdSingleProductTop {
    margin: 5.5% 0% 0% 0%;
    padding: 5.15% 0% 6.15% 0%;
    width: 98%;
  }
}

.txtSingleProductTopTyusyaku {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  width: 1136px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtSingleProductTopTyusyaku {
    font-size: 1.3333333333vw;
  }
}
.txtSingleProductTopTyusyaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtSingleProductTopTyusyaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtSingleProductTopTyusyaku {
    width: 94.66%;
  }
}
@media screen and (max-width: 1200px) {
  .txtSingleProductTopTyusyaku {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleProductTopTyusyaku {
    line-height: 1.5833333333;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    width: 290px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSingleProductTopTyusyaku {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSingleProductTopTyusyaku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtSingleProductTopTyusyaku::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtSingleProductTopTyusyaku {
    width: 89.23%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secProductTyusyakuWap {
  margin-top: 96px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secProductTyusyakuWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secProductTyusyakuWap {
    width: 325px;
    margin-top: 12.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secProductTyusyakuWap {
    width: 86.66%;
  }
}

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

.tableProductTyusyakuWap {
  border-top: 1px dotted #939393;
  border-spacing: 0;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .tableProductTyusyakuWap {
    margin-top: 2.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableProductTyusyakuWap {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tableProductTyusyakuWap {
    margin: 6.15% 0% 0% 0%;
  }
}

.thProductTyusyaku {
  color: #000;
  border-bottom: 1px dotted #939393;
  width: 161px;
  padding-top: 21px;
  padding-bottom: 22px;
  padding-left: 40px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
}
@media screen and (max-width: 1200px) {
  .thProductTyusyaku {
    width: 13.41%;
  }
}
@media screen and (max-width: 1200px) {
  .thProductTyusyaku {
    padding: 1.75% 0% 1.83% 3.33%;
  }
}
@media screen and (max-width: 1200px) {
  .thProductTyusyaku {
    font-size: 1.3333333333vw;
  }
}
.thProductTyusyaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.thProductTyusyaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thProductTyusyaku {
    width: 120px;
    padding: 0% 0% 0% 3%;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    vertical-align: middle;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thProductTyusyaku {
    width: 36.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thProductTyusyaku {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .thProductTyusyaku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .thProductTyusyaku::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.tdProductTyusyaku {
  color: #000;
  border-bottom: 1px dotted #939393;
  width: 1000px;
  padding-top: 21px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
}
@media screen and (max-width: 1200px) {
  .tdProductTyusyaku {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .tdProductTyusyaku {
    padding: 1.75% 0% 1.83% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .tdProductTyusyaku {
    font-size: 1.3333333333vw;
  }
}
.tdProductTyusyaku::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.tdProductTyusyaku::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdProductTyusyaku {
    width: 205px;
    padding: 0% 0% 0% 0.07%;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdProductTyusyaku {
    width: 63.07%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdProductTyusyaku {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tdProductTyusyaku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .tdProductTyusyaku::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.tableProductTyusyakuWap tr:nth-child(2n) .thProductTyusyaku {
  background: #EDF1F1;
}
.tableProductTyusyakuWap tr:nth-child(2n) .tdProductTyusyaku {
  background: #EDF1F1;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secProductDownLoadWap {
  margin-top: 96px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secProductDownLoadWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secProductDownLoadWap {
    width: 325px;
    margin-top: 12.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secProductDownLoadWap {
    width: 86.66%;
  }
}

.fileProductDownLoadFx {
  width: 1092px;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .fileProductDownLoadFx {
    width: 91%;
  }
}
@media screen and (max-width: 1200px) {
  .fileProductDownLoadFx {
    margin: 2.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fileProductDownLoadFx {
    width: 100%;
    margin: 9% 0% 0% 0%;
  }
}

.fileProductDownLoadL {
  width: 492px;
}
@media screen and (max-width: 1200px) {
  .fileProductDownLoadL {
    width: 45.05%;
  }
}
.fileProductDownLoadL:nth-child(n+3) {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .fileProductDownLoadL:nth-child(n+3) {
    margin: 2.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fileProductDownLoadL {
    width: 100%;
  }
  .fileProductDownLoadL:nth-child(n+2) {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .fileProductDownLoadL:nth-child(n+2) {
    margin: 8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fileProductDownLoadL:nth-child(n+3) {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .fileProductDownLoadL:nth-child(n+3) {
    margin: 8% 0% 0% 0%;
  }
}

.fileProductDownLoadLxn {
  width: 100%;
}
.fileProductDownLoadLxn:nth-child(n+2) {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .fileProductDownLoadLxn:nth-child(n+2) {
    margin: 5.08% 0% 0% 0%;
  }
}

.secFileProductDownLoad {
  width: 261px;
}
@media screen and (max-width: 1200px) {
  .secFileProductDownLoad {
    width: 53.04%;
  }
}
@media screen and (max-width: 767px) {
  .secFileProductDownLoad {
    width: 175px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secFileProductDownLoad {
    width: 53.84%;
  }
}

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

.txtFileProductDownLoad {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtFileProductDownLoad {
    font-size: 1.5vw;
  }
}
.txtFileProductDownLoad::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtFileProductDownLoad::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtFileProductDownLoad {
    margin: 4.59% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtFileProductDownLoad {
    line-height: 1;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFileProductDownLoad {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFileProductDownLoad::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtFileProductDownLoad::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtFileProductDownLoad {
    margin: 4.57% 0% 0% 0%;
  }
}

a.btnFileProductDownLoad {
  color: #3296F0;
  border: 1px solid #3296F0;
  aspect-ratio: 183/36;
  width: 183px;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  margin: auto 0 0 0;
}
@media screen and (max-width: 1200px) {
  a.btnFileProductDownLoad {
    width: 37.19%;
  }
}
@media screen and (max-width: 1200px) {
  a.btnFileProductDownLoad {
    font-size: 1.1666666667vw;
  }
}
a.btnFileProductDownLoad::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
a.btnFileProductDownLoad::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  a.btnFileProductDownLoad {
    aspect-ratio: 120/30;
    width: 36%;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  a.btnFileProductDownLoad {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  a.btnFileProductDownLoad::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  a.btnFileProductDownLoad::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.fileProductDownLoadR {
  width: 492px;
}
@media screen and (max-width: 1200px) {
  .fileProductDownLoadR {
    width: 45.05%;
  }
}
@media screen and (max-width: 767px) {
  .fileProductDownLoadR {
    width: 100%;
    margin: 8.23% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secProductFaqWap {
  margin-top: 174px;
  margin-bottom: 105px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secProductFaqWap {
    margin-top: 14.5%;
    margin-bottom: 8.75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secProductFaqWap {
    width: 325px;
    margin-top: 12.33%;
    margin-bottom: 18.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secProductFaqWap {
    width: 86.66%;
  }
}

.ulProductFaq {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .ulProductFaq {
    margin-top: 2.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulProductFaq {
    margin: 8% 0% 0% 0%;
  }
}

.liProductFaq {
  width: 100%;
  background: #F1F1F1;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

.liProductFaq:nth-child(n+2) {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liProductFaq:nth-child(n+2) {
    margin: 2.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liProductFaq:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liProductFaq:nth-child(n+2) {
    margin: 6.15% 0% 0% 0%;
  }
}

.btnProductFaq {
  display: block;
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .btnProductFaq {
    padding: 1.41% 0% 1.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnProductFaq {
    padding: 2.5% 0% 2.5% 0%;
  }
}
.btnProductFaq:hover {
  opacity: 0.8;
}

.btnProductFaqFx {
  align-items: center;
  width: 1160px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnProductFaqFx {
    width: 96.66%;
  }
}
@media screen and (max-width: 1200px) {
  .btnProductFaqFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnProductFaqFx {
    width: 309px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnProductFaqFx {
    width: 95.07%;
  }
}

.termsProductFaqFx {
  text-align: center;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  width: 140px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .termsProductFaqFx {
    width: 12.06%;
  }
}
@media screen and (max-width: 1200px) {
  .termsProductFaqFx {
    padding: 0.17% 0% 0.34% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .termsProductFaqFx {
    font-size: 1.1666666667vw;
  }
}
.termsProductFaqFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.termsProductFaqFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .termsProductFaqFx {
    width: 119px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .termsProductFaqFx {
    width: 38.51%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .termsProductFaqFx {
    padding: 0.64% 0% 0.97% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .termsProductFaqFx {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .termsProductFaqFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .termsProductFaqFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h2ProductFaqFx {
  color: #00ACFD;
  width: 950px;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .h2ProductFaqFx {
    width: 81.89%;
  }
}
@media screen and (max-width: 1200px) {
  .h2ProductFaqFx {
    font-size: 1.6666666667vw;
  }
}
.h2ProductFaqFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.15) * 0.5em);
  content: "";
}
.h2ProductFaqFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.15) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ProductFaqFx {
    width: 290px;
    margin: 2.4% 0% 0% 0%;
    line-height: 1.1666666667;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2ProductFaqFx {
    width: 93.85%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ProductFaqFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ProductFaqFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
  .h2ProductFaqFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.btnProductFaqFx .iconNewTab {
  width: 25px;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .btnProductFaqFx .iconNewTab {
    width: 2.15%;
  }
}
@media screen and (max-width: 767px) {
  .btnProductFaqFx .iconNewTab {
    width: 13px;
    transform: translateY(-52%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnProductFaqFx .iconNewTab {
    width: 4.2%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.singleFaqWap {
  margin-top: 93px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .singleFaqWap {
    margin-top: 4.84%;
    margin-bottom: 6.25%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .singleFaqWap {
    margin-top: 12.33%;
    margin-bottom: 26.66%;
    margin-left: auto;
    margin-right: auto;
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .singleFaqWap {
    width: 86.66%;
  }
}

.h1SingleFaqMain {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 0px;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  border-left: 6px solid #000;
}
@media screen and (max-width: 1200px) {
  .h1SingleFaqMain {
    padding: 0% 0% 0% 1.66%;
  }
}
@media screen and (max-width: 1200px) {
  .h1SingleFaqMain {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .h1SingleFaqMain {
    padding: 0% 0% 0% 1.46%;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
    border-left: 3px solid #000;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1SingleFaqMain {
    font-size: 4.2666666667vw;
  }
}

.termsSingleFaqMain {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 27px;
  padding-right: 27px;
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1200px) {
  .termsSingleFaqMain {
    margin: 3.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .termsSingleFaqMain {
    padding: 0.5% 2.25% 0.5% 2.25%;
  }
}
@media screen and (max-width: 1200px) {
  .termsSingleFaqMain {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .termsSingleFaqMain {
    margin: 5.5% 0% 0% 0%;
    padding: 1.5% 4.5% 1.5% 4.5%;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    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) {
  .termsSingleFaqMain {
    font-size: 2.9333333333vw;
  }
}

.h2SingleFaqMain {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 50px;
  line-height: 1.44;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
}
@media screen and (max-width: 1200px) {
  .h2SingleFaqMain {
    margin: 3.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h2SingleFaqMain {
    font-size: 4.1666666667vw;
  }
}
.h2SingleFaqMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.44) * 0.5em);
  content: "";
}
.h2SingleFaqMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.44) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2SingleFaqMain {
    margin: 7.5% 0% 0% 0%;
    line-height: 1.4583333333;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SingleFaqMain {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SingleFaqMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4583333333) * 0.5em);
    content: "";
  }
  .h2SingleFaqMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4583333333) * 0.5em);
    content: "";
  }
}

.tableFaqMain {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-collapse: collapse;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .tableFaqMain {
    margin: 4.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableFaqMain {
    margin: 11.8% 0% 0% 0%;
  }
}

.tableFaqMain tr {
  border-bottom: 1px dotted #939393;
}
.tableFaqMain tr:first-child {
  border-top: 1px dotted #939393;
}
.tableFaqMain tr:nth-last-child(2n) {
  background: #EDF1F1;
}
.thFaqMain {
  padding-top: 20px;
  padding-bottom: 23px;
  padding-left: 40px;
  padding-right: 40px;
  width: 120px;
  background: unset;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
}
@media screen and (max-width: 1200px) {
  .thFaqMain {
    padding: 1.66% 3.33% 1.91% 3.33%;
  }
}
@media screen and (max-width: 1200px) {
  .thFaqMain {
    width: 10%;
  }
}
@media screen and (max-width: 1200px) {
  .thFaqMain {
    font-size: 1.3333333333vw;
  }
}
.thFaqMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.thFaqMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thFaqMain {
    padding: 5.8% 3.07% 5.75% 3.07%;
    line-height: 2.5;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    width: 34%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thFaqMain {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .thFaqMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.5) * 0.5em);
    content: "";
  }
  .thFaqMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.5) * 0.5em);
    content: "";
  }
}

.tdFaqMain {
  padding-top: 13px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1000px;
  background: unset;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
}
@media screen and (max-width: 1200px) {
  .tdFaqMain {
    padding: 1.08% 0% 1.16% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .tdFaqMain {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .tdFaqMain {
    font-size: 1.5vw;
  }
}
.tdFaqMain::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.tdFaqMain::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdFaqMain {
    padding: 1.46% 3.07% 2.46% 3.07%;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdFaqMain {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .tdFaqMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .tdFaqMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.mainCntSingleFaqMain {
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .mainCntSingleFaqMain {
    margin: 7.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSingleFaqMain {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mainCntSingleFaqMain {
    margin: 9.23% 0% 0% 0%;
  }
}

.mainCntSingleFaqMain p {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
}
@media screen and (max-width: 1200px) {
  .mainCntSingleFaqMain p {
    margin: 1.25% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSingleFaqMain p {
    font-size: 1.5vw;
  }
}
.mainCntSingleFaqMain p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.mainCntSingleFaqMain p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainCntSingleFaqMain p {
    line-height: 1.6666666667;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCntSingleFaqMain p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSingleFaqMain p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .mainCntSingleFaqMain p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mainCntSingleFaqMain p {
    margin: 3.07% 0% 3.07% 0%;
  }
}
.mainCntSingleFaqMain img {
  margin: auto;
}

.secFaqCnts {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secFaqCnts {
    margin: 4.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqCnts {
    margin-top: 8.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.btnFaqMovieWap {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
@media screen and (max-width: 1200px) {
  .btnFaqMovieWap {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnFaqMovieWap {
    width: 41.66%;
  }
}
@media screen and (max-width: 767px) {
  .btnFaqMovieWap {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnFaqMovieWap {
    margin-top: 24.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnFaqMovieWap {
    width: 76.92%;
  }
}

.btnFaqMovie {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  width: 100%;
  aspect-ratio: 500/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #213B93 0%, #1F4197 2.9%, #1364B5 22.04%, #0B80CB 41.38%, #0494DC 60.78%, #01A0E5 80.27%, #00A4E9 100%);
}
@media screen and (max-width: 1200px) {
  .btnFaqMovie {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnFaqMovie {
    aspect-ratio: 250/40;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnFaqMovie {
    font-size: 4vw;
  }
}

.icnFaqMovie {
  padding: 0.5% 0 1.2% 20%;
  width: 100%;
  background: url(../img/faq/icnFaqMovie.svg) no-repeat 19.5% center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .icnFaqMovie {
    padding: 0.5% 0 0.5% 18%;
    background: url(../img/faq/icnFaqMovie.svg) no-repeat 20.5% center;
    background-size: auto 100%;
  }
}

.ulBtmFaqUnderLxn {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1200px) {
  .ulBtmFaqUnderLxn {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ulBtmFaqUnderLxn {
    width: 64.16%;
  }
}
@media screen and (max-width: 767px) {
  .ulBtmFaqUnderLxn {
    margin-top: 5.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulBtmFaqUnderLxn {
    width: 76.92%;
  }
}

.liBtmFaqUnderWap {
  width: 360px;
}
@media screen and (max-width: 1200px) {
  .liBtmFaqUnderWap {
    width: 46.75%;
  }
}
@media screen and (max-width: 767px) {
  .liBtmFaqUnderWap {
    width: 100%;
  }
  .liBtmFaqUnderWap:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liBtmFaqUnderWap:nth-child(n+2) {
    margin: 8% 0% 0% 0%;
  }
}

.btnBtmFaqUnder {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  aspect-ratio: 360/65;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  border: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .btnBtmFaqUnder {
    aspect-ratio: 250/40;
  }
}

.btnBtmFaqUnder:hover {
  border: 1px solid #fff;
  color: #00A4E9 !important;
  background: #FFF;
  border: 1px solid #00A4E9;
}

.iconBtnFaq {
  padding: 0 0% 0 0;
  width: 100%;
  background: url(../img/faq/iconBtnFaq.svg) no-repeat 94.5% center;
  background-size: auto 78%;
  text-align: center;
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
}
@media screen and (max-width: 1200px) {
  .iconBtnFaq {
    font-size: 1.75vw;
  }
}
.iconBtnFaq::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.iconBtnFaq::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .iconBtnFaq {
    background: url(../img/faq/iconBtnFaq.svg) no-repeat 94.5% center;
    background-size: auto 100%;
    line-height: 1;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconBtnFaq {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnFaq::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .iconBtnFaq::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnBtmFaqUnder:hover .iconBtnFaq {
  background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 95% center;
  background-size: auto 78%;
  color: #00A4E9 !important;
}
@media screen and (max-width: 767px) {
  .btnBtmFaqUnder:hover .iconBtnFaq {
    background: url(../img/faq/iconBtnFaqHover.svg) no-repeat 95% center;
    background-size: auto 78%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faqSearch {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 42px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .faqSearch {
    margin-top: 1.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .faqSearch {
    padding: 2.18% 0% 1.82% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faqSearch {
    margin-top: 4.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 7.2% 0% 9.06% 0%;
  }
}

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

.h2FaqSearch {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
}
@media screen and (max-width: 1200px) {
  .h2FaqSearch {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FaqSearch {
    line-height: 1;
    letter-spacing: 0.12em;
    text-indent: -0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FaqSearch {
    font-size: 3.2vw;
  }
}

.tarmsFaqSearch {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .tarmsFaqSearch {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tarmsFaqSearch {
    width: 325px;
    margin-top: 11.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tarmsFaqSearch {
    width: 97.01%;
  }
}

.h3FaqSearch {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
}
@media screen and (max-width: 1200px) {
  .h3FaqSearch {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FaqSearch {
    line-height: 1;
    letter-spacing: 0.12em;
    text-indent: -0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FaqSearch {
    font-size: 3.2vw;
  }
}

.ulTarmsFaqSearch {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
}
@media screen and (max-width: 1200px) {
  .ulTarmsFaqSearch {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulTarmsFaqSearch {
    margin-top: 2.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liTarmsFaqSearch {
  font-weight: 600;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
.liTarmsFaqSearch01 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 3.5px;
  padding-bottom: 7.5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 176px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch01 {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch01 {
    padding: 0.29% 0% 0.62% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch01 {
    width: 14.66%;
  }
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch01 {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch01 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 2.5% 0% 3% 0%;
    width: 31%;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liTarmsFaqSearch01 {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTarmsFaqSearch01 {
    font-size: 2.9333333333vw;
  }
}
.liTarmsFaqSearch01:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 27px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch01:nth-child(n+2) {
    margin: 0% 0% 0% 2.25%;
  }
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch01:nth-child(n+2) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liTarmsFaqSearch01:nth-child(n+2) {
    margin: 0% 0% 0% 3.07%;
  }
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch01:nth-child(n+4) {
    margin: 5% 3.07% 0% 0%;
  }
}

.liTarmsFaqSearch.off {
  background: #B3B3B3;
}

.liTarmsFaqSearch.on {
  background: #41AAF7;
}

.tarmsFaqSearch02 {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .tarmsFaqSearch02 {
    margin-top: 3.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tarmsFaqSearch02 {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3FaqSearch {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
}
@media screen and (max-width: 1200px) {
  .h3FaqSearch {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FaqSearch {
    line-height: 1;
    letter-spacing: 0.12em;
    text-indent: -0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FaqSearch {
    font-size: 3.2vw;
  }
}

.ulTarmsFaqSearch02 {
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .ulTarmsFaqSearch02 {
    margin-top: 2.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liTarmsFaqSearch02 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 43px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 267px;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  aspect-ratio: 267/60;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch02 {
    margin: 0% 3.58% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch02 {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch02 {
    width: 22.25%;
  }
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch02 {
    font-size: 1.4166666667vw;
  }
}
.liTarmsFaqSearch02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.liTarmsFaqSearch02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch02 {
    margin: 0% 0% 4.3% 0%;
    padding: 0% 0% 0% 0%;
    width: 156px;
    line-height: 1.5454545455;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    aspect-ratio: 156/44;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liTarmsFaqSearch02 {
    width: 48%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTarmsFaqSearch02 {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5454545455) * 0.5em);
    content: "";
  }
  .liTarmsFaqSearch02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5454545455) * 0.5em);
    content: "";
  }
}
.liTarmsFaqSearch02:nth-child(n+5) {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 44px;
}
@media screen and (max-width: 1200px) {
  .liTarmsFaqSearch02:nth-child(n+5) {
    margin: 2% 3.66% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch02:nth-child(n+5) {
    margin-top: 0%;
    margin-bottom: 3.8%;
  }
}
.liTarmsFaqSearch02:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch02:nth-child(4n) {
    margin-top: 0%;
    margin-bottom: 3.8%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTarmsFaqSearch02:nth-child(2n) {
    margin-top: 0%;
    margin-bottom: 3.8%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.liTarmsFaqSearch02.off {
  color: #000000;
  background: #E6E6E6;
}

.liTarmsFaqSearch02.on {
  color: #FFF;
  background: #41AAF7;
}

@media screen and (max-width: 767px) {
  .tarmsFaqSearch02 + .tarmsFaqSearch02 {
    margin-top: 8%;
  }
}

.inputTarmsFaqSearchWap {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 633px;
}
@media screen and (max-width: 1200px) {
  .inputTarmsFaqSearchWap {
    margin: 1.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .inputTarmsFaqSearchWap {
    width: 52.75%;
  }
}
@media screen and (max-width: 767px) {
  .inputTarmsFaqSearchWap {
    margin: 2.1% 0% 0% 0%;
    width: 325px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .inputTarmsFaqSearchWap {
    width: 100%;
  }
}

.inputTarmsFaqSearch {
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 14px;
  padding-right: 14px;
  width: 581px;
  border-radius: 10px 0 0 10px;
  border: none;
  font-size: 17px;
}
@media screen and (max-width: 1200px) {
  .inputTarmsFaqSearch {
    padding: 0% 2.21% 0% 2.21%;
  }
}
@media screen and (max-width: 1200px) {
  .inputTarmsFaqSearch {
    width: 91.78%;
  }
}
@media screen and (max-width: 1200px) {
  .inputTarmsFaqSearch {
    font-size: 1.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .inputTarmsFaqSearch {
    padding: 2.46% 4.15% 2.46% 4.15%;
    width: 273px;
    border-radius: 10px 0 0 10px;
    border: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .inputTarmsFaqSearch {
    width: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputTarmsFaqSearch {
    font-size: 2.9333333333vw;
  }
}

.btnTarmsFaqSearch {
  width: 53px;
  cursor: pointer;
  aspect-ratio: 52/40;
}
@media screen and (max-width: 1200px) {
  .btnTarmsFaqSearch {
    width: 8.37%;
  }
}
@media screen and (max-width: 767px) {
  .btnTarmsFaqSearch {
    width: 52px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnTarmsFaqSearch {
    width: 16%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faqMainWap {
  margin-top: 67px;
  margin-bottom: 299px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faqMainWap {
    margin-top: 3.48%;
    margin-bottom: 15.57%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqMainWap {
    margin-top: 21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secFaqLoopsWap {
  margin-top: 0;
  margin-bottom: 0;
}

.secFaqLoopsWap + .secFaqLoopsWap {
  margin-top: 83px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secFaqLoopsWap + .secFaqLoopsWap {
    margin-top: 4.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secFaqLoopsWap + .secFaqLoopsWap {
    margin-top: 20.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.faqMainWap .h2ProductTyusyaku {
  border-left: 6px solid #003C82;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 20px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .faqMainWap .h2ProductTyusyaku {
    padding: 0.08% 0% 0.08% 1.66%;
  }
}
@media screen and (max-width: 767px) {
  .faqMainWap .h2ProductTyusyaku {
    padding: 0% 0% 0.5% 1.2%;
    letter-spacing: 0;
    border-left: 3px solid #003C82;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .faqMainWap .h2ProductTyusyaku {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgContactFv {
  background: linear-gradient(90deg, #213B93 0%, #1F4197 2.9%, #1364B5 22.04%, #0B80CB 41.38%, #0494DC 60.78%, #01A0E5 80.27%, #00A4E9 100%);
}

.ContactFv {
  padding-top: 55px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .ContactFv {
    padding: 2.86% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ContactFv {
    padding: 4.6% 0% 5.5% 0%;
  }
}

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

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

.h3ContactFv {
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 6px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3ContactFv {
    font-size: 2.25vw;
  }
}
.h3ContactFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3ContactFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3ContactFv {
    margin: 1.16% 0% 0% 0.5%;
  }
}
@media screen and (max-width: 767px) {
  .h3ContactFv {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 0.49% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ContactFv {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ContactFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h3ContactFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

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

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

.h2ThanksPage {
  text-align: center;
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .h2ThanksPage {
    font-size: 2.25vw;
  }
}
.h2ThanksPage::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2ThanksPage::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2ThanksPage {
    line-height: 1;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ThanksPage {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ThanksPage::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2ThanksPage::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.contactForm {
  width: 100%;
  margin-top: 118px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .contactForm {
    margin-top: 9.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contactForm {
    width: 325px;
    margin-top: 45px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .contactForm {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .contactForm {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tableFormContact {
  width: 100%;
  border-spacing: 0;
}

.thFormContact {
  vertical-align: top;
  border-bottom: 1px solid #939393;
  width: 296px;
  padding-top: 32px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .thFormContact {
    width: 24.66%;
  }
}
@media screen and (max-width: 1200px) {
  .thFormContact {
    padding: 2.66% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thFormContact {
    border-bottom: none;
    display: block;
    width: 100%;
    padding: 8.1% 0% 1.53% 0%;
  }
}

tr:first-child .thFormContact {
  padding-top: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  tr:first-child .thFormContact {
    padding: 0% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  tr:first-child .thFormContact {
    padding: 0% 0% 3.29% 0%;
  }
}

.v_middle {
  vertical-align: middle;
}

.thFormContactFx {
  width: 100%;
}

tr:last-child .thFormContactFx {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  tr:last-child .thFormContactFx {
    margin: 6.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  tr:last-child .thFormContactFx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  tr:last-child .thFormContactFx {
    margin: 0% 0% 0% 0%;
  }
}

.h3ThFormContact {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .h3ThFormContact {
    font-size: 1.6666666667vw;
  }
}
.h3ThFormContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h3ThFormContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3ThFormContact {
    line-height: 2.3076923077;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ThFormContact {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ThFormContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.3076923077) * 0.5em);
    content: "";
  }
  .h3ThFormContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.3076923077) * 0.5em);
    content: "";
  }
}

.txtHissuFormContact {
  text-align: center;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  width: 53px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .txtHissuFormContact {
    width: 17.9%;
  }
}
@media screen and (max-width: 1200px) {
  .txtHissuFormContact {
    margin: 0% 0% 0% 6.75%;
  }
}
@media screen and (max-width: 1200px) {
  .txtHissuFormContact {
    padding: 0.67% 0% 1.35% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtHissuFormContact {
    font-size: 1.3333333333vw;
  }
}
.txtHissuFormContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtHissuFormContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtHissuFormContact {
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    width: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtHissuFormContact {
    width: 10.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtHissuFormContact {
    margin: 0% 0% 0% 3.07%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtHissuFormContact {
    padding: 0.61% 0% 1.23% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtHissuFormContact {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtHissuFormContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtHissuFormContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.tdFormContact {
  border-bottom: 1px solid #939393;
  width: 904px;
  padding-top: 32px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .tdFormContact {
    width: 75.33%;
  }
}
@media screen and (max-width: 1200px) {
  .tdFormContact {
    padding: 2.66% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdFormContact {
    display: block;
    width: 100%;
    padding: 0.53% 0% 4.91% 0%;
  }
}

tr:first-child .tdFormContact {
  padding-top: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  tr:first-child .tdFormContact {
    padding: 0% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  tr:first-child .tdFormContact {
    padding-top: 12px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  tr:first-child .tdFormContact {
    padding: 3.69% 0% 7.38% 0%;
  }
}

tr:last-child .tdFormContact {
  padding-top: 32px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  tr:last-child .tdFormContact {
    padding: 2.66% 0% 2.58% 0%;
  }
}
@media screen and (max-width: 767px) {
  tr:last-child .tdFormContact {
    padding: 0.69% 0% 2.38% 0%;
  }
}

.tdFormContactLxn {
  width: 100%;
}

.horizontal-item {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 70px;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .horizontal-item {
    font-size: 1.6666666667vw;
  }
}
.horizontal-item::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.horizontal-item::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .horizontal-item {
    margin: 0% 7.74% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .horizontal-item {
    width: 50%;
    line-height: 1;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
    margin-top: 0px;
    margin-bottom: 24px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .horizontal-item {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .horizontal-item::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .horizontal-item::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .horizontal-item {
    margin: 0% 0% 7.38% 0%;
  }
}

.mw_wp_form .horizontal-item + .mwform-radio-field.horizontal-item {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 70px;
}
@media screen and (max-width: 1200px) {
  .mw_wp_form .horizontal-item + .mwform-radio-field.horizontal-item {
    margin: 0% 7.74% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form .horizontal-item + .mwform-radio-field.horizontal-item {
    margin-top: 0px;
    margin-bottom: 24px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mw_wp_form .horizontal-item + .mwform-radio-field.horizontal-item {
    margin: 0% 0% 7.38% 0%;
  }
}

@media screen and (max-width: 767px) {
  .mw_wp_form .horizontal-item + .mwform-radio-field.horizontal-item:nth-child(n+3) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mw_wp_form .horizontal-item + .mwform-radio-field.horizontal-item:nth-child(n+3) {
    margin: 0% 0% 0% 0%;
  }
}

.mwform-checkbox-field label,
.mwform-radio-field label {
  display: flex;
  align-items: center;
}

.mwform-checkbox-field input,
.mwform-radio-field input.radioContact {
  width: 22px;
  height: 22px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
}
@media screen and (max-width: 1200px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.radioContact {
    margin: 0% 5.06% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.radioContact {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.radioContact {
    width: 15px;
    height: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.radioContact {
    margin: 0% 4.9% 0% 0%;
  }
}

.mwform-radio-field-text {
  color: #000;
  font-weight: 500;
}

.inputW100 {
  box-sizing: border-box;
  border: none;
  background: #EDF1F1;
  width: 100%;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 21px;
  padding-right: 21px;
}
@media screen and (max-width: 1200px) {
  .inputW100 {
    font-size: 1.6666666667vw;
  }
}
.inputW100::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.inputW100::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .inputW100 {
    padding: 1.76% 2.32% 1.76% 2.32%;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    padding: 4.57% 3.07% 4.57% 3.07%;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .inputW100::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

input#mail {
  box-sizing: border-box;
  border: none;
  background: #EDF1F1;
  width: 100%;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 21px;
  padding-right: 21px;
}
@media screen and (max-width: 1200px) {
  input#mail {
    font-size: 1.6666666667vw;
  }
}
input#mail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
input#mail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  input#mail {
    padding: 1.76% 2.32% 1.76% 2.32%;
  }
}
@media screen and (max-width: 767px) {
  input#mail {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    padding: 4.57% 3.07% 4.57% 3.07%;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  input#mail {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  input#mail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  input#mail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.tdFormContactLxnPref {
  width: 405px;
}
@media screen and (max-width: 1200px) {
  .tdFormContactLxnPref {
    width: 44.8%;
  }
}
@media screen and (max-width: 767px) {
  .tdFormContactLxnPref {
    width: 100%;
  }
}

.inputW30 {
  box-sizing: border-box;
  border: none;
  background: #EDF1F1;
  width: 100%;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 21px;
  padding-right: 21px;
}
@media screen and (max-width: 1200px) {
  .inputW30 {
    font-size: 1.6666666667vw;
  }
}
.inputW30::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.inputW30::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .inputW30 {
    padding: 1.65% 2.32% 1.65% 2.32%;
  }
}
@media screen and (max-width: 767px) {
  .inputW30 {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    padding: 4.57% 3.07% 4.57% 3.07%;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW30 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW30::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .inputW30::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

textarea#contactpref {
  box-sizing: border-box;
  border: none;
  background: #EDF1F1;
  height: 210px;
  width: 100%;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 21px;
  padding-right: 21px;
}
@media screen and (max-width: 1200px) {
  textarea#contactpref {
    font-size: 1.6666666667vw;
  }
}
textarea#contactpref::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
textarea#contactpref::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  textarea#contactpref {
    padding: 1.76% 2.32% 1.76% 2.32%;
  }
}
@media screen and (max-width: 767px) {
  textarea#contactpref {
    height: 40vw;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  textarea#contactpref {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  textarea#contactpref::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  textarea#contactpref::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  textarea#contactpref {
    padding: 3.07% 3.07% 3.07% 3.07%;
  }
}

.txtReadPrivacy {
  margin-top: 85px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtReadPrivacy {
    margin: 7.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtReadPrivacy {
    margin: 15.46% 0% 0% 0%;
  }
}

a.btnTxtReadPrivacy {
  text-decoration: underline;
  color: #3FA8F4;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  a.btnTxtReadPrivacy {
    font-size: 1.3333333333vw;
  }
}
a.btnTxtReadPrivacy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
a.btnTxtReadPrivacy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  a.btnTxtReadPrivacy {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  a.btnTxtReadPrivacy {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  a.btnTxtReadPrivacy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  a.btnTxtReadPrivacy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.readPrivacyRadio {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .readPrivacyRadio {
    margin: 2.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .readPrivacyRadio {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .readPrivacyRadio {
    margin: 4.61% 0% 0% 0%;
  }
}

.readPrivacyRadio .horizontal-item {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .readPrivacyRadio .horizontal-item {
    font-size: 1.3333333333vw;
  }
}
.readPrivacyRadio .horizontal-item::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.readPrivacyRadio .horizontal-item::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .readPrivacyRadio .horizontal-item {
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .readPrivacyRadio .horizontal-item {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .readPrivacyRadio .horizontal-item::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .readPrivacyRadio .horizontal-item::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.mwform-checkbox-field input,
.mwform-radio-field input.readPrivacyRadioBox {
  width: 22px;
  height: 22px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
}
@media screen and (max-width: 1200px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.readPrivacyRadioBox {
    margin: 0% 5.06% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.readPrivacyRadioBox {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.readPrivacyRadioBox {
    width: 15px;
    height: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input.readPrivacyRadioBox {
    margin: 0% 4.9% 0% 0%;
  }
}

.toConfirm {
  width: 328px;
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .toConfirm {
    width: 27.33%;
  }
}
@media screen and (max-width: 1200px) {
  .toConfirm {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .toConfirm {
    width: 250px;
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .toConfirm {
    width: 76.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .toConfirm {
    margin-top: 18.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnToConfirm {
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  width: 100%;
  border: none;
  color: #FFF;
  aspect-ratio: 328/65;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
}
@media screen and (max-width: 1200px) {
  .btnToConfirm {
    font-size: 1.75vw;
  }
}
.btnToConfirm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnToConfirm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnToConfirm {
    aspect-ratio: 250/40;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToConfirm {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnToConfirm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnToConfirm:hover {
  border: 1px solid #fff;
  color: #00A4E9 !important;
  background: #FFF;
  border: 1px solid #00A4E9;
}

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

.btnToConfirm:hover .iconBtnToConfirm {
  background: url(../img/index/iconBtnIndexPicUpHover.svg) no-repeat 97% center;
  background-size: auto 82%;
}
@media screen and (max-width: 767px) {
  .btnToConfirm:hover .iconBtnToConfirm {
    background: url(../img/index/iconBtnIndexPicUpHover.svg) no-repeat 97% center;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.confirmForm .tdFormContact {
  color: #565656;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.confirmForm {
  width: 100%;
  margin-top: 118px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .confirmForm {
    margin-top: 9.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .confirmForm {
    width: 325px;
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .confirmForm {
    width: 86.66%;
  }
}

@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .tableFormContact {
    box-sizing: border-box;
    table-layout: fixed;
  }
  .mw_wp_form_confirm .tableFormContact input,
  .mw_wp_form_confirm .tableFormContact select,
  .mw_wp_form_confirm .tableFormContact textarea {
    box-sizing: border-box;
  }
}
.mw_wp_form_confirm .thFormContact {
  padding-top: 35px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .thFormContact {
    padding: 2.91% 0% 2.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .thFormContact {
    padding: 9.03% 0% 0% 0%;
  }
}
.mw_wp_form_confirm .tdFormContact {
  padding-top: 41px;
  padding-bottom: 37px;
  padding-left: 0px;
  padding-right: 0px;
  width: 770px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .tdFormContact {
    padding: 3.41% 0% 3.08% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .tdFormContact {
    font-size: 1.6666666667vw;
  }
}
.mw_wp_form_confirm .tdFormContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.mw_wp_form_confirm .tdFormContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .tdFormContact {
    width: 100%;
    padding: 5.7% 0% 6% 0%;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form_confirm .tdFormContact {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .tdFormContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .mw_wp_form_confirm .tdFormContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.mw_wp_form_confirm tr:first-child .thFormContact {
  padding-top: 0px;
  padding-bottom: 37px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm tr:first-child .thFormContact {
    padding: 0% 0% 5.57% 0%;
  }
}
.mw_wp_form_confirm tr:first-child .tdFormContact {
  padding-top: 0px;
  padding-bottom: 37px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm tr:first-child .tdFormContact {
    padding: 0% 0% 6.3% 0%;
  }
}
.mw_wp_form_confirm tr:last-child .thFormContact {
  padding-top: 20px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm tr:last-child .thFormContact {
    padding: 8.9% 0% 0% 0%;
  }
}
.mw_wp_form_confirm tr:last-child .tdFormContact {
  padding-top: 39px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20px;
  line-height: 1.498;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm tr:last-child .tdFormContact {
    font-size: 1.6666666667vw;
  }
}
.mw_wp_form_confirm tr:last-child .tdFormContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.498) * 0.5em);
  content: "";
}
.mw_wp_form_confirm tr:last-child .tdFormContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.498) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm tr:last-child .tdFormContact {
    padding: 6.57% 0% 4.3% 0%;
    line-height: 1.498;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form_confirm tr:last-child .tdFormContact {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm tr:last-child .tdFormContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.498) * 0.5em);
    content: "";
  }
  .mw_wp_form_confirm tr:last-child .tdFormContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.498) * 0.5em);
    content: "";
  }
}
.mw_wp_form_confirm .txtReadPrivacy {
  display: none;
}
.mw_wp_form_confirm .readPrivacyRadio {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .readPrivacyRadio {
    margin: 8.84% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .readPrivacyRadio {
    margin: 17.46% 0% 0% 0%;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form_confirm .readPrivacyRadio {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .readPrivacyRadio::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .mw_wp_form_confirm .readPrivacyRadio::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.mw_wp_form_confirm .toConfirm {
  display: none;
}
.mw_wp_form_confirm .txtHissuFormContact {
  text-align: center;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  width: 53px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .txtHissuFormContact {
    width: 17.9%;
  }
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .txtHissuFormContact {
    margin: 0% 0% 0% 6.75%;
  }
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .txtHissuFormContact {
    padding: 0.67% 0% 1.35% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mw_wp_form_confirm .txtHissuFormContact {
    font-size: 1.3333333333vw;
  }
}
.mw_wp_form_confirm .txtHissuFormContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.mw_wp_form_confirm .txtHissuFormContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .txtHissuFormContact {
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    width: 10.56%;
    margin: 0% 0% 0% 3.17%;
    padding: 0.5% 0% 1% 0%;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mw_wp_form_confirm .txtHissuFormContact {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .txtHissuFormContact::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .mw_wp_form_confirm .txtHissuFormContact::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.toThanks {
  text-align: center;
  width: 328px;
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .toThanks {
    width: 27.33%;
  }
}
@media screen and (max-width: 1200px) {
  .toThanks {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .toThanks {
    width: 250px;
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .toThanks {
    width: 76.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .toThanks {
    margin-top: 18.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.toThanksBtns {
  width: 100%;
}

.btnBackFormWap {
  width: 100%;
}

.btnBackForm {
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  background: none;
  border: none;
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #000;
}
@media screen and (max-width: 1200px) {
  .btnBackForm {
    font-size: 1.75vw;
  }
}
.btnBackForm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnBackForm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnBackForm {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBackForm {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnBackForm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnBackForm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnSendFormWap {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnSendFormWap {
    margin-top: 6.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnSendFormWap {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnSendFormWap {
    margin-top: 6.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnSendForm {
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  background: linear-gradient(270deg, #213B93 40.34%, #1F4197 43.72%, #1364B5 65.13%, #0B80CB 86.54%, #0494DC 109.08%, #01A0E5 130.49%, #00A4E9 153.03%);
  width: 100%;
  border: none;
  color: #FFF;
  aspect-ratio: 328/65;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
}
@media screen and (max-width: 1200px) {
  .btnSendForm {
    font-size: 1.75vw;
  }
}
.btnSendForm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnSendForm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnSendForm {
    aspect-ratio: 250/40;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSendForm {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSendForm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnSendForm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.btnSendForm:hover {
  border: 1px solid #fff;
  color: #00A4E9 !important;
  background: #FFF;
  border: 1px solid #00A4E9;
}

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

.btnSendForm:hover .iconBtnSendForm {
  background: url(../img/index/iconBtnIndexPicUpHover.svg) no-repeat 97% center;
  background-size: auto 82%;
}
@media screen and (max-width: 767px) {
  .btnSendForm:hover .iconBtnSendForm {
    background: url(../img/index/iconBtnIndexPicUpHover.svg) no-repeat 97% center;
    background-size: auto 100%;
  }
}

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

.txtThanksPage {
  color: #000000;
  font-size: 27px;
  line-height: 1.7407407407;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .txtThanksPage {
    font-size: 2.25vw;
  }
}
.txtThanksPage::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7407407407) * 0.5em);
  content: "";
}
.txtThanksPage::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7407407407) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtThanksPage {
    line-height: 1.9285714286;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksPage {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksPage::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
  .txtThanksPage::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
}

.btnThanksPageWap {
  width: 328px;
  margin-top: 217px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .btnThanksPageWap {
    width: 27.33%;
  }
}
@media screen and (max-width: 1200px) {
  .btnThanksPageWap {
    margin-top: 18.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksPageWap {
    width: 250px;
    margin-top: 22.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .btnThanksPageWap {
    width: 66.66%;
  }
}

.btnThanksPageWap .btnIndexPicUp {
  height: 67px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .btnThanksPageWap .btnIndexPicUp {
    padding: 13px 20px 9px;
    height: 42px;
  }
}

.btnThanksPageWap .btnContactxPicUp {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  aspect-ratio: 328/65;
  width: 100%;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  border-radius: 60px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  background: linear-gradient(to right, #2D98D9, #3256A7, #173C9A);
  background-color: #fff;
  transition: all 0.6s;
  overflow: hidden;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
  .btnThanksPageWap .btnContactxPicUp {
    font-size: 1.6666666667vw;
  }
}
.btnThanksPageWap .btnContactxPicUp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.35) * 0.5em);
  content: "";
}
.btnThanksPageWap .btnContactxPicUp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.35) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnThanksPageWap .btnContactxPicUp {
    aspect-ratio: 221/42;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanksPageWap .btnContactxPicUp {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksPageWap .btnContactxPicUp::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnThanksPageWap .btnContactxPicUp::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
.btnThanksPageWap .btnContactxPicUp:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  content: "";
  margin: 0;
}
@media screen and (max-width: 767px) {
  .btnThanksPageWap .btnContactxPicUp:before {
    top: 0;
  }
}
.btnThanksPageWap .btnContactxPicUp:after {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/index/icon05.svg) no-repeat center center/cover;
  content: "";
  transition: 0.6s;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .btnThanksPageWap .btnContactxPicUp:after {
    width: 14px;
    height: 14px;
    right: 13px;
  }
}
.btnThanksPageWap .btnContactxPicUp:hover {
  opacity: 1;
  color: #00A4E9;
  background: #fff;
}
.btnThanksPageWap .btnContactxPicUp:hover::before {
  border-width: 2px;
  border-color: #00A4E9;
}
.btnThanksPageWap .btnContactxPicUp:hover::after {
  background-image: url(../img/index/icon07.png);
}

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

.h1SearchLoops {
  color: #000000;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-indent: -0.12em;
}
@media screen and (max-width: 1200px) {
  .h1SearchLoops {
    font-size: 1.6666666667vw;
  }
}
.h1SearchLoops::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h1SearchLoops::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1SearchLoops {
    line-height: 1.9285714286;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
    width: 325px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1SearchLoops {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1SearchLoops::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
  .h1SearchLoops::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h1SearchLoops {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h1SearchLoops {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.countSearchPosts {
  width: 1200px;
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .countSearchPosts {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .countSearchPosts {
    margin-top: 4.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .countSearchPosts {
    width: 325px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .countSearchPosts {
    width: 86.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .countSearchPosts {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.countSearchPosts p {
  font-size: 16px;
  line-height: 1.6875;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  color: #3c3c3c;
}
@media screen and (max-width: 1200px) {
  .countSearchPosts p {
    font-size: 1.3333333333vw;
  }
}
.countSearchPosts p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6875) * 0.5em);
  content: "";
}
.countSearchPosts p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .countSearchPosts p {
    line-height: 1.9285714286;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .countSearchPosts p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .countSearchPosts p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
  .countSearchPosts p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
}

.ulSearchPosts {
  width: 1200px;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .ulSearchPosts {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .ulSearchPosts {
    margin-top: 1.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulSearchPosts {
    width: 325px;
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulSearchPosts {
    width: 86.66%;
  }
}

.liSearchPosts {
  transition-duration: 0.5s;
  padding-top: 22px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #939393;
  background: url(../img/search/btnSearchPosts.svg) no-repeat 98% center;
  background-size: auto 24px;
}
@media screen and (max-width: 1200px) {
  .liSearchPosts {
    padding: 2.02% 1.84% 2.76% 1.84%;
  }
}
@media screen and (max-width: 767px) {
  .liSearchPosts {
    padding: 4% 1% 6.15% 1%;
    background: url(../img/search/btnSearchPosts.svg) no-repeat 100% center;
    background-size: auto 15px;
  }
}
.liSearchPosts:last-child {
  border-bottom: 1px solid #939393;
}
.liSearchPosts:hover {
  background-color: #F0F0F0;
}

.h3SearchPosts {
  width: 1125px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  color: #003D86;
}
@media screen and (max-width: 1200px) {
  .h3SearchPosts {
    width: 96.98%;
  }
}
@media screen and (max-width: 1200px) {
  .h3SearchPosts {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SearchPosts {
    width: 95.5%;
    line-height: normal;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SearchPosts {
    font-size: 4.2666666667vw;
  }
}

.txtSearchPosts {
  width: 1125px;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 1.6875;
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  color: #3c3c3c;
}
@media screen and (max-width: 1200px) {
  .txtSearchPosts {
    width: 96.98%;
  }
}
@media screen and (max-width: 1200px) {
  .txtSearchPosts {
    margin: 2.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtSearchPosts {
    font-size: 1.3333333333vw;
  }
}
.txtSearchPosts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6875) * 0.5em);
  content: "";
}
.txtSearchPosts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtSearchPosts {
    width: 95.5%;
    margin: 4.15% 0% 0% 0%;
    line-height: 1.75;
    letter-spacing: 0.06em;
    text-indent: -0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSearchPosts {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSearchPosts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
  .txtSearchPosts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

/*ページャー*/
.pagerSearchBox {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pagerSearchBox {
    margin-top: 13.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.pagerSearchBox {
  text-decoration: center;
}
.pagerSearchBox a,
.pagerSearchBox span {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 6px;
  margin-right: 6px;
  width: 45px;
  aspect-ratio: 45/45;
  font-size: 20px;
  letter-spacing: normal;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #939393;
  color: #FFF;
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox a,
  .pagerSearchBox span {
    margin: 0% 0.5% 0% 0.5%;
  }
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox a,
  .pagerSearchBox span {
    width: 3.75%;
  }
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox a,
  .pagerSearchBox span {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .pagerSearchBox a,
  .pagerSearchBox span {
    margin: 0% 1.05% 0% 1.05%;
    width: 9.16vw;
    aspect-ratio: 34/34;
    letter-spacing: normal;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .pagerSearchBox a,
  .pagerSearchBox span {
    font-size: 3.7333333333vw;
  }
}
.pagerSearchBox a::after,
.pagerSearchBox span::after {
  display: none;
}
.pagerSearchBox .current {
  background: #F0F0F0;
  color: #939393;
}
.pagerSearchBox .previouspostslink {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  width: 45px;
  aspect-ratio: 45/45;
  font-size: 20px;
  letter-spacing: normal;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #939393;
  color: #FFF;
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox .previouspostslink {
    margin: 0% 0.83% 0% 0.83%;
  }
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox .previouspostslink {
    width: 3.75%;
  }
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox .previouspostslink {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .pagerSearchBox .previouspostslink {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 7px;
    margin-right: 7px;
    width: 34px;
    aspect-ratio: 34/34;
    letter-spacing: normal;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .pagerSearchBox .previouspostslink {
    margin: 0% 2.15% 0% 2.15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .pagerSearchBox .previouspostslink {
    width: 10.46%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .pagerSearchBox .previouspostslink {
    font-size: 5.3333333333vw;
  }
}
.pagerSearchBox .nextpostslink {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  width: 45px;
  aspect-ratio: 45/45;
  font-size: 20px;
  letter-spacing: normal;
  letter-spacing: 0.08em;
  text-indent: -0.08em;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #939393;
  color: #FFF;
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox .nextpostslink {
    margin: 0% 0.41% 0% 0.41%;
  }
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox .nextpostslink {
    width: 3.75%;
  }
}
@media screen and (max-width: 1200px) {
  .pagerSearchBox .nextpostslink {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .pagerSearchBox .nextpostslink {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 3.5px;
    margin-right: 3.5px;
    width: 34px;
    aspect-ratio: 34/34;
    letter-spacing: normal;
    letter-spacing: 0.08em;
    text-indent: -0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .pagerSearchBox .nextpostslink {
    margin: 0% 1.07% 0% 1.07%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .pagerSearchBox .nextpostslink {
    width: 10.46%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .pagerSearchBox .nextpostslink {
    font-size: 5.3333333333vw;
  }
}
.pagerSearchBox .wp-pagenavi a:hover {
  background: none;
  color: #fff;
  background: #939393;
}
.pagerSearchBox .wp-pagenavi .prevpostslink:hover {
  background: none;
  color: #fff;
  background: #939393;
}
.pagerSearchBox .wp-pagenavi .nextpostslink:hover {
  background: none;
  color: #fff;
  background: #939393;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.iconNonSearchPost {
  width: 64px;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .iconNonSearchPost {
    width: 5.33%;
  }
}
@media screen and (max-width: 767px) {
  .iconNonSearchPost {
    width: 9.26%;
  }
}
.iconNonSearchPost img {
  width: 100%;
  max-width: none;
}

.h2NonSearchPost {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  color: #003D86;
}
@media screen and (max-width: 1200px) {
  .h2NonSearchPost {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h2NonSearchPost {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .h2NonSearchPost {
    margin-top: 7.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.0625;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2NonSearchPost {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2NonSearchPost::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.0625) * 0.5em);
    content: "";
  }
  .h2NonSearchPost::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.0625) * 0.5em);
    content: "";
  }
}

.txtNonSearchPost {
  margin-top: 2px;
  margin-bottom: 288px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  color: #003D86;
}
@media screen and (max-width: 1200px) {
  .txtNonSearchPost {
    margin-top: 0.16%;
    margin-bottom: 24%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtNonSearchPost {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtNonSearchPost {
    margin-top: 4.33%;
    margin-bottom: 26%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4166666667;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtNonSearchPost {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtNonSearchPost::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4166666667) * 0.5em);
    content: "";
  }
  .txtNonSearchPost::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4166666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.comNewsList li a {
  word-break: break-all;
}

/* ==========================================================================
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
*/
.cl_fff {
  color: #FFF;
}

.cl_00A4E9 {
  color: #00A4E9;
}

.bg_E50012 {
  background: #E50012;
}

.bg_B3B3B3 {
  background: #B3B3B3;
}

.brd_939393 {
  border: 1px solid #939393;
}

.cl_808080 {
  color: #808080;
}

.cl_000 {
  color: #000;
}

.cl_FFF {
  color: #FFF;
}

.cl_3C3C3C {
  color: #3C3C3C;
}

.cl_003C82 {
  color: #003C82;
}

.cl_003C81 {
  color: #003C81;
}

.cl_3FA8F4 {
  color: #3FA8F4;
}

.cl_3296F0 {
  color: #3296F0;
}

.bg_E5DED7 {
  background: #E5DED7;
}

.bg_F1F6FC {
  background: #F1F6FC;
}

.bg_2EA7E0 {
  background: #2EA7E0;
}

.bg_06C755 {
  background: #06C755;
}

.bg_3296F0 {
  background: #3296F0;
}

.bg_808080 {
  background: #808080;
}

.bg_F2F2F2 {
  background: #F2F2F2;
}

.bg_595959 {
  background: #595959;
}

.bg_EDF1F1 {
  background: #EDF1F1;
}

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