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

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

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

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

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

svg {
  display: block;
}

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

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

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

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

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

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

.t_center {
  text-align: center;
}

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

.roboto {
  font-family: Roboto;
}

.montserrat {
  font-family: Montserrat;
}

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

.txtshadow {
  text-shadow: 1px 1px 9px rgba(42, 42, 42, 0.3);
}

.shadow {
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
}

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

.undernone {
  text-decoration: none;
}

.c_pointer {
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.t_right {
  text-align: right;
}

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

.base_header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #FFF;
  transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .base_header {
    position: fixed;
    background: unset;
  }
}

@media screen and (max-width: 767px) {
  .base_header.on {
    background: #FFF;
  }
}

.hide {
  transform: translateY(-100px);
}

.underaBaseHeader {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #FFF;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .underaBaseHeader {
    position: fixed;
  }
}

.logoHeaderPc {
  margin-top: 7px;
  margin-bottom: 10px;
  margin-left: 22px;
  margin-right: 0px;
  width: 198px;
}
@media screen and (max-width: 1279px) {
  .logoHeaderPc {
    margin: 0.36% 0% 0.52% 1.14%;
  }
}
@media screen and (max-width: 1279px) {
  .logoHeaderPc {
    width: 10.31%;
  }
}
@media screen and (max-width: 1279px) {
  .logoHeaderPc {
    width: 16.31%;
  }
}

.rubyHeaderPc {
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .rubyHeaderPc {
    font-size: 0.7818608288vw;
  }
}

.btnLogoHeaderPc {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 193px;
}
@media screen and (max-width: 1279px) {
  .btnLogoHeaderPc {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .btnLogoHeaderPc {
    width: 97.47%;
  }
}

.navsGheaderPc {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 980px;
}
@media screen and (max-width: 1279px) {
  .navsGheaderPc {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .navsGheaderPc {
    width: 51.04%;
  }
}
@media screen and (max-width: 1279px) {
  .navsGheaderPc {
    width: 73.92%;
  }
}

.mainHeaderNavsPc {
  width: 567px;
}
@media screen and (max-width: 1279px) {
  .mainHeaderNavsPc {
    width: 56.87%;
  }
}

.navTopMainHeader {
  width: fit-content;
  margin: 0 0 0 auto;
}

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

.btnNavTopMainHeader {
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 150%;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .btnNavTopMainHeader {
    font-size: 0.9382329945vw;
  }
}
.btnNavTopMainHeader::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnNavTopMainHeader:hover {
  opacity: 1;
}
.btnNavTopMainHeader:hover::before {
  width: 100%;
}

.navBtmMainHeader {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 567px;
}
@media screen and (max-width: 1279px) {
  .navBtmMainHeader {
    margin: 1.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .navBtmMainHeader {
    width: 100%;
  }
}

.liNavBtmMainHeader {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 27px;
}
@media screen and (max-width: 1279px) {
  .liNavBtmMainHeader {
    margin: 0% 4.76% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liNavBtmMainHeader {
    margin: 0% 1.25vw 0% 0%;
  }
}
.liNavBtmMainHeader:last-child {
  margin: 0;
}

.btnNavBtmMainHeader {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .btnNavBtmMainHeader {
    font-size: 1.0946051603vw;
  }
}
.btnNavBtmMainHeader::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnNavBtmMainHeader:hover {
  opacity: 1;
}
.btnNavBtmMainHeader:hover::before {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .btnNavBtmMainHeader {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavBtmMainHeader {
    font-size: 3.4666666667vw;
  }
}

.subMainHeaderNavPc {
  width: 310px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1279px) {
  .subMainHeaderNavPc {
    width: 31.09%;
  }
}

.liMainHeaderNavPc {
  width: 150px;
}
@media screen and (max-width: 1279px) {
  .liMainHeaderNavPc {
    width: 48.38%;
  }
}

.btnMainHeaderNavPc {
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
  aspect-ratio: 150/44;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnMainHeaderNavPc {
    font-size: 1.0164190774vw;
  }
}

.btnMainHeaderNavPc01 {
  border: 1px solid #282828;
  color: #282828;
  background: #FFF;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btnMainHeaderNavPc01:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}

.btnMainHeaderNavPc02 {
  color: #FFF;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
}
.btnMainHeaderNavPc02:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.btnMainHeaderNavsOpen {
  width: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  aspect-ratio: 1/1;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnMainHeaderNavsOpen {
    width: 8.02%;
  }
}

.brdMainHeaderNavsOpenWap {
  aspect-ratio: 36/15;
  width: 36px;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .brdMainHeaderNavsOpenWap {
    width: 45%;
  }
}

.brdMainHeaderNavsOpen {
  width: 100%;
  height: 1px;
  background: #FFF;
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .brdMainHeaderNavsOpen {
    background: #FFF;
  }
}

.base_header.on .brdMainHeaderNavsOpen {
  background: #282828;
}

.underaBaseHeader .brdMainHeaderNavsOpen {
  background: #282828;
}

.brdMainHeaderNavsOpen01 {
  top: 0;
  transform: rotate(0deg);
}

.brdMainHeaderNavsOpen02 {
  top: 50%;
  opacity: 1;
}

.brdMainHeaderNavsOpen03 {
  top: 100%;
  transform: rotate(0deg);
}

.btnMainHeaderNavsOpen.on .brdMainHeaderNavsOpen01 {
  top: 25%;
  transform: rotate(30deg);
}
.btnMainHeaderNavsOpen.on .brdMainHeaderNavsOpen02 {
  opacity: 0;
}
.btnMainHeaderNavsOpen.on .brdMainHeaderNavsOpen03 {
  top: 25%;
  transform: rotate(-30deg);
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.logoHeaderSp {
  width: 63.4%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .logoHeaderSp {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 5.33%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .logoHeaderSp {
    padding: 3.2% 0% 3.2% 0%;
  }
}

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

.base_header .btnLogoHeaderSp .off {
  display: block;
}
.base_header .btnLogoHeaderSp .on {
  display: none;
}

.base_header.on .btnLogoHeaderSp .off {
  display: none;
}
.base_header.on .btnLogoHeaderSp .on {
  display: block;
}

.underaBaseHeader .btnLogoHeaderSp .off {
  display: none;
}
.underaBaseHeader .btnLogoHeaderSp .on {
  display: block;
}

.rubyHeaderSp {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  margin-right: 0px;
  width: 83px;
  line-height: 150%;
  letter-spacing: 0.04em;
  color: #FFF;
}
@media screen and (max-width: 1279px) {
  .rubyHeaderSp {
    margin: 0% 0% 0% 6.83%;
  }
}
@media screen and (max-width: 1279px) {
  .rubyHeaderSp {
    width: 35.47%;
  }
}
@media screen and (max-width: 767px) {
  .rubyHeaderSp {
    font-size: 2.1333333333vw;
  }
}

.base_header.on .rubyHeaderSp {
  color: #282828;
}

.underaBaseHeader .rubyHeaderSp {
  color: #282828;
}

@media screen and (max-width: 767px) {
  .btnMainHeaderNavsOpen {
    width: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 1.5% 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnMainHeaderNavsOpen {
    width: 13.86%;
  }
}

@media screen and (max-width: 767px) {
  .brdMainHeaderNavsOpenWap {
    aspect-ratio: 26/13;
    width: 26px;
    position: relative;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdMainHeaderNavsOpenWap {
    width: 50%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerGnavPc {
  padding-top: 43px;
  padding-bottom: 155px;
  padding-left: 0px;
  padding-right: 0px;
  width: 390px;
  position: absolute;
  right: -100%;
  background: rgba(249, 127, 16, 0.9);
  backdrop-filter: blur(10px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100vh;
}
@media screen and (max-width: 1279px) {
  .headerGnavPc {
    padding: 2.23% 0% 8.07% 0%;
  }
}
.headerGnavPc::-webkit-scrollbar {
  display: none;
}

.headerGnavPcLxn {
  width: 294px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .headerGnavPcLxn {
    width: 75.38%;
  }
}

.secHeaderGnavPcTop {
  width: 167px;
}
@media screen and (max-width: 1279px) {
  .secHeaderGnavPcTop {
    width: 56.8%;
  }
}
.secHeaderGnavPcTop:nth-child(n+3) {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secHeaderGnavPcTop:nth-child(n+3) {
    margin: 17.34% 0% 0% 0%;
  }
}
.secHeaderGnavPcTop:nth-child(2n) {
  width: 127px;
}
@media screen and (max-width: 1279px) {
  .secHeaderGnavPcTop:nth-child(2n) {
    width: 43.19%;
  }
}

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

.ulHeaderGnavPcTop {
  margin: 1.5625vw 0vw 0vw 0vw;
}

.liSecHeaderGnavPcTop:nth-child(n+2) {
  margin-top: 14.5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liSecHeaderGnavPcTop:nth-child(n+2) {
    margin: 4.93% 0% 0% 0%;
  }
}

.btnSecHeaderGnavPcTop {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .btnSecHeaderGnavPcTop {
    font-size: 1.0164190774vw;
  }
}

.brdHeaderPcGnav {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 100%;
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .brdHeaderPcGnav {
    margin-top: 17.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secHeaderGnavPcTop02 {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secHeaderGnavPcTop02 {
    margin: 16.32% 0% 0% 0%;
  }
}

.liHeaderGnavPcTypeStrong:nth-child(n+2) {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liHeaderGnavPcTypeStrong:nth-child(n+2) {
    margin: 9.86% 0% 0% 0%;
  }
}

.btnHeaderGnavPcTypeStrong {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media screen and (max-width: 1279px) {
  .btnHeaderGnavPcTypeStrong {
    font-size: 1.0946051603vw;
  }
}

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

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

.addressHeaderPcGnavInfo {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .addressHeaderPcGnavInfo {
    margin: 3.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .addressHeaderPcGnavInfo {
    font-size: 0.9382329945vw;
  }
}

.telHeaderPcGnavInfo {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .telHeaderPcGnavInfo {
    margin: 2.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .telHeaderPcGnavInfo {
    font-size: 0.9382329945vw;
  }
}

.mailHeaderPcGnavInfo {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .mailHeaderPcGnavInfo {
    margin-top: 2.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .mailHeaderPcGnavInfo {
    font-size: 0.9382329945vw;
  }
}

.telNumHeaderPcGnavInfo {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .telNumHeaderPcGnavInfo {
    margin: 14.62% 0% 0% 0%;
  }
}

.mainTelNumHeaderPcGnavInfo {
  width: 217px;
}
@media screen and (max-width: 1279px) {
  .mainTelNumHeaderPcGnavInfo {
    width: 73.8%;
  }
}

.iconTelNumHeaderPcGnavInfo {
  width: 24px;
  margin: 0 2% 0 0;
}
@media screen and (max-width: 1279px) {
  .iconTelNumHeaderPcGnavInfo {
    width: 11.05%;
  }
}

.numTelNumHeaderPcGnavInfo {
  font-size: 25px;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 1279px) {
  .numTelNumHeaderPcGnavInfo {
    font-size: 1.9546520719vw;
  }
}

.timeHeaderPcGnavInfo {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .timeHeaderPcGnavInfo {
    margin: 3.06% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .timeHeaderPcGnavInfo {
    font-size: 1.0164190774vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerGnavSp {
  width: 100%;
  position: absolute;
  right: -100%;
  background: rgba(249, 127, 16, 0.9);
  backdrop-filter: blur(10px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100vh;
}
.headerGnavSp::-webkit-scrollbar {
  display: none;
}

.headerGnavSpLxn {
  padding: 8.66% 0% 16% 0%;
  width: 295px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .headerGnavSpLxn {
    width: 78.66%;
  }
}

.secHeaderGnavSpTop {
  width: 167px;
}
@media screen and (max-width: 1279px) {
  .secHeaderGnavSpTop {
    width: 56.8%;
  }
}
.secHeaderGnavSpTop:nth-child(2n) {
  width: 127px;
}
@media screen and (max-width: 1279px) {
  .secHeaderGnavSpTop:nth-child(2n) {
    width: 43.19%;
  }
}

.secHeaderGnavSpTop02 {
  margin-top: 12.66%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
}

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

.ulHeaderGnavSpTop {
  margin: 12% 0% 0% 0%;
}

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

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

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

.btnHeaderGnavSpTypeStrong {
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .btnHeaderGnavSpTypeStrong {
    font-size: 3.7333333333vw;
  }
}

.brdHeaderSpGnav {
  margin-top: 20.01%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 100%;
  background: #FFF;
}

.secHeaderSpGnavInfo {
  margin-top: 11.55%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.telNumHeaderSpGnavInfo {
  margin: 12% 0% 0% 0%;
  width: 75.55%;
}

.mainTelNumHeaderSpGnavInfo {
  text-decoration: none;
}

.iconTelNumHeaderSpGnavInfo {
  width: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 4px;
}
@media screen and (max-width: 1279px) {
  .iconTelNumHeaderSpGnavInfo {
    width: 11.05%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTelNumHeaderSpGnavInfo {
    margin: 0% 1.84% 0% 0%;
  }
}

.numTelNumHeaderSpGnavInfo {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .numTelNumHeaderSpGnavInfo {
    font-size: 7.4666666667vw;
  }
}

.timeHeaderSpGnavInfo {
  margin: 3.42% 0% 0% 0%;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .timeHeaderSpGnavInfo {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .footer {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .footer {
    padding: 5.2% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding-top: 60px;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footer {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footer {
    padding: 16% 0% 13.33% 0%;
  }
}

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

.btnFooterLogo {
  width: 350px;
  display: block;
}
@media screen and (max-width: 1279px) {
  .btnFooterLogo {
    width: 29.16%;
  }
}
@media screen and (max-width: 767px) {
  .btnFooterLogo {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnFooterLogo {
    width: 100%;
  }
}

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

.secFooterFx {
  width: 500px;
}
@media screen and (max-width: 1279px) {
  .secFooterFx {
    width: 41.66%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterFx {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secFooterFx {
    width: 100%;
  }
}

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

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

.txtsetTelFooter {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtsetTelFooter {
    margin-top: 2.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtsetTelFooter {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtsetTelFooter {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtsetTelFooter {
    font-size: 3.2vw;
  }
}

.txtsetMailFooter {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtsetMailFooter {
    margin-top: 2.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtsetMailFooter {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtsetMailFooter {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtsetMailFooter {
    font-size: 3.2vw;
  }
}

.telNumFooterInfo {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 218px;
}
@media screen and (max-width: 1279px) {
  .telNumFooterInfo {
    margin: 10.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .telNumFooterInfo {
    width: 43.6%;
  }
}
@media screen and (max-width: 1279px) {
  .telNumFooterInfo {
    width: 53.6%;
  }
}
@media screen and (max-width: 767px) {
  .telNumFooterInfo {
    margin: 14.94% 0% 0% 0%;
    width: 218px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .telNumFooterInfo {
    width: 73.89%;
  }
}

.mainTelNumFooterInfo {
  width: 100%;
}

.iconTelNumFooterInfo {
  width: 24px;
  margin: 0 2% 0 0;
}
@media screen and (max-width: 1279px) {
  .iconTelNumFooterInfo {
    width: 11%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelNumFooterInfo {
    width: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTelNumFooterInfo {
    width: 11%;
  }
}
.iconTelNumFooterInfo svg {
  width: 100%;
  height: auto;
  display: block;
}

.numTelNumFooterInfo {
  width: 190px;
  font-size: 28px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .numTelNumFooterInfo {
    width: 87.15%;
  }
}
@media screen and (max-width: 1279px) {
  .numTelNumFooterInfo {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .numTelNumFooterInfo {
    width: 190px;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .numTelNumFooterInfo {
    width: 87.15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .numTelNumFooterInfo {
    font-size: 7.4666666667vw;
  }
}

.timeFooterInfo {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .timeFooterInfo {
    margin-top: 1.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .timeFooterInfo {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .timeFooterInfo {
    margin-top: 2.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeFooterInfo {
    font-size: 3.4666666667vw;
  }
}

.footerNavs {
  width: 700px;
}
@media screen and (max-width: 1279px) {
  .footerNavs {
    width: 58.33%;
  }
}
@media screen and (max-width: 767px) {
  .footerNavs {
    display: none;
  }
}

.secFooterTop {
  width: 130px;
}
@media screen and (max-width: 1279px) {
  .secFooterTop {
    width: 18.57%;
  }
}

.h3FooterTop {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .h3FooterTop {
    font-size: 1.0946051603vw;
  }
}
.h3FooterTop::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #282828;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.h3FooterTop:hover {
  opacity: 1;
}
.h3FooterTop:hover::before {
  width: 100%;
}
.ulFooterTop {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .ulFooterTop {
    margin-top: 23.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulFooterTop {
    font-size: 1.0164190774vw;
  }
}

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

.btnSecFooterTop {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .btnSecFooterTop {
    font-size: 1.0164190774vw;
  }
}
.btnSecFooterTop::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnSecFooterTop:hover {
  opacity: 1;
}
.btnSecFooterTop:hover::before {
  width: 100%;
}

.liFooterStrong {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .liFooterStrong {
    font-size: 1.0946051603vw;
  }
}
.liFooterStrong:nth-child(n+2) {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liFooterStrong:nth-child(n+2) {
    margin-top: 22.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFooterStrong {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  transition-duration: 0.5s;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .btnFooterStrong {
    font-size: 1.0946051603vw;
  }
}
.btnFooterStrong::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnFooterStrong:hover {
  opacity: 1;
}
.btnFooterStrong:hover::before {
  width: 100%;
}

.brdFooter {
  margin-top: 116px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background: var(--D7D7D7, #D7D7D7);
}
@media screen and (max-width: 1279px) {
  .brdFooter {
    margin-top: 9.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdFooter {
    margin-top: 12.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.liCopoListFx {
  width: 224px;
}
@media screen and (max-width: 1279px) {
  .liCopoListFx {
    width: 18.66%;
  }
}
@media screen and (max-width: 767px) {
  .liCopoListFx {
    width: 144px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCopoListFx {
    width: 48.81%;
  }
}
@media screen and (max-width: 767px) {
  .liCopoListFx:nth-child(n+3) {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCopoListFx:nth-child(n+3) {
    margin: 2.37% 0% 0% 0%;
  }
}

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

.ulNavLastFooter {
  width: 465px;
}
@media screen and (max-width: 1279px) {
  .ulNavLastFooter {
    width: 38.75%;
  }
}
@media screen and (max-width: 1279px) {
  .ulNavLastFooter {
    width: 48.75%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavLastFooter {
    width: 100%;
  }
}

.liNavLastFooter {
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .liNavLastFooter {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavLastFooter {
    width: 100%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavLastFooter {
    font-size: 2.6666666667vw;
  }
}
.liNavLastFooter:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 32px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liNavLastFooter:nth-child(n+2) {
    margin: 0% 0% 0% 6.88%;
  }
}
@media screen and (max-width: 767px) {
  .liNavLastFooter:nth-child(n+2) {
    margin: 1% 0% 0% 0%;
  }
}

.copy {
  font-size: 11px;
  letter-spacing: 0.12em;
  margin: 0.4% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .copy {
    font-size: 0.8600469116vw;
  }
}
@media screen and (max-width: 767px) {
  .copy {
    margin: 8.16% 0% 0% 0%;
    width: 100%;
    text-align: left;
    line-height: auto0%;
    letter-spacing: 0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copy {
    font-size: 2.6666666667vw;
  }
}

.btnNavLastFooter {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.5s;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.btnNavLastFooter::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnNavLastFooter:hover {
  opacity: 1;
}
.btnNavLastFooter:hover::before {
  width: 100%;
}

.toTopBtnlxn {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 30px;
  z-index: 9;
}

.toTopBtn {
  display: block;
}
.toTopBtn .bgToTopBtn {
  fill: "#FFF";
  transition-duration: 0.5s;
}
.toTopBtn .arrowbgToTopBtn {
  fill: #282828;
  transition-duration: 0.5s;
}
.toTopBtn:hover {
  opacity: 1;
}
.toTopBtn:hover .bgToTopBtn {
  fill: #F97F10;
}
.toTopBtn:hover .arrowbgToTopBtn {
  fill: #FFF;
}

.spFixedBox {
  position: sticky;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 99;
}

.spFixedBoxFx {
  width: 100%;
}
.spFixedBoxFx img {
  width: 100%;
}

.btnSpFixedBoxFx01 {
  width: 110px;
}
@media screen and (max-width: 1279px) {
  .btnSpFixedBoxFx01 {
    width: 29.33%;
  }
}

.btnSpFixedBoxFx02 {
  width: 110px;
}
@media screen and (max-width: 1279px) {
  .btnSpFixedBoxFx02 {
    width: 29.33%;
  }
}

.btnSpFixedBoxFx03 {
  width: 110px;
}
@media screen and (max-width: 1279px) {
  .btnSpFixedBoxFx03 {
    width: 29.33%;
  }
}

.btnSpFixedBoxFx04 {
  width: 43px;
}
@media screen and (max-width: 1279px) {
  .btnSpFixedBoxFx04 {
    width: 11.46%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topFvWap {
  position: relative;
  overflow: hidden;
}

.fvSwiper {
  position: relative;
}

/*ページャー*/
.topFv .swiper-pagination-bullets {
  bottom: 30px !important;
  text-align: center;
  position: absolute;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .topFv .swiper-pagination-bullets {
    bottom: 77px !important;
  }
}

.topFv .swiper-pagination-bullet {
  background: #FFF;
  width: 60px;
  aspect-ratio: 60/2;
  height: auto !important;
  margin: 0 4px !important;
  opacity: 1;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .topFv .swiper-pagination-bullet {
    width: 32px;
    aspect-ratio: 32/2;
  }
}

.topFv .swiper-pagination-bullet-active {
  background: #F97F10;
}

.topFvHeroCoverFs {
  top: 0;
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100%;
  background: #fff;
  transition-duration: 0.5s;
  transform: translateX(0);
}
.topFvHeroCoverFs.active {
  transform: translateX(100%);
}

.topFvHeroCoverBox {
  top: 0;
  z-index: 9998;
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  transition-duration: 0.5s;
  transform: translateX(0%);
}

.topFvHeroCoverItem {
  width: 34%;
  background: #333;
}

.topFvHeroCoverBox.active .topFvHeroCoverItem01 {
  animation: lineSlide 0.4s ease 0.6s forwards alternate;
}

.topFvHeroCoverBox.active .topFvHeroCoverItem02 {
  animation: lineSlide 0.4s ease 0.7s forwards alternate;
}

.topFvHeroCoverBox.active .topFvHeroCoverItem03 {
  animation: lineSlide 0.4s ease 0.8s forwards alternate;
}

@keyframes lineSlide {
  0% {
    transform: translateY(0%);
  }
  70% {
    opacity: 100%;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
.topFvInfoCnt {
  width: 320px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  border-top-right-radius: 12px;
  background: #FBFBFB;
}
@media screen and (max-width: 767px) {
  .topFvInfoCnt {
    width: 268px;
    border-top-right-radius: 6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topFvInfoCnt {
    width: 71.46%;
  }
}

.topFvInfoCntradius {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  transform: translateX(100%) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .topFvInfoCntradius {
    width: 6px;
    height: 6px;
  }
}
.topFvInfoCntradius::after {
  display: block;
  width: 200%;
  height: 200%;
  content: "";
  background: transparent;
  border-radius: 50%;
  box-shadow: 12px 12px 0 0 #FBFBFB;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .topFvInfoCntradius::after {
    box-shadow: 6px 6px 0 0 #FBFBFB;
  }
}

.topFvInfoCntIn {
  padding-top: 11px;
  padding-bottom: 27px;
  padding-left: 0px;
  padding-right: 0px;
  width: 257px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .topFvInfoCntIn {
    padding: 3.31% 0% 8.13% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .topFvInfoCntIn {
    width: 77.4%;
  }
}
@media screen and (max-width: 767px) {
  .topFvInfoCntIn {
    padding: 4% 0% 8.46% 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: auto;
    width: 181px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) and (max-width: 1279px) {
  .topFvInfoCntIn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 7.46%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topFvInfoCntIn {
    width: 67.53%;
  }
}

.txtTopFvInfoCnt {
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtTopFvInfoCnt {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopFvInfoCnt {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopFvInfoCnt {
    font-size: 3.2vw;
  }
}

.bigTxtTopFvInfoCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 32px;
  letter-spacing: 0em;
  transform: translate(0, 8%);
  display: inline-block;
}
@media screen and (max-width: 1279px) {
  .bigTxtTopFvInfoCnt {
    margin: 0% 1.55% 0% 1.55%;
  }
}
@media screen and (max-width: 1279px) {
  .bigTxtTopFvInfoCnt {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .bigTxtTopFvInfoCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 4px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .bigTxtTopFvInfoCnt {
    margin: 0% 2.2% 0% 2.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .bigTxtTopFvInfoCnt {
    font-size: 6.4vw;
  }
}

.topFvCntWap {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  top: 16%;
}
@media screen and (max-width: 1500px) {
  .topFvCntWap {
    top: 5%;
  }
}
@media screen and (max-width: 767px) {
  .topFvCntWap {
    top: 28%;
  }
}

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

.secTopFvCntBx {
  width: 476px;
}
@media screen and (max-width: 1279px) {
  .secTopFvCntBx {
    width: 39.66%;
  }
}
@media screen and (max-width: 767px) {
  .secTopFvCntBx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTopFvCntBx {
    width: 100%;
  }
}

.figsecTopFvCntBx {
  width: 474px;
}
@media screen and (max-width: 1279px) {
  .figsecTopFvCntBx {
    width: 99.57%;
  }
}
@media screen and (max-width: 1500px) {
  .figsecTopFvCntBx {
    width: 24.68vw;
  }
}
@media screen and (max-width: 767px) {
  .figsecTopFvCntBx {
    width: 69.07%;
    transform: translateX(-3%);
  }
}

.h1TopFvCntBx {
  margin: 1.5vw 0vw 0vw 0vw;
  font-size: 35px;
  font-size: 1.8229166667vw;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 9px rgba(42, 42, 42, 0.3);
}
@media screen and (max-width: 1279px) {
  .h1TopFvCntBx {
    font-size: 2.7365129007vw;
  }
}
@media screen and (max-width: 767px) {
  .h1TopFvCntBx {
    margin: 4.55% 0% 0% 0%;
    line-height: 150%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1TopFvCntBx {
    font-size: 5.3333333333vw;
  }
}

.rubyTopFvCntBx {
  margin: 0.7vw 0vw 0vw 0vw;
  font-size: 15px;
  line-height: 193%;
  letter-spacing: 0.01em;
  text-shadow: 1px 1px 9px rgba(42, 42, 42, 0.3);
}
@media screen and (max-width: 1279px) {
  .rubyTopFvCntBx {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopFvCntBx {
    margin: 1.97% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopFvCntBx {
    font-size: 3.2vw;
  }
}

.ulTopFvCntBx {
  margin: 1.2vw 0vw 0vw 0vw;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ulTopFvCntBx {
    margin: 4.97% 0% 0% 0%;
    width: 308px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulTopFvCntBx {
    width: 91.94%;
  }
}

.liTopFvCntBx01 {
  width: 162px;
}
@media screen and (max-width: 1279px) {
  .liTopFvCntBx01 {
    width: 34.03%;
  }
}
@media screen and (max-width: 767px) {
  .liTopFvCntBx01 {
    width: 113px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopFvCntBx01 {
    width: 36.68%;
  }
}

.btnTopFvCntBx01 {
  font-size: 20px;
  letter-spacing: 0.05em;
  aspect-ratio: 162/75;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: #FFF;
  color: #282828;
  width: 100%;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnTopFvCntBx01 {
    font-size: 1.5637216575vw;
  }
}
.btnTopFvCntBx01:hover {
  opacity: 1;
  color: #fff;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .btnTopFvCntBx01 {
    letter-spacing: 0.05em;
    aspect-ratio: 113/50;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopFvCntBx01 {
    font-size: 3.7333333333vw;
  }
}

.liTopFvCntBx02 {
  width: 301px;
}
@media screen and (max-width: 1279px) {
  .liTopFvCntBx02 {
    width: 63.23%;
  }
}
@media screen and (max-width: 767px) {
  .liTopFvCntBx02 {
    width: 187px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopFvCntBx02 {
    width: 60.71%;
  }
}

.btnTopFvCntBx02 {
  aspect-ratio: 301/75;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
  color: #FFF;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .btnTopFvCntBx02 {
    aspect-ratio: 187/50;
  }
}
.btnTopFvCntBx02:hover {
  background-position: 100% 51%;
  opacity: 1;
}

.h3TopFvCntBx02 {
  font-size: 13px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3TopFvCntBx02 {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopFvCntBx02 {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopFvCntBx02 {
    font-size: 2.9333333333vw;
  }
}

.txtTopFvCntBx02 {
  margin-top: 0.4vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtTopFvCntBx02 {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopFvCntBx02 {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopFvCntBx02 {
    margin-top: 2.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopFvCntBx02 {
    font-size: 3.7333333333vw;
  }
}

.txtBtmTopFvCntBx02 {
  margin: 2.0833333333vw 0vw 0vw 0vw;
  font-size: 13px;
  line-height: 1.6923076923;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtBtmTopFvCntBx02 {
    font-size: 1.0164190774vw;
  }
}
.txtBtmTopFvCntBx02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6923076923) * 0.5em);
  content: "";
}
.txtBtmTopFvCntBx02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6923076923) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBtmTopFvCntBx02 {
    margin: 11% 0 0 0;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmTopFvCntBx02 {
    font-size: 2.9333333333vw;
  }
}

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

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

.topCmLxn {
  width: 1200px;
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/top/bgtopCmLxnPc.png) no-repeat center top;
  background-size: cover;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .topCmLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 1279px) {
  .topCmLxn {
    padding: 4.37% 0% 4.37% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topCmLxn {
    width: 335px;
    padding: 10.92% 0% 14.92% 0%;
    background: url(../img/top/bgtopCmLxnSp.png) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topCmLxn {
    width: 100%;
  }
}

.topCmFx {
  width: 1088px;
  margin: auto;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .topCmFx {
    width: 90.66%;
  }
}
@media screen and (max-width: 767px) {
  .topCmFx {
    width: 293px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topCmFx {
    width: 87.46%;
  }
}

.secTopCm {
  width: 273px;
  margin: 3.2% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .secTopCm {
    width: 25.09%;
  }
}
@media screen and (max-width: 767px) {
  .secTopCm {
    width: 293px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTopCm {
    width: 100%;
  }
}

.h2TopCm {
  font-size: 40px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TopCm {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopCm {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopCm {
    font-size: 8vw;
  }
}

.rubyTopCm {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .rubyTopCm {
    margin: 5.49% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopCm {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopCm {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopCm {
    font-size: 3.2vw;
  }
}

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

.txtTopCm {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtTopCm {
    margin: 6.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopCm {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopCm {
    margin-top: 4.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopCm {
    font-size: 3.4666666667vw;
  }
}

.iframeTopCm {
  position: relative;
  overflow: hidden;
  aspect-ratio: 730/408;
  width: 730px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .iframeTopCm {
    width: 67.09%;
  }
}
@media screen and (max-width: 767px) {
  .iframeTopCm {
    margin-top: 8.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 293/164;
    width: 100%;
  }
}
.iframeTopCm iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

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

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

@media screen and (max-width: 767px) {
  .topSearchWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topSearchWap {
    width: 89.33%;
  }
}

.topSearchlxn {
  padding-top: 43px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1200px;
  margin: auto;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .topSearchlxn {
    padding: 3.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .topSearchlxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .topSearchlxn {
    padding-top: 40px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border-radius: 8px;
    /* CSS3草案 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topSearchlxn {
    padding: 10.66% 0% 0% 0%;
  }
}

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

.topSearchTopFx {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
}
@media screen and (max-width: 1279px) {
  .topSearchTopFx {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .topSearchTopFx {
    width: 91.66%;
  }
}
@media screen and (max-width: 767px) {
  .topSearchTopFx {
    margin-top: 14.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topSearchTopFx {
    width: 88.05%;
  }
}

.secTopSearchTopFx {
  width: 266px;
}
@media screen and (max-width: 1279px) {
  .secTopSearchTopFx {
    width: 24.18%;
  }
}
@media screen and (max-width: 767px) {
  .secTopSearchTopFx {
    width: 100%;
  }
}

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

.titleTopSearchCnt {
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (max-width: 1279px) {
  .titleTopSearchCnt {
    padding: 0% 0% 6.01% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleTopSearchCnt {
    padding: 0% 0% 5% 0%;
  }
}

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

.brdTitleTopSearchCntWap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 16px;
  position: relative;
  width: 21px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1279px) {
  .brdTitleTopSearchCntWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 6.83%;
  }
}
@media screen and (max-width: 1279px) {
  .brdTitleTopSearchCntWap {
    width: 8.97%;
  }
}
@media screen and (max-width: 767px) {
  .brdTitleTopSearchCntWap {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdTitleTopSearchCntWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdTitleTopSearchCntWap {
    width: 7.89%;
  }
}

.brdTitleTopSearchCnt {
  height: 1px;
  width: 13px;
  aspect-ratio: 1/1;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1279px) {
  .brdTitleTopSearchCnt {
    width: 61.9%;
  }
}
@media screen and (max-width: 767px) {
  .brdTitleTopSearchCnt {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdTitleTopSearchCnt {
    width: 61.9%;
  }
}

.brdTitleTopSearchCnt02 {
  transform: rotate(90deg);
  opacity: 1;
  transition-duration: 0.5s;
}

.titleTopSearchCnt.on .brdTitleTopSearchCnt02 {
  transform: rotate(0deg);
  opacity: 0;
}

.trigerTopSearchCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  height: 344px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 1279px) {
  .trigerTopSearchCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .trigerTopSearchCnt {
    padding: 6.01% 0% 7.51% 0%;
  }
}
.trigerTopSearchCnt::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .trigerTopSearchCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    height: 324px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .trigerTopSearchCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .trigerTopSearchCnt {
    padding: 6.77% 0% 6.77% 0%;
  }
}

.trigerTopSearchCntLxn {
  width: 234px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .trigerTopSearchCntLxn {
    width: 87.96%;
  }
}
@media screen and (max-width: 767px) {
  .trigerTopSearchCntLxn {
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .trigerTopSearchCntLxn {
    width: 86.44%;
  }
}

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

.labelTopSearchCntLxn {
  cursor: pointer;
  accent-color: #f97f10;
}
.labelTopSearchCntLxn:nth-child(n+2) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .labelTopSearchCntLxn:nth-child(n+2) {
    margin: 5.12% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .labelTopSearchCntLxn:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .labelTopSearchCntLxn:nth-child(n+2) {
    margin: 4.7% 0% 0% 0%;
  }
}

.chackeTopSearchCntLx {
  width: 15px;
  aspect-ratio: 1/1;
  accent-color: #f97f10;
  color: #FFF;
  border-radius: 2px;
  /* CSS3草案 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
  margin: 0 8px 0 0;
}
.nameTopSearchCntLx {
  width: 210px;
  font-size: 13px;
  line-height: 1.6923076923;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .nameTopSearchCntLx {
    width: 89.74%;
  }
}
@media screen and (max-width: 1279px) {
  .nameTopSearchCntLx {
    font-size: 1.0164190774vw;
  }
}
.nameTopSearchCntLx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6923076923) * 0.5em);
  content: "";
}
.nameTopSearchCntLx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6923076923) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .nameTopSearchCntLx {
    width: 91.09%;
    line-height: 1.6923076923;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameTopSearchCntLx {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .nameTopSearchCntLx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .nameTopSearchCntLx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

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

.labelTopSearchCntLxn {
  width: 219px;
}
@media screen and (max-width: 1279px) {
  .labelTopSearchCntLxn {
    width: 93.58%;
  }
}

.brdlabelTopSearchCntLxnPlusLxn {
  width: 9px;
  aspect-ratio: 15/15;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .brdlabelTopSearchCntLxnPlusLxn {
    width: 3.84%;
  }
}

.ulContactSidebarArrivalLxn .brdlabelTopSearchCntLxnPlusLxn {
  width: 9px;
  aspect-ratio: 15/15;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .ulContactSidebarArrivalLxn .brdlabelTopSearchCntLxnPlusLxn {
    width: 3.52%;
  }
}
.ulContactSidebarArrivalLxn .labelContactSidebarArrivalLxn {
  width: 240px;
}
@media screen and (max-width: 1279px) {
  .ulContactSidebarArrivalLxn .labelContactSidebarArrivalLxn {
    width: 94.11%;
  }
}

.brdlabelTopSearchCntLxnPlus {
  position: absolute;
  background: #282828;
}

.brdlabelTopSearchCntLxnPlus01 {
  width: 100%;
  height: 1px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transition-duration: 0.5s;
}

.brdlabelTopSearchCntLxnPlus02 {
  width: 1px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transition-duration: 0.5s;
}

.brdlabelTopSearchCntLxnPlusLxn.off .brdlabelTopSearchCntLxnPlus01 {
  opacity: 1;
}
.brdlabelTopSearchCntLxnPlusLxn.off .brdlabelTopSearchCntLxnPlus02 {
  opacity: 1;
}

.brdlabelTopSearchCntLxnPlusLxn.on .brdlabelTopSearchCntLxnPlus01 {
  opacity: 1;
}
.brdlabelTopSearchCntLxnPlusLxn.on .brdlabelTopSearchCntLxnPlus02 {
  opacity: 0;
}

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

.jslabelTopSearchCntLxnPlus.on:after {
  transform: rotate(0deg);
  opacity: 0;
}

.ulSubTopSearchCntLxn {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: 0px;
  width: 210px;
  display: none;
}
@media screen and (max-width: 1279px) {
  .ulSubTopSearchCntLxn {
    margin-top: 5.12%;
    margin-bottom: 5.12%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1279px) {
  .ulSubTopSearchCntLxn {
    width: 89.74%;
  }
}
@media screen and (max-width: 767px) {
  .ulSubTopSearchCntLxn {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: 0px;
    width: 232px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulSubTopSearchCntLxn {
    margin-top: 4.7%;
    margin-bottom: 4.7%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulSubTopSearchCntLxn {
    width: 90.98%;
  }
}

.liSubTopSearchCntLxn:nth-child(n+2) {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liSubTopSearchCntLxn:nth-child(n+2) {
    margin: 5.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSubTopSearchCntLxn:nth-child(n+2) {
    margin: 5% 0% 0% 0%;
  }
}

.btmSearchTopFx {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
}
@media screen and (max-width: 1279px) {
  .btmSearchTopFx {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btmSearchTopFx {
    width: 91.66%;
  }
}
@media screen and (max-width: 767px) {
  .btmSearchTopFx {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btmSearchTopFx {
    width: 88.05%;
  }
}

.secBtmSearchTopFx {
  width: 100%;
}

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

.txtBtmSearchTopFx {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtBtmSearchTopFx {
    margin: 0.63% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtmSearchTopFx {
    font-size: 1.0164190774vw;
  }
}
.txtBtmSearchTopFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtBtmSearchTopFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBtmSearchTopFx {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2.1666666667;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmSearchTopFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmSearchTopFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1666666667) * 0.5em);
    content: "";
  }
  .txtBtmSearchTopFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1666666667) * 0.5em);
    content: "";
  }
}

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

.inputBoxBtmSearchTopFx {
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  width: 100%;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .inputBoxBtmSearchTopFx {
    padding: 1.36% 1.45% 1.45% 1.45%;
  }
}
@media screen and (max-width: 1279px) {
  .inputBoxBtmSearchTopFx {
    font-size: 1.1727912432vw;
  }
}
.inputBoxBtmSearchTopFx::placeholder {
  color: #89898B;
}
@media screen and (max-width: 767px) {
  .inputBoxBtmSearchTopFx {
    padding: 4% 5.42% 4.5% 5.42%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputBoxBtmSearchTopFx {
    font-size: 3.4666666667vw;
  }
}

.searchTopBtnCnt {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 580px;
}
@media screen and (max-width: 1279px) {
  .searchTopBtnCnt {
    margin-top: 4.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .searchTopBtnCnt {
    width: 52.72%;
  }
}
@media screen and (max-width: 767px) {
  .searchTopBtnCnt {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .searchTopBtnCnt {
    margin-top: 14.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .searchTopBtnCnt {
    width: 88.05%;
  }
}

.liSearchTopBtnCnt {
  width: 282px;
}
@media screen and (max-width: 1279px) {
  .liSearchTopBtnCnt {
    width: 48.62%;
  }
}
@media screen and (max-width: 767px) {
  .liSearchTopBtnCnt {
    width: 100%;
  }
}

.btnSearchTopBtnCnt {
  aspect-ratio: 282/58;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 100%;
  color: #282828;
  border: 1px solid #282828;
  text-decoration: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnSearchTopBtnCnt {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSearchTopBtnCnt {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSearchTopBtnCnt {
    font-size: 4vw;
  }
}

.btnSearchTopBtnCnt01 {
  border: 1px solid #282828;
  color: #282828;
  background: #FFF;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.btnSearchTopBtnCnt01:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}

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

.btnSearchTopBtnCnt02 {
  aspect-ratio: 282/58;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 100%;
  color: #FFF;
  background: #89898B;
  border: 1px solid #89898B;
  text-decoration: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding: 0 0 0 12%;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnSearchTopBtnCnt02 {
    font-size: 1.250977326vw;
  }
}
.btnSearchTopBtnCnt02:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .btnSearchTopBtnCnt02 {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
    padding: 0 0 0 13%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSearchTopBtnCnt02 {
    font-size: 4vw;
  }
}

.iconSearchTopBtnCnt02In {
  width: 24px;
  position: absolute;
  left: 18%;
  top: 30%;
}
@media screen and (max-width: 1279px) {
  .iconSearchTopBtnCnt02In {
    width: 8.51%;
  }
}
@media screen and (max-width: 767px) {
  .iconSearchTopBtnCnt02In {
    width: 24px;
    left: 21%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconSearchTopBtnCnt02In {
    width: 8.13%;
  }
}

.topSearchBtmList {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .topSearchBtmList {
    margin-top: 3.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .topSearchBtmList {
    padding: 4.16% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topSearchBtmList {
    margin-top: 15.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topSearchBtmList {
    padding: 5.63% 0% 5.63% 0%;
  }
}

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

.liTopSearchBtmList {
  width: 207px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  border: 1px solid #D7D7D7;
  background: #FFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1279px) {
  .liTopSearchBtmList {
    width: 18.81%;
  }
}
@media screen and (max-width: 767px) {
  .liTopSearchBtmList {
    width: 144px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopSearchBtmList {
    width: 48.81%;
  }
}
@media screen and (max-width: 767px) {
  .liTopSearchBtmList:nth-child(n+3) {
    margin: 2% 0% 0% 0%;
  }
}

.btnTopSearchBtmList {
  aspect-ratio: 207/58;
  font-size: 16px;
  line-height: 1.9375;
  letter-spacing: 0.05em;
  color: #282828;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnTopSearchBtmList {
    font-size: 1.250977326vw;
  }
}
.btnTopSearchBtmList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.9375) * 0.5em);
  content: "";
}
.btnTopSearchBtmList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.9375) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnTopSearchBtmList {
    aspect-ratio: 144/50;
    line-height: 2.3076923077;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopSearchBtmList {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopSearchBtmList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.3076923077) * 0.5em);
    content: "";
  }
  .btnTopSearchBtmList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.3076923077) * 0.5em);
    content: "";
  }
}

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

@media screen and (max-width: 767px) {
  .topKeisaiWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topKeisaiWap {
    width: 89.33%;
  }
}

.topKeisaiFx {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .topKeisaiFx {
    width: 85.93%;
  }
}
@media screen and (max-width: 767px) {
  .topKeisaiFx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topKeisaiFx {
    width: 100%;
  }
}

.secTopKeisai {
  width: 382px;
  margin: 0.8% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .secTopKeisai {
    width: 34.72%;
  }
}
@media screen and (max-width: 767px) {
  .secTopKeisai {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTopKeisai {
    width: 88.05%;
  }
}

.h2TopKeisai {
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TopKeisai {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopKeisai {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopKeisai {
    font-size: 5.3333333333vw;
  }
}

.rubyTopKeisai {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: auto;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .rubyTopKeisai {
    margin-top: 6.02%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopKeisai {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopKeisai {
    margin-top: 8.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopKeisai {
    font-size: 3.4666666667vw;
  }
}

.btnTopKeisai {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  aspect-ratio: 382/75;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 20px;
  letter-spacing: 0.05em;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnTopKeisai {
    margin: 8.11% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopKeisai {
    font-size: 1.5637216575vw;
  }
}
.btnTopKeisai:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .btnTopKeisai {
    margin-top: 8.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopKeisai {
    font-size: 4vw;
  }
}

.topKeisaiKensu {
  padding-top: 73px;
  padding-bottom: 76px;
  padding-left: 0px;
  padding-right: 0px;
  width: 668px;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .topKeisaiKensu {
    padding: 6.63% 0% 6.9% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .topKeisaiKensu {
    width: 60.72%;
  }
}
@media screen and (max-width: 767px) {
  .topKeisaiKensu {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 8% 0 8% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topKeisaiKensu {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.bgtopKeisaiKensu {
  background: url(../img/top/bgtopKeisaiKensuPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgtopKeisaiKensu {
    background: url(../img/top/bgtopKeisaiKensuSp.png) no-repeat center top;
    background-size: cover;
  }
}

.topKeisaiKensuFx {
  width: 656px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .topKeisaiKensuFx {
    width: 98.2%;
  }
}
@media screen and (max-width: 767px) {
  .topKeisaiKensuFx {
    width: 235px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topKeisaiKensuFx {
    width: 70.14%;
  }
}

.secTopKeisaiKensuFx {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .secTopKeisaiKensuFx {
    width: 100%;
    display: flex;
    align-items: center;
  }
}

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

.h3TopKeisaiKensuFx {
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3TopKeisaiKensuFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TopKeisaiKensuFx {
    letter-spacing: 0.05em;
    width: 38%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopKeisaiKensuFx {
    font-size: 3.7333333333vw;
  }
}

.intKensuTopFx {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .intKensuTopFx {
    margin-top: 2.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .intKensuTopFx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
    width: 60%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .intKensuTopFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.intKensuTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0em;
  transform: translate(0, 12%);
}
@media screen and (max-width: 1279px) {
  .intKensuTop {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .intKensuTop {
    font-size: 4.6911649726vw;
  }
}
@media screen and (max-width: 767px) {
  .intKensuTop {
    letter-spacing: 0em;
    transform: translate(0, 0%);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intKensuTop {
    font-size: 9.6vw;
  }
}

.taniKensuTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
  font-size: 28px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .taniKensuTop {
    margin: 0% 0% 0% 1.21%;
  }
}
@media screen and (max-width: 1279px) {
  .taniKensuTop {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .taniKensuTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 0px;
    letter-spacing: 0.05em;
    transform: translate(0, -53%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .taniKensuTop {
    margin: 0% 0% 0% 3.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniKensuTop {
    font-size: 4.2666666667vw;
  }
}

.iconKensuTop {
  margin-top: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  width: 12%;
}
@media screen and (max-width: 1279px) {
  .iconKensuTop {
    margin: 0% 0% 0.45% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconKensuTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
    width: 11.68%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconKensuTop {
    margin: 0% 3.92% 0% 0%;
  }
}
.iconKensuTop svg {
  width: 100%;
  height: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topAppival {
  margin-top: 191px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .topAppival {
    margin-top: 9.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .topAppival {
    padding: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topAppival {
    margin-top: 30.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topAppival {
    padding: 0% 0% 26.66% 0%;
  }
}

@media screen and (max-width: 767px) {
  .topAppivalWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topAppivalWap {
    width: 89.33%;
  }
}

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

.titleTopAppival {
  flex-flow: row wrap;
}

.h2TitleTopAppival {
  font-size: 40px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TitleTopAppival {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleTopAppival {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleTopAppival {
    font-size: 8vw;
  }
}

.rubyTitleTopAppival {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 23px;
  margin-right: auto;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .rubyTitleTopAppival {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 2.09%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTitleTopAppival {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleTopAppival {
    margin: 2.77% 0% 0% 0%;
    letter-spacing: 0.05em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleTopAppival {
    font-size: 3.2vw;
  }
}

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

.liTopAppival {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 26px;
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  width: 23.35%;
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.08));
  overflow: hidden;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liTopAppival {
    margin: 0% 2.36% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liTopAppival {
    padding: 0% 0% 1.45% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liTopAppival {
    margin: 0% 2.2% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopAppival {
    padding: 5.97% 5.97% 10% 5.97%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopAppival {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liTopAppival:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopAppival:nth-child(n+2) {
    margin-top: 5.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liTopAppival:nth-child(n+5) {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 24px;
}
@media screen and (max-width: 1279px) {
  .liTopAppival:nth-child(n+5) {
    margin: 2.18% 2.18% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liTopAppival:nth-child(n+5) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopAppival:nth-child(n+5) {
    margin-top: 5.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liTopAppival:nth-child(4n) {
  margin-right: 0;
}

.photosTopAppival {
  position: relative;
  aspect-ratio: 280/211;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .photosTopAppival {
    width: 180px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photosTopAppival {
    width: 61.01%;
  }
}
.photosTopAppival img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.capTopAppival {
  width: 104px;
  font-size: 10px;
  letter-spacing: 0em;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  aspect-ratio: 104/19;
  position: absolute;
  left: 7%;
  top: 8%;
}
@media screen and (max-width: 1279px) {
  .capTopAppival {
    width: 36.87%;
  }
}
@media screen and (max-width: 1279px) {
  .capTopAppival {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .capTopAppival {
    letter-spacing: 0em;
    width: 50.87%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .capTopAppival {
    font-size: 2.6666666667vw;
  }
}

.secTopAppival {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (max-width: 1279px) {
  .secTopAppival {
    margin-top: 5.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .secTopAppival {
    padding: 0% 6.4% 0% 6.4%;
  }
}
@media screen and (max-width: 767px) {
  .secTopAppival {
    margin-top: 5.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}

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

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

.newTopAppivalTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 4px;
  padding: 0.3125vw 0.625vw 0.3125vw 0.625vw;
  font-size: 10px;
  letter-spacing: 0em;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  aspect-ratio: 46/19;
  background: #D23737;
  width: 46px;
}
@media screen and (max-width: 1279px) {
  .newTopAppivalTop {
    margin: 0% 0.91% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .newTopAppivalTop {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 1279px) {
  .newTopAppivalTop {
    width: 10.55%;
  }
}
@media screen and (max-width: 767px) {
  .newTopAppivalTop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
    line-height: normal;
    letter-spacing: 0em;
    width: 12.4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newTopAppivalTop {
    margin: 0% 1.35% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newTopAppivalTop {
    font-size: 2.6666666667vw;
  }
}

.nowCatTopAppivalTop {
  font-size: 10px;
  letter-spacing: 0em;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  padding: 0.3125vw 0.625vw 0.3125vw 0.625vw;
  border: 1px solid #d7d7d7;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .nowCatTopAppivalTop {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .nowCatTopAppivalTop {
    letter-spacing: 0em;
    padding: 1vw 2.5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowCatTopAppivalTop {
    font-size: 2.6666666667vw;
  }
}

.nowAreaTopAppivalTop {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .nowAreaTopAppivalTop {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .nowAreaTopAppivalTop {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .nowAreaTopAppivalTop {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowAreaTopAppivalTop {
    font-size: 3.2vw;
  }
}

.nowStationTopAppivalTop {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .nowStationTopAppivalTop {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .nowStationTopAppivalTop {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .nowStationTopAppivalTop {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowStationTopAppivalTop {
    font-size: 3.2vw;
  }
}

.nowNameStationTopAppivalTop {
  margin-top: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 8px;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .nowNameStationTopAppivalTop {
    margin: 0% 3.2% 3.2% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .nowNameStationTopAppivalTop {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .nowNameStationTopAppivalTop {
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 8px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .nowNameStationTopAppivalTop {
    margin: 0% 2.71% 2.71% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowNameStationTopAppivalTop {
    font-size: 3.2vw;
  }
}

.txtTopNowTitleBukkenTitle {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtTopNowTitleBukkenTitle {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopNowTitleBukkenTitle {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopNowTitleBukkenTitle {
    margin-top: 0.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopNowTitleBukkenTitle {
    font-size: 4vw;
  }
}

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

.intTopPriceBukenCnt {
  font-size: 21px;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .intTopPriceBukenCnt {
    font-size: 1.6419077404vw;
  }
}
@media screen and (max-width: 767px) {
  .intTopPriceBukenCnt {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intTopPriceBukenCnt {
    font-size: 5.6vw;
  }
}

.taniTopPriceBukenCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  font-size: 12px;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .taniTopPriceBukenCnt {
    margin: 0% 0% 0% 1.6%;
  }
}
@media screen and (max-width: 1279px) {
  .taniTopPriceBukenCnt {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .taniTopPriceBukenCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 0px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .taniTopPriceBukenCnt {
    margin: 0% 0% 0% 1.35%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniTopPriceBukenCnt {
    font-size: 3.2vw;
  }
}

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

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

.btnTopAppival {
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  aspect-ratio: 250/30;
  font-size: 14px;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
  box-shadow: 0px 5px 0px #535353;
  transition: 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnTopAppival {
    font-size: 1.0946051603vw;
  }
}
.btnTopAppival::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
.btnTopAppival::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnTopAppival {
    aspect-ratio: 295/36;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopAppival {
    font-size: 3.7333333333vw;
  }
}
.btnTopAppival:hover {
  box-shadow: 0px 0px 0px #535353;
  transform: translateY(5px);
  opacity: 1;
}

.btnTopAppivalJoin {
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  aspect-ratio: 250/30;
  font-size: 14px;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
  box-shadow: 0px 5px 0px #B51919;
  transition: 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnTopAppivalJoin {
    font-size: 1.0946051603vw;
  }
}
.btnTopAppivalJoin::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
.btnTopAppivalJoin::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnTopAppivalJoin {
    aspect-ratio: 295/36;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopAppivalJoin {
    font-size: 3.7333333333vw;
  }
}
.btnTopAppivalJoin:hover {
  box-shadow: 0px 0px 0px #B51919;
  transform: translateY(5px);
  opacity: 1;
}

.btnTopAppivalArchiveLxn {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
}
@media screen and (max-width: 1279px) {
  .btnTopAppivalArchiveLxn {
    margin-top: 5.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopAppivalArchiveLxn {
    width: 29.09%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopAppivalArchiveLxn {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopAppivalArchiveLxn {
    margin-top: 17.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopAppivalArchiveLxn {
    width: 88.05%;
  }
}

.btnTopAppivalArchive {
  aspect-ratio: 320/58;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 16px;
  letter-spacing: 0.05em;
  width: 100%;
  border: 1px solid #898989;
  color: #282828;
  background: #FFF;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnTopAppivalArchive {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopAppivalArchive {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopAppivalArchive {
    font-size: 4vw;
  }
}
.btnTopAppivalArchive:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}

.tabsPriceBukenCnt {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  gap: 0.25vw;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .tabsPriceBukenCnt {
    margin: 4.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tabsPriceBukenCnt {
    margin: 6% 0% 0% 0%;
    gap: 1.5vw;
  }
}

.liTabsPriceBukenCnt {
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  padding: 0.25vw 0.28vw;
  font-size: 10px;
  letter-spacing: 0em;
  background: #e2e2e2;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .liTabsPriceBukenCnt {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .liTabsPriceBukenCnt {
    padding: 1vw 1.5vw;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTabsPriceBukenCnt {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topLiberalBrand {
  padding-top: 94px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .topLiberalBrand {
    padding: 4.89% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .topLiberalBrand {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topLiberalBrand {
    padding: 25.66% 0% 25.66% 0%;
  }
}

.bgTopLiberalBrand {
  background: url(../img/top/bgTopLiberalBrandPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgTopLiberalBrand {
    background: url(../img/top/bgTopLiberalBrandSp.png) no-repeat center top;
    background-size: cover;
  }
}

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

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

.secTopLiberalNews {
  width: 267px;
  margin: -0.4% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .secTopLiberalNews {
    width: 22.25%;
  }
}
@media screen and (max-width: 767px) {
  .secTopLiberalNews {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTopLiberalNews {
    width: 100%;
  }
}

.h2TopLiberalNews {
  font-size: 40px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TopLiberalNews {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopLiberalNews {
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopLiberalNews {
    font-size: 8vw;
  }
}

.rubyTopLiberalNews {
  font-size: 14px;
  line-height: auto0%;
  letter-spacing: 0.05em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .rubyTopLiberalNews {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopLiberalNews {
    margin: 5.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopLiberalNews {
    margin: 2.77% 0% 0% 0%;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopLiberalNews {
    font-size: 3.2vw;
  }
}

.loopTopLiberalNews {
  width: 933px;
}
@media screen and (max-width: 1279px) {
  .loopTopLiberalNews {
    width: 77.75%;
  }
}
@media screen and (max-width: 767px) {
  .loopTopLiberalNews {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .loopTopLiberalNews {
    margin: 8.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .loopTopLiberalNews {
    width: 100%;
  }
}

.ulLoopTopLiberalNews {
  border-top: 1px solid #D7D7D7;
}

.liLoopTopLiberalNews {
  border-bottom: 1px solid #D7D7D7;
}

.btnLoopTopLiberalNews {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .btnLoopTopLiberalNews {
    padding: 3% 0% 3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnLoopTopLiberalNews {
    padding: 5.97% 0% 4.97% 0%;
  }
}

.timeCatNewnLoopTopLiberalNewsLxn {
  width: 891px;
}
@media screen and (max-width: 1279px) {
  .timeCatNewnLoopTopLiberalNewsLxn {
    width: 95.49%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatNewnLoopTopLiberalNewsLxn {
    width: 317px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatNewnLoopTopLiberalNewsLxn {
    width: 94.62%;
  }
}

.timeCatNewnLoopTopLiberalNews {
  width: 193px;
}
@media screen and (max-width: 1279px) {
  .timeCatNewnLoopTopLiberalNews {
    width: 21.66%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatNewnLoopTopLiberalNews {
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatNewnLoopTopLiberalNews {
    width: 39.43%;
  }
}

.timeTopLiberalNews {
  width: 72px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .timeTopLiberalNews {
    width: 37.5%;
  }
}
@media screen and (max-width: 1279px) {
  .timeTopLiberalNews {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .timeTopLiberalNews {
    width: 56px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeTopLiberalNews {
    width: 44.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeTopLiberalNews {
    font-size: 2.6666666667vw;
  }
}

.catTopLiberalNews {
  width: 96px;
  border-radius: 4px;
  border: 1px solid var(--F97F10, #F97F10);
  background: var(--FFFFFF, #FFF);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  aspect-ratio: 96/24;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .catTopLiberalNews {
    width: 50%;
  }
}
@media screen and (max-width: 1279px) {
  .catTopLiberalNews {
    font-size: 0.9382329945vw;
  }
}
.catTopLiberalNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.catTopLiberalNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .catTopLiberalNews {
    width: 60px;
    line-height: 150%;
    letter-spacing: 0.05em;
    aspect-ratio: 60/19;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catTopLiberalNews {
    width: 48%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catTopLiberalNews {
    font-size: 2.6666666667vw;
  }
}

.titleLoopTopLiberalNews {
  width: 670px;
}
@media screen and (max-width: 1279px) {
  .titleLoopTopLiberalNews {
    width: 75.19%;
  }
}
@media screen and (max-width: 767px) {
  .titleLoopTopLiberalNews {
    margin: 3.2% 0% 0% 0%;
    width: 317px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleLoopTopLiberalNews {
    width: 100%;
  }
}

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

.iconLoopTopLiberalNews {
  width: 18px;
}
@media screen and (max-width: 1279px) {
  .iconLoopTopLiberalNews {
    width: 1.92%;
  }
}
@media screen and (max-width: 767px) {
  .iconLoopTopLiberalNews {
    width: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLoopTopLiberalNews {
    width: 5.37%;
  }
}
.iconLoopTopLiberalNews svg {
  width: 100%;
  height: auto;
  display: block;
}

.allNewsTopNewsArchive {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .allNewsTopNewsArchive {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .allNewsTopNewsArchive {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .allNewsTopNewsArchive {
    margin: 10.94% 0% 0% 0%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .allNewsTopNewsArchive {
    font-size: 3.4666666667vw;
  }
}

.txtAllNewsTopNewsArchive {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtAllNewsTopNewsArchive {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAllNewsTopNewsArchive {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAllNewsTopNewsArchive {
    font-size: 3.4666666667vw;
  }
}
.txtAllNewsTopNewsArchive::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.txtAllNewsTopNewsArchive:hover {
  opacity: 1;
}
.txtAllNewsTopNewsArchive:hover::before {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topService {
  padding-top: 95px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 195px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/top/bgtopServicePc.png) no-repeat top center;
}
@media screen and (max-width: 1279px) {
  .topService {
    padding: 4.94% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .topService {
    margin-top: 10.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topService {
    background: url(../img/top/bgtopServiceSp.png) no-repeat top center;
    padding: 25.66% 0% 26.66% 0%;
    margin-top: 40%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TopService {
  font-size: 40px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TopService {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopService {
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopService {
    font-size: 8vw;
  }
}

.rubyTopService {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .rubyTopService {
    margin-top: 1.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopService {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopService {
    margin-top: 2.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopService {
    font-size: 3.2vw;
  }
}

.txtTopService {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtTopService {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopService {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopService {
    margin-top: 11.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 200%;
    letter-spacing: 0.05em;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopService {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopService {
    width: 89.33%;
  }
}

.btnTopServiceLxn {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 580px;
}
@media screen and (max-width: 1279px) {
  .btnTopServiceLxn {
    margin-top: 3.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopServiceLxn {
    width: 45.31%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopServiceLxn {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopServiceLxn {
    width: 89.33%;
  }
}

.btnTopService {
  aspect-ratio: 580/73;
  border-radius: 4px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(5.5px);
  transition-duration: 0.5s;
  color: var(--282828, #282828);
  font-size: 16px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .btnTopService {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopService {
    aspect-ratio: 335/58;
    border-radius: 4px;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopService {
    font-size: 4vw;
  }
}
.btnTopService .iconTopService {
  display: block;
  margin: auto;
  width: 532px;
  background: url(../img/top/iconTopService.svg) no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .btnTopService .iconTopService {
    width: 91.72%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopService .iconTopService {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopService .iconTopService {
    width: 88.05%;
  }
}
.btnTopService:hover {
  opacity: 1;
  color: var(--FFFFFF, #FFF);
  border-radius: 4px;
  border: 1px solid #FFF;
  background: var(--282828, #282828);
  backdrop-filter: blur(5.5px);
}
.btnTopService:hover .iconTopService {
  width: 532px;
  background: url(../img/top/iconTopServiceHover.svg) no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .btnTopService:hover .iconTopService {
    width: 91.72%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopService:hover .iconTopService {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopService:hover .iconTopService {
    width: 88.05%;
  }
}

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

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

.secTopVoice {
  width: 267px;
}
@media screen and (max-width: 1279px) {
  .secTopVoice {
    width: 22.25%;
  }
}
@media screen and (max-width: 767px) {
  .secTopVoice {
    width: 335px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secTopVoice {
    width: 89.33%;
  }
}

.h2TopVoice {
  font-size: 40px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TopVoice {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopVoice {
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopVoice {
    font-size: 8vw;
  }
}

.rubyTopVoice {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .rubyTopVoice {
    margin-top: 5.24%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyTopVoice {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTopVoice {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTopVoice {
    font-size: 3.2vw;
  }
}

.loopTopVoiceWap {
  width: 933px;
  margin: 0.5% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .loopTopVoiceWap {
    width: 77.75%;
  }
}
@media screen and (max-width: 767px) {
  .loopTopVoiceWap {
    width: 355px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 0px;
    margin: 0% 0 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .loopTopVoiceWap {
    width: 94.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .loopTopVoiceWap {
    margin: 8% 0% 0% 5.33%;
  }
}

.loopTopVoicePc {
  width: 100%;
}

.liLoopTopVoicePc {
  width: 295px;
  padding-top: 16px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liLoopTopVoicePc {
    width: 31.61%;
  }
}
@media screen and (max-width: 1279px) {
  .liLoopTopVoicePc {
    padding: 1.71% 0% 1.92% 0%;
  }
}

.liLoopTopVoicePcLxn {
  width: 263px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liLoopTopVoicePcLxn {
    width: 89.15%;
  }
}

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

.nameVoicePc {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .nameVoicePc {
    font-size: 1.0164190774vw;
  }
}

.brdVoicePc {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 11px;
  margin-right: 11px;
  width: 1px;
  background: #F97F10;
  aspect-ratio: 1/10;
}
@media screen and (max-width: 1279px) {
  .brdVoicePc {
    margin: 0% 4.18% 0% 4.18%;
  }
}

.genreVoicePc {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .genreVoicePc {
    font-size: 1.0164190774vw;
  }
}

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

.iconFaqVoicePc {
  width: 20px;
  margin: 2% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .iconFaqVoicePc {
    width: 7.6%;
  }
}
.iconFaqVoicePc svg {
  width: 100%;
}

.txtFaqVoicePc {
  width: 232px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtFaqVoicePc {
    width: 88.21%;
  }
}
@media screen and (max-width: 1279px) {
  .txtFaqVoicePc {
    font-size: 1.0946051603vw;
  }
}

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

.topVoiceSpSwipper {
  width: 100%;
}

.topVoiceSpSwipper .swiper-slide {
  padding-top: 16px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  background: #fff;
}
@media screen and (max-width: 1279px) {
  .topVoiceSpSwipper .swiper-slide {
    padding: 5.88% 0% 7.35% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topVoiceSpSwipper .swiper-slide {
    padding: 3.88% 0% 6.35% 0%;
  }
}

.liLoopTopVoiceSpLxn {
  width: 240px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liLoopTopVoiceSpLxn {
    width: 88.23%;
  }
}

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

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

.brdVoiceSp {
  width: 1px;
  background: #F97F10;
  aspect-ratio: 1/10;
  margin: 0vw 2.1333333333vw 0 2.1333333333vw;
}

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

.faqVoiceSp {
  margin: 4vw auto 0 auto;
}

.iconFaqVoiceSp {
  width: 5.3333333333vw;
}

.txtFaqVoiceSp {
  width: 55.5vw;
  line-height: 130%;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .txtFaqVoiceSp {
    font-size: 3.4666666667vw;
  }
}

.faqVoiceSp02 {
  margin: 4.3333333333vw auto 0 auto;
}

.allTopVoiceArchive {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .allTopVoiceArchive {
    margin-top: 3.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .allTopVoiceArchive {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .allTopVoiceArchive {
    width: 89%;
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .allTopVoiceArchive {
    font-size: 3.4666666667vw;
  }
}

.txtAllTopVoiceArchive {
  white-space: nowrap;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .txtAllTopVoiceArchive {
    font-size: 1.0946051603vw;
  }
}
.txtAllTopVoiceArchive::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.txtAllTopVoiceArchive:hover {
  opacity: 1;
}
.txtAllTopVoiceArchive:hover::before {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .txtAllTopVoiceArchive {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAllTopVoiceArchive {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topCta {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 176px;
  padding-bottom: 187px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/top/bgtopCtaPc.png) no-repeat top right;
  background-size: 643px auto;
}
@media screen and (max-width: 1279px) {
  .topCta {
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .topCta {
    padding: 9.16% 0% 9.73% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topCta {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 23% 0% 26.66% 0%;
    background: url(../img/top/bgtopCtaSp.png) no-repeat top right;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .topCta {
    margin-top: 26.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.searchBody.underpageBg {
  padding-top: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .searchBody.underpageBg {
    padding: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .searchBody.underpageBg {
    padding-top: 0px;
    padding-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .searchBody.underpageBg {
    padding: 0% 0% 26.66% 0%;
  }
}

.searchBody .topCta {
  margin-top: 200px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .searchBody .topCta {
    margin-top: 10.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .searchBody .topCta {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .searchBody .topCta {
    margin-top: 150px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .searchBody .topCta {
    margin-top: 40%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.searchBody .bgtopCta {
  background: unset;
}

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

.h2TopCta {
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TopCta {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TopCta {
    width: 295px;
    margin: auto;
    text-align: left;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2TopCta {
    width: 83.09%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TopCta {
    font-size: 6.4vw;
  }
}

.h3TopCta {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .h3TopCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 1279px) {
  .h3TopCta {
    margin-top: 1.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h3TopCta {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TopCta {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3TopCta {
    width: 83.09%;
  }
}

.txtTopCta {
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .txtTopCta {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopCta {
    margin-top: 2.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTopCta {
    text-align: left;
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 179%;
    letter-spacing: 0.05em;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopCta {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopCta {
    width: 83.09%;
  }
}

.ulTopCta {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1279px) {
  .ulTopCta {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulTopCta {
    width: 78.12%;
  }
}
@media screen and (max-width: 767px) {
  .ulTopCta {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulTopCta {
    width: 83.09%;
  }
}

.liTopCta {
  width: 316px;
}
@media screen and (max-width: 1279px) {
  .liTopCta {
    width: 31.6%;
  }
}
@media screen and (max-width: 767px) {
  .liTopCta {
    width: 100%;
  }
  .liTopCta:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopCta:nth-child(n+2) {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnTopCta {
  width: 100%;
  aspect-ratio: 316/75;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  transition-duration: 0.5s;
  background-image: linear-gradient(90deg, #FF7D4E 0%, #FF7D4E 50%, #FB0 100%);
  background-size: 200% auto;
  background-position: 0% 0%;
  transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .btnTopCta {
    width: 100%;
    aspect-ratio: 295/58;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
    transition-duration: 0.5s;
  }
}
.btnTopCta:hover {
  opacity: 1;
  background-position: 100% 0%;
}

.secBtnTopCta {
  width: 100%;
}

.h3BtnTopCta {
  font-size: 13px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3BtnTopCta {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .h3BtnTopCta {
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3BtnTopCta {
    font-size: 3.2vw;
  }
}

.txtBtnTopCta {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtBtnTopCta {
    margin-top: 2.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnTopCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnTopCta {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnTopCta {
    font-size: 4vw;
  }
}

.txtBtnOnlyTopCta {
  font-size: 20px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtBtnOnlyTopCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnOnlyTopCta {
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnOnlyTopCta {
    font-size: 4vw;
  }
}

.telNumBtnTopCta {
  width: 100%;
  justify-content: center;
}

.iconTelNumBtnTopCta {
  width: 24px;
  margin: 0 1% 0 0;
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnTopCta {
    width: 7.59%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelNumBtnTopCta {
    width: 6.76%;
    margin: 0 2% 0 0;
    transform: translate(15%, -8%);
  }
}
.iconTelNumBtnTopCta svg {
  width: 100%;
  height: auto;
}

.telnumTopCta {
  width: 195px;
  font-size: 28px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .telnumTopCta {
    width: 61.7%;
  }
}
@media screen and (max-width: 1279px) {
  .telnumTopCta {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 1279px) {
  .telnumTopCta {
    width: 63.7%;
  }
}
@media screen and (max-width: 767px) {
  .telnumTopCta {
    width: fit-content;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telnumTopCta {
    font-size: 6.4vw;
  }
}

.txtBtnBtmsTopCta {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: auto0%;
  letter-spacing: 0.05em;
  text-align: center;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsTopCta {
    margin-top: 2.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsTopCta {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnBtmsTopCta {
    margin-top: 1.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: auto0%;
    letter-spacing: 0.05em;
    text-align: center;
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnBtmsTopCta {
    font-size: 2.6666666667vw;
  }
}

.topRecruit {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  padding-top: 54px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/top/bgTopRecruitPc.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .topRecruit {
    margin-top: 7.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .topRecruit {
    width: 78.12%;
  }
}
@media screen and (max-width: 1279px) {
  .topRecruit {
    padding: 4.21% 0% 4.68% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topRecruit {
    margin-top: 27.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding: 22% 0% 23% 0%;
    background: url(../img/top/bgTopRecruitSp.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px;
    /* CSS3草案 */
    -webkit-border-radius: 8px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
    /* Firefox用 */
  }
}

.h2Recruit {
  font-size: 40px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2Recruit {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Recruit {
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Recruit {
    font-size: 8vw;
  }
}

.txtRecruit {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtRecruit {
    margin-top: 1.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtRecruit {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruit {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRecruit {
    font-size: 3.2vw;
  }
}

.btnTopRecruitLxn {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 580px;
  font-size: 16px;
  line-height: auto0%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .btnTopRecruitLxn {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopRecruitLxn {
    width: 58%;
  }
}
@media screen and (max-width: 1279px) {
  .btnTopRecruitLxn {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTopRecruitLxn {
    margin-top: 13.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopRecruitLxn {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTopRecruitLxn {
    font-size: 4vw;
  }
}

.btnTopRecruit {
  aspect-ratio: 580/73;
  border-radius: 4px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(5.5px);
  transition-duration: 0.5s;
  color: var(--282828, #282828);
}
@media screen and (max-width: 767px) {
  .btnTopRecruit {
    aspect-ratio: 295/74;
    border-radius: 4px;
  }
}
.btnTopRecruit .iconTopRecruit {
  display: block;
  margin: auto;
  width: 532px;
  background: url(../img/top/iconTopService.svg) no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .btnTopRecruit .iconTopRecruit {
    width: 91.72%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopRecruit .iconTopRecruit {
    width: 255px;
    background-size: auto 45%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopRecruit .iconTopRecruit {
    width: 86.44%;
  }
}
.btnTopRecruit:hover {
  color: var(--FFFFFF, #FFF);
  border-radius: 4px;
  border: 1px solid #FFF;
  background: var(--282828, #282828);
  backdrop-filter: blur(5.5px);
  opacity: 1;
}
.btnTopRecruit:hover .iconTopRecruit {
  width: 532px;
  background: url(../img/top/iconTopServiceHover.svg) no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 1279px) {
  .btnTopRecruit:hover .iconTopRecruit {
    width: 91.72%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopRecruit:hover .iconTopRecruit {
    width: 255px;
    background-size: auto 45%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnTopRecruit:hover .iconTopRecruit {
    width: 86.44%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.underpageBg {
  background-image: url(../img/underbaseFvPc.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  padding-top: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .underpageBg {
    padding: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .underpageBg {
    background-image: url(../img/underbaseFvSp.png);
    background-size: 100% auto;
    padding-top: 0%;
    padding-bottom: 37.95vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.underbaseFv {
  padding-top: 7px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .underbaseFv {
    padding: 0.36% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .underbaseFv {
    padding: 15vw 0% 0 0%;
  }
}

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

.breadcrumb {
  display: flex;
  flex-flow: row wrap;
}
.breadcrumb a,
.breadcrumb span {
  color: #89898B;
  text-decoration: none;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .breadcrumb a,
  .breadcrumb span {
    font-size: 0.8600469116vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb a,
  .breadcrumb span {
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .breadcrumb a,
  .breadcrumb span {
    font-size: 2.6666666667vw;
  }
}

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

.brdUnderBaseH1 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 12px;
  width: 17px;
  aspect-ratio: 17/2;
  background: #EE780C;
}
@media screen and (max-width: 1279px) {
  .brdUnderBaseH1 {
    margin: 0% 1% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .brdUnderBaseH1 {
    width: 1.41%;
  }
}
@media screen and (max-width: 767px) {
  .brdUnderBaseH1 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    width: 17px;
    aspect-ratio: 17/2;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdUnderBaseH1 {
    margin: 0% 2.38% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdUnderBaseH1 {
    width: 5.07%;
  }
}

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

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

.h2UnderBase {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 60px;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1279px) {
  .h2UnderBase {
    margin: 0.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h2UnderBase {
    font-size: 4.6911649726vw;
  }
}
@media screen and (max-width: 767px) {
  .h2UnderBase {
    margin: 5.65% 0% 0% 0%;
    line-height: 120%;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2UnderBase {
    font-size: 10.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faqLoop {
  padding-top: 94px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .faqLoop {
    padding: 4.89% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faqLoop {
    padding: 38.33% 0% 26.66% 0%;
  }
}

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

.brdTitleFaqLoop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 12px;
  width: 17px;
  aspect-ratio: 17/2;
  background: #EE780C;
}
@media screen and (max-width: 1279px) {
  .brdTitleFaqLoop {
    margin: 0% 1% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .brdTitleFaqLoop {
    width: 1.41%;
  }
}
@media screen and (max-width: 767px) {
  .brdTitleFaqLoop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    width: 17px;
    aspect-ratio: 17/2;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdTitleFaqLoop {
    margin: 0% 2.38% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdTitleFaqLoop {
    width: 5.07%;
  }
}

.h3TitleFaqLoop {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h3TitleFaqLoop {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleFaqLoop {
    line-height: 150%;
    letter-spacing: 0.1em;
    margin: 0 0 0 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleFaqLoop {
    font-size: 4.2666666667vw;
  }
}

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

.liLoopFaqList {
  padding-top: 18px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liLoopFaqList {
    padding: 1.4% 0% 1.87% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liLoopFaqList {
    padding: 4.77% 0% 4.77% 0%;
  }
}
.liLoopFaqList:nth-child(n+2) {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liLoopFaqList:nth-child(n+2) {
    margin-top: 2.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liLoopFaqList:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liLoopFaqList:nth-child(n+2) {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liLoopFaqListLxn {
  width: 1152px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liLoopFaqListLxn {
    width: 96%;
  }
}
@media screen and (max-width: 767px) {
  .liLoopFaqListLxn {
    width: 311px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liLoopFaqListLxn {
    width: 92.83%;
  }
}

@media screen and (max-width: 767px) {
  .btnLoopFaqListFx {
    align-items: flex-start;
  }
}

.iconLoopFaqListFx {
  width: 25px;
}
@media screen and (max-width: 1279px) {
  .iconLoopFaqListFx {
    width: 2.17%;
  }
}
@media screen and (max-width: 767px) {
  .iconLoopFaqListFx {
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLoopFaqListFx {
    width: 6.75%;
  }
}

.h4LoopFaqListFx {
  width: 1055px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h4LoopFaqListFx {
    width: 91.57%;
  }
}
@media screen and (max-width: 1279px) {
  .h4LoopFaqListFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LoopFaqListFx {
    width: 249px;
    line-height: 170%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4LoopFaqListFx {
    width: 80.06%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LoopFaqListFx {
    font-size: 3.4666666667vw;
  }
}

.brdLoopFaqListFxWap {
  width: 25px;
  position: relative;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1279px) {
  .brdLoopFaqListFxWap {
    width: 2.17%;
  }
}
@media screen and (max-width: 767px) {
  .brdLoopFaqListFxWap {
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdLoopFaqListFxWap {
    width: 6.75%;
  }
}

.brdLoopFaqListFx {
  width: 13px;
  height: 1px;
  background: #EE780C;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: block;
}
@media screen and (max-width: 1279px) {
  .brdLoopFaqListFx {
    width: 52%;
  }
}
@media screen and (max-width: 767px) {
  .brdLoopFaqListFx {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .brdLoopFaqListFx {
    width: 61.9%;
  }
}

.brdLoopFaqListFx02 {
  transform: rotate(90deg);
  opacity: 1;
}

.btnLoopFaqListFx.on .brdLoopFaqListFx02 {
  transform: rotate(0deg);
  opacity: 0;
}

.cntLoopFaqListFx {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
@media screen and (max-width: 1279px) {
  .cntLoopFaqListFx {
    margin-top: 1.99%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntLoopFaqListFx {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntLoopFaqListFx {
    margin-top: 5.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconLoopFaqListFx {
  width: 25px;
}
@media screen and (max-width: 1279px) {
  .iconLoopFaqListFx {
    width: 2.17%;
  }
}
@media screen and (max-width: 767px) {
  .iconLoopFaqListFx {
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLoopFaqListFx {
    width: 6.75%;
  }
}

.cntLoopFaqListA {
  width: 1103px;
}
@media screen and (max-width: 1279px) {
  .cntLoopFaqListA {
    width: 95.74%;
  }
}
@media screen and (max-width: 767px) {
  .cntLoopFaqListA {
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntLoopFaqListA {
    width: 90.03%;
  }
}

.cntLoopFaqListA p {
  width: 1078px;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .cntLoopFaqListA p {
    width: 97.73%;
  }
}
@media screen and (max-width: 1279px) {
  .cntLoopFaqListA p {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .cntLoopFaqListA p {
    width: 263px;
    line-height: 170%;
    letter-spacing: 0.05em;
    transform: translate(0px, -1%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntLoopFaqListA p {
    width: 93.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntLoopFaqListA p {
    font-size: 3.2vw;
  }
}

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

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secPrivacyMainLxn {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secPrivacyMainLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacyMainLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secPrivacyMainLxn {
    width: 89.33%;
  }
}

.txtPrivacyMainTop {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtPrivacyMainTop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPrivacyMainTop {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPrivacyMainTop {
    font-size: 3.4666666667vw;
  }
}

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

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

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

.txtDetailPrivacyMain {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtDetailPrivacyMain {
    margin-top: 1.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtDetailPrivacyMain {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailPrivacyMain {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailPrivacyMain {
    font-size: 3.4666666667vw;
  }
}

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

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

.txtDetailPrivacyMainNum {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtDetailPrivacyMainNum {
    margin-top: 1.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtDetailPrivacyMainNum {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailPrivacyMainNum {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailPrivacyMainNum {
    font-size: 3.4666666667vw;
  }
}

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

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

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

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

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

.dotTxtDetailSitePolicyMain {
  width: 20px;
}
@media screen and (max-width: 1279px) {
  .dotTxtDetailSitePolicyMain {
    width: 1.66%;
  }
}
@media screen and (max-width: 767px) {
  .dotTxtDetailSitePolicyMain {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .dotTxtDetailSitePolicyMain {
    width: 5.97%;
  }
}

.mainTxtDetailSitePolicyMain {
  width: 1180px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .mainTxtDetailSitePolicyMain {
    width: 98.33%;
  }
}
@media screen and (max-width: 1279px) {
  .mainTxtDetailSitePolicyMain {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .mainTxtDetailSitePolicyMain {
    width: 315px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainTxtDetailSitePolicyMain {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainTxtDetailSitePolicyMain {
    font-size: 3.4666666667vw;
  }
}

.txtDetailSitePolicyMain {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtDetailSitePolicyMain {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailSitePolicyMain {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailSitePolicyMain {
    font-size: 3.4666666667vw;
  }
}

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

@media screen and (max-width: 767px) {
  .CookieMainWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .CookieMainWap {
    width: 89.33%;
  }
}

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

.txtCookieMainTop {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtCookieMainTop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCookieMainTop {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCookieMainTop {
    font-size: 3.4666666667vw;
  }
}

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

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

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

.txtDetailCookieMain {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtDetailCookieMain {
    margin-top: 1.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtDetailCookieMain {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailCookieMain {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailCookieMain {
    font-size: 3.4666666667vw;
  }
}

.dotTxtDetailCookieMain {
  width: 20px;
}
@media screen and (max-width: 1279px) {
  .dotTxtDetailCookieMain {
    width: 1.66%;
  }
}
@media screen and (max-width: 767px) {
  .dotTxtDetailCookieMain {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .dotTxtDetailCookieMain {
    width: 5.97%;
  }
}

.mainTxtDetailCookieMain {
  width: 1180px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .mainTxtDetailCookieMain {
    width: 98.33%;
  }
}
@media screen and (max-width: 1279px) {
  .mainTxtDetailCookieMain {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .mainTxtDetailCookieMain {
    width: 315px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainTxtDetailCookieMain {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainTxtDetailCookieMain {
    font-size: 3.4666666667vw;
  }
}

.secInDetailCookie {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 30px;
  margin-right: auto;
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .secInDetailCookie {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: 2.5%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secInDetailCookie {
    margin-top: 6.94%;
    margin-bottom: 0%;
    margin-left: 5.97%;
    margin-right: auto;
  }
}

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

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

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

.h5InDetailCookie {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h5InDetailCookie {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .h5InDetailCookie {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5InDetailCookie {
    font-size: 3.4666666667vw;
  }
}

.txtInDetailCookie {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtInDetailCookie {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInDetailCookie {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInDetailCookie {
    font-size: 3.4666666667vw;
  }
}

.txtInDetailCookie a {
  color: #282828;
  word-break: break-all;
}

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

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

.secSitemapTop {
  width: 240px;
}
@media screen and (max-width: 1279px) {
  .secSitemapTop {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .secSitemapTop {
    width: 167px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secSitemapTop {
    width: 49.85%;
  }
}

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

.h2SitemapTop {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2SitemapTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SitemapTop {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SitemapTop {
    font-size: 3.4666666667vw;
  }
}
.h2SitemapTop a {
  display: inline-block;
  position: relative;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2SitemapTop a {
    padding: 0% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2SitemapTop a {
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2SitemapTop a {
    padding: 0% 0% 3.59% 0%;
  }
}
.h2SitemapTop a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #282828;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.h2SitemapTop a:hover {
  opacity: 1;
}
.h2SitemapTop a:hover::before {
  width: 100%;
}

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

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

.btnSitemapTop {
  font-size: 13px;
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .btnSitemapTop {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 1279px) {
  .btnSitemapTop {
    padding: 0% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnSitemapTop {
    line-height: 180%;
    letter-spacing: 0.05em;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSitemapTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnSitemapTop {
    padding: 0% 0% 1.79% 0%;
  }
}
.btnSitemapTop::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #282828;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnSitemapTop:hover {
  opacity: 1;
}
.btnSitemapTop:hover::before {
  width: 100%;
}

.iconLiSitemapTop {
  width: 10px;
}
@media screen and (max-width: 1279px) {
  .iconLiSitemapTop {
    width: 4.16%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiSitemapTop {
    width: 9px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconLiSitemapTop {
    width: 6.56%;
  }
}

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

.siteMapBtmList {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 960px;
}
@media screen and (max-width: 1279px) {
  .siteMapBtmList {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .siteMapBtmList {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .siteMapBtmList {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .siteMapBtmList {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .siteMapBtmList {
    width: 100%;
  }
}

.liSiteMapBtmList {
  width: 240px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liSiteMapBtmList {
    width: 25%;
  }
}
@media screen and (max-width: 1279px) {
  .liSiteMapBtmList {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSiteMapBtmList {
    width: 167px;
    margin: 10.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liSiteMapBtmList {
    width: 49.85%;
  }
}
.liSiteMapBtmList:nth-child(n+5) {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liSiteMapBtmList:nth-child(n+5) {
    margin: 6.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSiteMapBtmList:nth-child(n+5) {
    margin: 10.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSiteMapBtmList:nth-child(n+3) {
    margin: 9.52% 0% 0% 0%;
  }
}

.btnSiteMapBtmList {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .btnSiteMapBtmList {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .btnSiteMapBtmList {
    padding: 0% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnSiteMapBtmList {
    line-height: 150%;
    letter-spacing: 0.05em;
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSiteMapBtmList {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnSiteMapBtmList {
    padding: 0% 0% 3.59% 0%;
  }
}
.btnSiteMapBtmList::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #282828;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnSiteMapBtmList:hover {
  opacity: 1;
}
.btnSiteMapBtmList:hover::before {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.companyFv {
  padding-top: 7px;
  padding-bottom: 200px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/company/companyFvPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 1279px) {
  .companyFv {
    padding: 0.36% 0% 10.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .companyFv {
    padding: 14.8% 0% 16% 0%;
    background: url(../img/company/companyFvSp.png) no-repeat center top;
    background-size: cover;
  }
}

.companyPhilosophy {
  margin-top: 87px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}
@media screen and (max-width: 1279px) {
  .companyPhilosophy {
    margin-top: 6.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .companyPhilosophy {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .companyPhilosophy {
    margin-top: 16.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyPhilosophy {
    width: 89.33%;
  }
}

.h2CompanyTitleFx .mainUnderBaseH1 {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2CompanyTitleFx .mainUnderBaseH1 {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CompanyTitleFx .mainUnderBaseH1 {
    margin: 0 0 0 1%;
    line-height: 150%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CompanyTitleFx .mainUnderBaseH1 {
    font-size: 4.2666666667vw;
  }
}

.h3CompanyTitleFx {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3CompanyTitleFx {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3CompanyTitleFx {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CompanyTitleFx {
    margin-top: 8.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3CompanyTitleFx {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CompanyTitleFx {
    font-size: 6.4vw;
  }
}

.txtCompanyTitleFx {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtCompanyTitleFx {
    margin-top: 2.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtCompanyTitleFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCompanyTitleFx {
    margin-top: 6.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtCompanyTitleFx {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCompanyTitleFx {
    font-size: 3.4666666667vw;
  }
}

.philosophyPoint {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .philosophyPoint {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .philosophyPoint {
    margin-top: 11.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .philosophyPoint {
    width: 88.05%;
  }
}

.liPhilosophyPoint {
  padding-top: 29px;
  padding-bottom: 33px;
  padding-left: 0px;
  padding-right: 0px;
  width: 382px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 1279px) {
  .liPhilosophyPoint {
    padding: 2.41% 0% 2.75% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liPhilosophyPoint {
    width: 31.83%;
  }
}
@media screen and (max-width: 767px) {
  .liPhilosophyPoint {
    padding: 6.49% 0% 6.49% 0%;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liPhilosophyPoint {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liPhilosophyPoint:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liPhilosophyPoint:nth-child(n+2) {
    margin-top: 6.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secPhilosophyPoint {
  width: 302px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secPhilosophyPoint {
    width: 79.05%;
  }
}
@media screen and (max-width: 767px) {
  .secPhilosophyPoint {
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secPhilosophyPoint {
    width: 86.44%;
  }
}

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

.txtPhilosophyPoint {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtPhilosophyPoint {
    margin-top: 4.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtPhilosophyPoint {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPhilosophyPoint {
    margin-top: 5.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPhilosophyPoint {
    font-size: 3.4666666667vw;
  }
}

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

@media screen and (max-width: 767px) {
  .companyGuidelinesWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyGuidelinesWap {
    width: 89.33%;
  }
}

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

.h2CompanyGuidelines .mainUnderBaseH1 {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2CompanyGuidelines .mainUnderBaseH1 {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CompanyGuidelines .mainUnderBaseH1 {
    line-height: 150%;
    letter-spacing: 0.1em;
    margin: 0 0 0 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CompanyGuidelines .mainUnderBaseH1 {
    font-size: 4.2666666667vw;
  }
}

.ulCompanyGuidelines {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 710px;
}
@media screen and (max-width: 1279px) {
  .ulCompanyGuidelines {
    margin: 2.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .ulCompanyGuidelines {
    width: 59.16%;
  }
}
@media screen and (max-width: 767px) {
  .ulCompanyGuidelines {
    margin-top: 8.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media screen and (max-width: 1279px) {
  .liCompanyGuidelines {
    width: 100%;
  }
}
.liCompanyGuidelines:nth-child(n+2) {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liCompanyGuidelines:nth-child(n+2) {
    margin: 1.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCompanyGuidelines:nth-child(n+2) {
    margin: 5.55% 0% 0% 0%;
  }
}

.numCompanyGuidelines {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 16px;
  width: 17px;
  font-size: 20px;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .numCompanyGuidelines {
    margin: 0% 1.33% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .numCompanyGuidelines {
    width: 1.41%;
  }
}
@media screen and (max-width: 1279px) {
  .numCompanyGuidelines {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .numCompanyGuidelines {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    width: 14px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .numCompanyGuidelines {
    margin: 0% 2.38% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .numCompanyGuidelines {
    width: 4.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .numCompanyGuidelines {
    font-size: 4.2666666667vw;
  }
}

.titleLiCompanyGuidelines {
  width: 570px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .titleLiCompanyGuidelines {
    width: 47.5%;
  }
}
@media screen and (max-width: 1279px) {
  .titleLiCompanyGuidelines {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .titleLiCompanyGuidelines {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .titleLiCompanyGuidelines {
    width: 315px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleLiCompanyGuidelines {
    width: 94.02%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .titleLiCompanyGuidelines {
    font-size: 3.4666666667vw;
  }
}

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

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

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

.h2CompanyInfo .mainUnderBaseH1 {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2CompanyInfo .mainUnderBaseH1 {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CompanyInfo .mainUnderBaseH1 {
    line-height: 150%;
    letter-spacing: 0.1em;
    margin: 0 0 0 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CompanyInfo .mainUnderBaseH1 {
    font-size: 4.2666666667vw;
  }
}

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

.ulCompanyInfo {
  width: 710px;
}
@media screen and (max-width: 1279px) {
  .ulCompanyInfo {
    width: 59.16%;
  }
}
@media screen and (max-width: 767px) {
  .ulCompanyInfo {
    width: 100%;
  }
}

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

.h3LiCompanyInfo {
  font-size: 15px;
  letter-spacing: 0.05em;
  width: 140px;
}
@media screen and (max-width: 1279px) {
  .h3LiCompanyInfo {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .h3LiCompanyInfo {
    width: 19.71%;
  }
}
@media screen and (max-width: 767px) {
  .h3LiCompanyInfo {
    width: 100%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiCompanyInfo {
    font-size: 3.7333333333vw;
  }
}

.txtLiCompanyInfo {
  width: 570px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
  margin-top: -7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtLiCompanyInfo {
    width: 80.28%;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiCompanyInfo {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtLiCompanyInfo {
    margin: -0.99% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtLiCompanyInfo {
    margin-top: 0.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiCompanyInfo {
    font-size: 3.4666666667vw;
  }
}

.photoCompanyInfo {
  width: 488px;
  transform: translate(-3px, 3px);
}
@media screen and (max-width: 1279px) {
  .photoCompanyInfo {
    width: 40.66%;
  }
}
@media screen and (max-width: 767px) {
  .photoCompanyInfo {
    margin-top: 9.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0, 0);
    width: 100%;
  }
}

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

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

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

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

.mainCompanyAccessFx {
  width: 1200px;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .mainCompanyAccessFx {
    width: 93.75%;
  }
}
@media screen and (max-width: 1279px) {
  .mainCompanyAccessFx {
    margin-top: 1.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainCompanyAccessFx {
    width: 100%;
  }
}

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

.txtMainCompanyAccess {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtMainCompanyAccess {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainCompanyAccess {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainCompanyAccess {
    font-size: 3.4666666667vw;
  }
}

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

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

.mapMainCompanyAccess {
  aspect-ratio: 730/231;
  position: relative;
  overflow: hidden;
  width: 730px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .mapMainCompanyAccess {
    width: 60.83%;
  }
}
@media screen and (max-width: 767px) {
  .mapMainCompanyAccess {
    aspect-ratio: 335/231;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mapMainCompanyAccess {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

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

.companyCtaLxn {
  width: 1200px;
  margin: auto;
  padding-top: 53px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  border: 1px solid #D7D7D7;
}
@media screen and (max-width: 1279px) {
  .companyCtaLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 1279px) {
  .companyCtaLxn {
    padding: 4.14% 0% 4.68% 0%;
  }
}
@media screen and (max-width: 767px) {
  .companyCtaLxn {
    width: 335px;
    padding: 15% 0% 15.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .companyCtaLxn {
    width: 89.33%;
  }
}

@media screen and (max-width: 767px) {
  .secCompanyCta {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secCompanyCta {
    width: 88.05%;
  }
}

.h2CompanyCta {
  font-size: 40px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2CompanyCta {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CompanyCta {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CompanyCta {
    font-size: 8vw;
  }
}

.h3CompanyCta {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3CompanyCta {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3CompanyCta {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CompanyCta {
    margin-top: 2.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CompanyCta {
    font-size: 3.2vw;
  }
}

.h4CompanyCta {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h4CompanyCta {
    margin-top: 1.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4CompanyCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CompanyCta {
    margin-top: 13.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4CompanyCta {
    font-size: 4.2666666667vw;
  }
}

.txtCompanyCta {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtCompanyCta {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtCompanyCta {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCompanyCta {
    margin-top: 9.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCompanyCta {
    font-size: 3.4666666667vw;
  }
}

.ulCompanyCta {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 658px;
}
@media screen and (max-width: 1279px) {
  .ulCompanyCta {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulCompanyCta {
    width: 54.83%;
  }
}
@media screen and (max-width: 767px) {
  .ulCompanyCta {
    margin-top: 7.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.liCompanyCta {
  width: 316px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .liCompanyCta {
    width: 48.02%;
  }
}
@media screen and (max-width: 767px) {
  .liCompanyCta {
    width: 100%;
  }
  .liCompanyCta:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liCompanyCta:nth-child(n+2) {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnCompanyCta {
  aspect-ratio: 316/75;
  color: #FFF;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
}
@media screen and (max-width: 767px) {
  .btnCompanyCta {
    aspect-ratio: 295/58;
  }
}
.btnCompanyCta:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.secBtnCompanyCta {
  width: 100%;
}

.telNumBtnCompanyCta {
  width: 100%;
  justify-content: center;
}
.txtBtnOnlyCompanyCta {
  font-size: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtBtnOnlyCompanyCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnOnlyCompanyCta {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnOnlyCompanyCta {
    font-size: 4vw;
  }
}

.iconTelNumBtnCompanyCta {
  width: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 5px;
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnCompanyCta {
    width: 10.76%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnCompanyCta {
    margin: 0% 2.24% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelNumBtnCompanyCta {
    width: 6.09%;
    margin: 0% 0.67% 0% 0%;
  }
}
.iconTelNumBtnCompanyCta svg {
  width: 100%;
  height: auto;
}

.telnumCompanyCta {
  width: 195px;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .telnumCompanyCta {
    width: 87.44%;
  }
}
@media screen and (max-width: 1279px) {
  .telnumCompanyCta {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 1279px) {
  .telnumCompanyCta {
    width: 67.44%;
  }
}
@media screen and (max-width: 767px) {
  .telnumCompanyCta {
    width: fit-content;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telnumCompanyCta {
    font-size: 6.4vw;
  }
}

.txtBtnBtmsCompanyCta {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.05em;
  display: block;
  margin: 1.6% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsCompanyCta {
    margin-top: 3.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsCompanyCta {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsCompanyCta {
    margin-top: 0.2vw;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnBtmsCompanyCta {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnBtmsCompanyCta {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.secrecruitFv {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secrecruitFv {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .secrecruitFv {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secrecruitFv {
    width: 89.33%;
  }
}

.recruitTopInfo {
  width: 1200px;
  margin-top: 86px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .recruitTopInfo {
    width: 93.75%;
  }
}
@media screen and (max-width: 1279px) {
  .recruitTopInfo {
    margin-top: 6.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitTopInfo {
    width: 335px;
    margin: 17% auto 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .recruitTopInfo {
    width: 89.33%;
  }
}

.h3recruitTitleFx {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3recruitTitleFx {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3recruitTitleFx {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .h3recruitTitleFx {
    margin-top: 8.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h3recruitTitleFx {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3recruitTitleFx {
    font-size: 6.4vw;
  }
}

.txtrecruitTitleFx {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtrecruitTitleFx {
    margin-top: 2.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtrecruitTitleFx {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtrecruitTitleFx {
    margin-top: 5.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtrecruitTitleFx {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtrecruitTitleFx {
    font-size: 3.4666666667vw;
  }
}

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

.loopSlidePc01 {
  display: flex;
  width: 100vw;
  height: 429px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .loopSlidePc01 {
    height: 185.75px;
  }
}
.loopSlidePc01 img {
  width: auto;
  height: 100%;
  max-width: unset;
  animation: loop 100s -50s linear infinite;
}
.loopSlidePc01 img:last-child {
  animation: loop2 100s linear infinite;
}

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

@media screen and (max-width: 767px) {
  .recruitOutlineWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .recruitOutlineWap {
    width: 89.33%;
  }
}

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

.h2recruitTitleFx .mainUnderBaseH1 {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2recruitTitleFx .mainUnderBaseH1 {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2recruitTitleFx .mainUnderBaseH1 {
    line-height: 150%;
    letter-spacing: 0.1em;
    margin: 0 0 0 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2recruitTitleFx .mainUnderBaseH1 {
    font-size: 4.2666666667vw;
  }
}

.h2RecruitTitleFx .mainRecruitTitleFx {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2RecruitTitleFx .mainRecruitTitleFx {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RecruitTitleFx .mainRecruitTitleFx {
    line-height: 150%;
    letter-spacing: 0.1em;
    margin: 0 0 0 1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitTitleFx .mainRecruitTitleFx {
    font-size: 4.2666666667vw;
  }
}

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

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

.thRecruitOutline {
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  width: 198px;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
  border-collapse: collapse;
  border: 1px solid #FBFBFB;
  text-align: left;
  font-weight: 500;
}
@media screen and (max-width: 1279px) {
  .thRecruitOutline {
    padding: 0.58% 1.66% 0.41% 1.66%;
  }
}
@media screen and (max-width: 1279px) {
  .thRecruitOutline {
    width: 16.5%;
  }
}
@media screen and (max-width: 1279px) {
  .thRecruitOutline {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .thRecruitOutline {
    padding: 2.77% 5.97% 3.27% 5.97%;
    display: block;
    width: 100%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thRecruitOutline {
    font-size: 3.7333333333vw;
  }
}

.tdRecruitOutline {
  padding-top: 15px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
  width: 1001px;
  border-collapse: collapse;
  border: 1px solid #FBFBFB;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .tdRecruitOutline {
    padding: 1.25% 1.66% 1.5% 1.66%;
  }
}
@media screen and (max-width: 1279px) {
  .tdRecruitOutline {
    width: 83.41%;
  }
}
@media screen and (max-width: 767px) {
  .tdRecruitOutline {
    padding: 2.77% 5.97% 2.27% 5.97%;
    display: block;
    width: 100%;
  }
}

.tdRecruitOutline p {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .tdRecruitOutline p {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .tdRecruitOutline p {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdRecruitOutline p {
    font-size: 3.4666666667vw;
  }
}

.tdRecruitOutline a {
  color: #282828;
  font-weight: 400;
}

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

.RecruitCtaLxn {
  width: 1200px;
  margin: auto;
  padding-top: 54px;
  padding-bottom: 59px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  border: 1px solid #D7D7D7;
}
@media screen and (max-width: 1279px) {
  .RecruitCtaLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 1279px) {
  .RecruitCtaLxn {
    padding: 4.21% 0% 4.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .RecruitCtaLxn {
    width: 335px;
    padding: 14.5% 0% 16% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .RecruitCtaLxn {
    width: 89.33%;
  }
}

@media screen and (max-width: 767px) {
  .secRecruitCta {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secRecruitCta {
    width: 88.05%;
  }
}

.h2RecruitCta {
  font-size: 40px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2RecruitCta {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RecruitCta {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitCta {
    font-size: 8vw;
  }
}

.h3RecruitCta {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3RecruitCta {
    margin-top: 1.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3RecruitCta {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h3RecruitCta {
    margin-top: 3.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3RecruitCta {
    font-size: 3.2vw;
  }
}

.h4RecruitCta {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h4RecruitCta {
    margin-top: 1.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4RecruitCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h4RecruitCta {
    margin-top: 12.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4RecruitCta {
    font-size: 4.2666666667vw;
  }
}

.txtRecruitCta {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtRecruitCta {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtRecruitCta {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruitCta {
    margin-top: 9.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRecruitCta {
    font-size: 3.4666666667vw;
  }
}

.ulRecruitCta {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 658px;
}
@media screen and (max-width: 1279px) {
  .ulRecruitCta {
    margin-top: 3.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulRecruitCta {
    width: 54.83%;
  }
}
@media screen and (max-width: 767px) {
  .ulRecruitCta {
    margin-top: 8.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.secBtnRecruitCta {
  width: 100%;
}

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

.btnTopCta {
  aspect-ratio: 316/75;
  color: #FFF;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
}
@media screen and (max-width: 767px) {
  .btnTopCta {
    aspect-ratio: 295/58;
  }
}
.btnTopCta:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.secRecruitCta .h3BtnTopCta {
  font-size: 20px;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .secRecruitCta .h3BtnTopCta {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .secRecruitCta .h3BtnTopCta {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secRecruitCta .h3BtnTopCta {
    font-size: 4vw;
  }
}

.secRecruitCta .txtBtnTopCta {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .secRecruitCta .txtBtnTopCta {
    margin-top: 3.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .secRecruitCta .txtBtnTopCta {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .secRecruitCta .txtBtnTopCta {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secRecruitCta .txtBtnTopCta {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secRecruitCta .txtBtnTopCta {
    font-size: 3.2vw;
  }
}

.liTopCta2liRecruitCta {
  width: 316px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .liTopCta2liRecruitCta {
    width: 48.02%;
  }
}
@media screen and (max-width: 767px) {
  .liTopCta2liRecruitCta {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTopCta2liRecruitCta {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnRecruitCta {
  aspect-ratio: 316/75;
  color: #FFF;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
}
@media screen and (max-width: 767px) {
  .btnRecruitCta {
    aspect-ratio: 295/58;
  }
}
.btnRecruitCta:hover {
  color: #fff;
  background-position: 100% 51%;
  opacity: 1;
}

.telNumBtnRecruitCta {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 1279px) {
  .telNumBtnRecruitCta {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .telNumBtnRecruitCta {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telNumBtnRecruitCta {
    font-size: 6.4vw;
  }
}

.iconTelNumBtnRecruitCta {
  width: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 5px;
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnRecruitCta {
    width: 10.76%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnRecruitCta {
    margin: 0% 2.24% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelNumBtnRecruitCta {
    width: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTelNumBtnRecruitCta {
    width: 9.09%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTelNumBtnRecruitCta {
    margin: 0% 2.67% 0% 0%;
  }
}
.iconTelNumBtnRecruitCta svg {
  width: 100%;
  height: auto;
}

.txtBtnBtmsRecruitCta {
  display: block;
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsRecruitCta {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsRecruitCta {
    margin-top: 3.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsRecruitCta {
    margin-top: 0.2vw;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnBtmsRecruitCta {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtBtnBtmsRecruitCta {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnBtmsRecruitCta {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.categoryNews {
  padding-top: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .categoryNews {
    padding: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .categoryNews {
    padding-top: 0%;
    padding-bottom: 37.95vw;
    padding-left: 0;
    padding-right: 0;
  }
}

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

@media screen and (max-width: 767px) {
  .newsCatTabWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatTabWap {
    width: 89.33%;
  }
}

.navNwesCatTab {
  border-bottom: 1px solid #d7d7d7;
}
.ulNavNewsCatTab {
  width: 1106px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulNavNewsCatTab {
    width: 92.16%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavNewsCatTab {
    width: 301px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulNavNewsCatTab {
    width: 89.85%;
  }
}

.liNavNewsCatTab {
  width: 272px;
}
@media screen and (max-width: 1279px) {
  .liNavNewsCatTab {
    width: 24.59%;
  }
}
@media screen and (max-width: 767px) {
  .liNavNewsCatTab {
    width: 23.79%;
  }
}

.btnNavNewsCatTab {
  border-radius: 5px 5px 0 0;
  border: 1px solid #d7d7d7;
  border-bottom: unset;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.1em;
  color: #FFF;
  background: #d7d7d7;
  text-decoration: none;
  aspect-ratio: 272/52;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .btnNavNewsCatTab {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavNewsCatTab {
    border-radius: 2px 2px 0 0;
    aspect-ratio: 73/37;
    line-height: 150%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavNewsCatTab {
    font-size: 3.2vw;
  }
}
.btnNavNewsCatTab:hover {
  background: #282828;
  opacity: 1;
}

.btnNavNewsCatTab.active {
  color: #282828;
  background: unset;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newsCatLoop {
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .newsCatLoop {
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .newsCatLoop {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatLoop {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatLoop {
    width: 89.33%;
  }
}

.ulCatLoop {
  width: 1106px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulCatLoop {
    width: 86.4%;
  }
}
@media screen and (max-width: 767px) {
  .ulCatLoop {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulCatLoop {
    width: 100%;
  }
}

.liCatNewsLoop {
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #d7d7d7;
}
@media screen and (max-width: 1279px) {
  .liCatNewsLoop {
    padding: 2.62% 0% 2.62% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCatNewsLoop {
    padding: 5.97% 0% 5.47% 0%;
  }
}
.liCatNewsLoop:last-child {
  border-bottom: 1px solid #d7d7d7;
}

.timeCatNewsCatLoopLxn {
  width: 1068px;
}
@media screen and (max-width: 1279px) {
  .timeCatNewsCatLoopLxn {
    width: 96.56%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatNewsCatLoopLxn {
    width: 307px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatNewsCatLoopLxn {
    width: 91.64%;
  }
}

.timeCatNewsCatLoop {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 20px;
  width: 208px;
}
@media screen and (max-width: 1279px) {
  .timeCatNewsCatLoop {
    padding: 0% 1.87% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .timeCatNewsCatLoop {
    width: 19.47%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatNewsCatLoop {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatNewsCatLoop {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatNewsCatLoop {
    width: 40.71%;
  }
}

.timeTopLiberalNews {
  width: 92px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .timeTopLiberalNews {
    width: 44.23%;
  }
}
@media screen and (max-width: 1279px) {
  .timeTopLiberalNews {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .timeTopLiberalNews {
    width: 55px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeTopLiberalNews {
    width: 44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeTopLiberalNews {
    font-size: 2.6666666667vw;
  }
}

.catNameLoop {
  width: 96px;
  font-size: 12px;
  line-height: 1.8333333333;
  letter-spacing: 0em;
  border: 1px solid #F97F10;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 96/23;
}
@media screen and (max-width: 1279px) {
  .catNameLoop {
    width: 46.15%;
  }
}
@media screen and (max-width: 1279px) {
  .catNameLoop {
    font-size: 0.9382329945vw;
  }
}
.catNameLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
.catNameLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .catNameLoop {
    width: 60px;
    line-height: 2.2;
    letter-spacing: 0em;
    padding: 0;
    margin: 0;
    height: 5.1vw;
    transform: translate(0px, -2%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catNameLoop {
    width: 48%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catNameLoop {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .catNameLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2) * 0.5em);
    content: "";
  }
  .catNameLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2) * 0.5em);
    content: "";
  }
}

.titleCatNewsLoop {
  width: 860px;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .titleCatNewsLoop {
    width: 80.52%;
  }
}
@media screen and (max-width: 767px) {
  .titleCatNewsLoop {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 307px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleCatNewsLoop {
    margin: 5.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .titleCatNewsLoop {
    width: 100%;
  }
}

.newsCatLoopWap .newTopAppivalTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  width: 43px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  aspect-ratio: 43/23;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .newsCatLoopWap .newTopAppivalTop {
    margin: 0% 2.32% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .newsCatLoopWap .newTopAppivalTop {
    width: 5%;
  }
}
@media screen and (max-width: 1279px) {
  .newsCatLoopWap .newTopAppivalTop {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .newsCatLoopWap .newTopAppivalTop {
    width: 32px;
    letter-spacing: 0em;
    aspect-ratio: 32/19;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatLoopWap .newTopAppivalTop {
    width: 10.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newsCatLoopWap .newTopAppivalTop {
    font-size: 2.6666666667vw;
  }
}

.newsCatLoopWap .txttitleCatLoop {
  width: fit-content;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .newsCatLoopWap .txttitleCatLoop {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .newsCatLoopWap .txttitleCatLoop {
    line-height: 150%;
    letter-spacing: 0.05em;
    transform: translate(1.5%, -4%);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newsCatLoopWap .txttitleCatLoop {
    font-size: 3.4666666667vw;
  }
}

.newsCatLoopWap .iconCatNewsLoop {
  width: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .newsCatLoopWap .iconCatNewsLoop {
    width: 1.62%;
  }
}
@media screen and (max-width: 1279px) {
  .newsCatLoopWap .iconCatNewsLoop {
    margin: 0% 0% 0% 1.8%;
  }
}
@media screen and (max-width: 767px) {
  .newsCatLoopWap .iconCatNewsLoop {
    width: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatLoopWap .iconCatNewsLoop {
    width: 5.37%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatLoopWap .iconCatNewsLoop {
    margin: 0% 0% 0% 2.98%;
  }
}

.pagerNewsLoop {
  margin-top: 100px;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}
@media screen and (max-width: 1279px) {
  .pagerNewsLoop {
    margin-top: 7.81%;
    margin-bottom: 15.62%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .pagerNewsLoop {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .pagerNewsLoop {
    margin-top: 23.88%;
    margin-bottom: 45%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .pagerNewsLoop {
    width: 100%;
  }
}

.catArrivalFx .pagerNewsLoop {
  margin-bottom: 0;
}

.pagerNewsLoop .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .pagerNewsLoop .wp-pagenavi {
    justify-content: center;
    width: 100%;
  }
}
.pagerNewsLoop .wp-pagenavi a,
.pagerNewsLoop .wp-pagenavi span {
  width: 2.6vw;
  margin: 0vw 0.5208333333vw 0vw 0vw;
  aspect-ratio: 50/30;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  background: unset;
  color: #282828;
  border: 1px solid #D7D7D7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
  text-decoration: none;
  min-width: 50px;
}
@media screen and (max-width: 1279px) {
  .pagerNewsLoop .wp-pagenavi a,
  .pagerNewsLoop .wp-pagenavi span {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .pagerNewsLoop .wp-pagenavi a,
  .pagerNewsLoop .wp-pagenavi span {
    min-width: unset;
    width: 10.666667vw;
    margin: 0vw 0.966667vw 0vw 0vw;
    aspect-ratio: 40/29;
    line-height: 1;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .pagerNewsLoop .wp-pagenavi a,
  .pagerNewsLoop .wp-pagenavi span {
    font-size: 3.4666666667vw;
  }
}
.pagerNewsLoop .wp-pagenavi a:hover,
.pagerNewsLoop .wp-pagenavi span:hover {
  background: #F97F10;
  color: #FFF;
}
.pagerNewsLoop .wp-pagenavi .current {
  background: #89898B;
  color: #FFF;
}
.pagerNewsLoop .wp-pagenavi .current:hover {
  background: #F97F10;
  color: #FFF;
}
.pagerNewsLoop .wp-pagenavi .last {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 70px;
  margin-right: 0px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .pagerNewsLoop .wp-pagenavi .last {
    margin: 0% 0% 0% 5.83%;
  }
}
@media screen and (max-width: 767px) {
  .pagerNewsLoop .wp-pagenavi .last {
    margin: 0% 0% 0% 15.91%;
  }
}
.pagerNewsLoop .wp-pagenavi .last:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: -140%;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #d7d7d7;
}
@media screen and (max-width: 767px) {
  .pagerNewsLoop .wp-pagenavi .last:before {
    width: 120%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.categoryArrival {
  padding-top: 0px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .categoryArrival {
    padding: 0% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .categoryArrival {
    padding-top: 0%;
    padding-bottom: 37.95vw;
    padding-left: 0;
    padding-right: 0;
  }
}

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

@media screen and (max-width: 767px) {
  .newsSingleWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsSingleWap {
    width: 89.33%;
  }
}

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

.timeCatSingleNewsList {
  width: 188px;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .timeCatSingleNewsList {
    width: 16.99%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatSingleNewsList {
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeCatSingleNewsList {
    width: 37.31%;
  }
}

.timeSingleNewsList {
  width: 72px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .timeSingleNewsList {
    width: 38.29%;
  }
}
@media screen and (max-width: 1279px) {
  .timeSingleNewsList {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .timeSingleNewsList {
    width: 55px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .timeSingleNewsList {
    width: 44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeSingleNewsList {
    font-size: 2.6666666667vw;
  }
}

.catSingleNewsList {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 19px;
  margin-right: 0px;
  width: 96px;
  font-size: 12px;
  line-height: 1.8333333333;
  letter-spacing: 0em;
  border: 1px solid #F97F10;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .catSingleNewsList {
    margin: 0% 0% 0% 10.1%;
  }
}
@media screen and (max-width: 1279px) {
  .catSingleNewsList {
    width: 51.06%;
  }
}
@media screen and (max-width: 1279px) {
  .catSingleNewsList {
    font-size: 0.9382329945vw;
  }
}
.catSingleNewsList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
.catSingleNewsList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .catSingleNewsList {
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    width: 60px;
    line-height: 2.2;
    letter-spacing: 0em;
    height: 5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catSingleNewsList {
    margin: 0% 0% 0% 8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catSingleNewsList {
    width: 48%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catSingleNewsList {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .catSingleNewsList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2) * 0.5em);
    content: "";
  }
  .catSingleNewsList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2) * 0.5em);
    content: "";
  }
}

.newTitleSingleNews {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  align-items: flex-start;
}
@media screen and (max-width: 1279px) {
  .newTitleSingleNews {
    margin-top: 4.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .newTitleSingleNews {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newTitleSingleNews {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.newTitleSingleNews .newTopAppivalTop {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 24px;
  width: 43px;
  aspect-ratio: 43/23;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .newTitleSingleNews .newTopAppivalTop {
    margin: 0.9% 2.16% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .newTitleSingleNews .newTopAppivalTop {
    width: 3.88%;
  }
}
@media screen and (max-width: 1279px) {
  .newTitleSingleNews .newTopAppivalTop {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .newTitleSingleNews .newTopAppivalTop {
    margin: 0% 2.78% 0% 0%;
    width: 32px;
    aspect-ratio: 32/19;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
    letter-spacing: 0em;
    height: 5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newTitleSingleNews .newTopAppivalTop {
    width: 9.55%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newTitleSingleNews .newTopAppivalTop {
    font-size: 2.6666666667vw;
  }
}

.h2TitleSingleNews {
  width: 1039px;
  font-size: 20px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TitleSingleNews {
    width: 93.94%;
  }
}
@media screen and (max-width: 1279px) {
  .h2TitleSingleNews {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleSingleNews {
    width: 290px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2TitleSingleNews {
    width: 86.56%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleSingleNews {
    font-size: 3.7333333333vw;
  }
}

.brdSingleNews {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .brdSingleNews {
    margin-top: 2.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdSingleNews {
    margin-top: 9.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mainSingleNewsCnt {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  /*h2*/
  /*h3*/
  /*p*/
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt {
    margin-top: 2.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainSingleNewsCnt h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt h2 {
    font-size: 1.8764659891vw;
  }
}
.mainSingleNewsCnt h2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.mainSingleNewsCnt h2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h2 {
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsCnt h2 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .mainSingleNewsCnt h2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
.mainSingleNewsCnt h2 + h2,
.mainSingleNewsCnt h3 + h2,
.mainSingleNewsCnt h4 + h2,
.mainSingleNewsCnt h5 + h2,
.mainSingleNewsCnt p + h2,
.mainSingleNewsCnt a + h2,
.mainSingleNewsCnt img + h2 {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + h2,
  .mainSingleNewsCnt h3 + h2,
  .mainSingleNewsCnt h4 + h2,
  .mainSingleNewsCnt h5 + h2,
  .mainSingleNewsCnt p + h2,
  .mainSingleNewsCnt a + h2,
  .mainSingleNewsCnt img + h2 {
    margin: 6.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h2 + h2,
  .mainSingleNewsCnt h3 + h2,
  .mainSingleNewsCnt h4 + h2,
  .mainSingleNewsCnt h5 + h2,
  .mainSingleNewsCnt p + h2,
  .mainSingleNewsCnt a + h2,
  .mainSingleNewsCnt img + h2 {
    margin-top: 72px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + h2,
  .mainSingleNewsCnt h3 + h2,
  .mainSingleNewsCnt h4 + h2,
  .mainSingleNewsCnt h5 + h2,
  .mainSingleNewsCnt p + h2,
  .mainSingleNewsCnt a + h2,
  .mainSingleNewsCnt img + h2 {
    margin-top: 21.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainSingleNewsCnt img {
  max-width: 100%;
  width: auto;
}
.mainSingleNewsCnt h2 + p img,
.mainSingleNewsCnt h3 + p img,
.mainSingleNewsCnt h4 + p img,
.mainSingleNewsCnt h5 + p img,
.mainSingleNewsCnt p + p img,
.mainSingleNewsCnt a + p img,
.mainSingleNewsCnt img + p img {
  margin-top: 52px;
  margin-bottom: 52px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + p img,
  .mainSingleNewsCnt h3 + p img,
  .mainSingleNewsCnt h4 + p img,
  .mainSingleNewsCnt h5 + p img,
  .mainSingleNewsCnt p + p img,
  .mainSingleNewsCnt a + p img,
  .mainSingleNewsCnt img + p img {
    margin: 4.7% 0% 4.7% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h2 + p img,
  .mainSingleNewsCnt h3 + p img,
  .mainSingleNewsCnt h4 + p img,
  .mainSingleNewsCnt h5 + p img,
  .mainSingleNewsCnt p + p img,
  .mainSingleNewsCnt a + p img,
  .mainSingleNewsCnt img + p img {
    margin-top: 10.73%;
    margin-bottom: 11.73%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainSingleNewsCnt .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mainSingleNewsCnt .alignleft {
  float: left;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.mainSingleNewsCnt .alignright {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.mainSingleNewsCnt h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt h3 {
    font-size: 1.5637216575vw;
  }
}
.mainSingleNewsCnt h3::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.mainSingleNewsCnt h3::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h3 {
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsCnt h3 {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h3::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .mainSingleNewsCnt h3::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
.mainSingleNewsCnt h2 + h3,
.mainSingleNewsCnt h3 + h3,
.mainSingleNewsCnt h4 + h3,
.mainSingleNewsCnt h5 + h3,
.mainSingleNewsCnt p + h3,
.mainSingleNewsCnt a + h3,
.mainSingleNewsCnt img + h3 {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + h3,
  .mainSingleNewsCnt h3 + h3,
  .mainSingleNewsCnt h4 + h3,
  .mainSingleNewsCnt h5 + h3,
  .mainSingleNewsCnt p + h3,
  .mainSingleNewsCnt a + h3,
  .mainSingleNewsCnt img + h3 {
    margin: 3.97% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h2 + h3,
  .mainSingleNewsCnt h3 + h3,
  .mainSingleNewsCnt h4 + h3,
  .mainSingleNewsCnt h5 + h3,
  .mainSingleNewsCnt p + h3,
  .mainSingleNewsCnt a + h3,
  .mainSingleNewsCnt img + h3 {
    margin-top: 48px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + h3,
  .mainSingleNewsCnt h3 + h3,
  .mainSingleNewsCnt h4 + h3,
  .mainSingleNewsCnt h5 + h3,
  .mainSingleNewsCnt p + h3,
  .mainSingleNewsCnt a + h3,
  .mainSingleNewsCnt img + h3 {
    margin-top: 14.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainSingleNewsCnt p {
  margin: 0;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt p {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt p {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainSingleNewsCnt p {
    font-size: 3.4666666667vw;
  }
}
.mainSingleNewsCnt h2 + p,
.mainSingleNewsCnt h3 + p,
.mainSingleNewsCnt h4 + p,
.mainSingleNewsCnt h5 + p,
.mainSingleNewsCnt p + p,
.mainSingleNewsCnt a + p,
.mainSingleNewsCnt img + p {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + p,
  .mainSingleNewsCnt h3 + p,
  .mainSingleNewsCnt h4 + p,
  .mainSingleNewsCnt h5 + p,
  .mainSingleNewsCnt p + p,
  .mainSingleNewsCnt a + p,
  .mainSingleNewsCnt img + p {
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainSingleNewsCnt h2 + p,
  .mainSingleNewsCnt h3 + p,
  .mainSingleNewsCnt h4 + p,
  .mainSingleNewsCnt h5 + p,
  .mainSingleNewsCnt p + p,
  .mainSingleNewsCnt a + p,
  .mainSingleNewsCnt img + p {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainSingleNewsCnt h2 + p,
  .mainSingleNewsCnt h3 + p,
  .mainSingleNewsCnt h4 + p,
  .mainSingleNewsCnt h5 + p,
  .mainSingleNewsCnt p + p,
  .mainSingleNewsCnt a + p,
  .mainSingleNewsCnt img + p {
    margin-top: 4.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.newsPagerFx {
  width: 382px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .newsPagerFx {
    width: 29.84%;
  }
}
@media screen and (max-width: 767px) {
  .newsPagerFx {
    width: 322px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsPagerFx {
    width: 85.86%;
  }
}

.prevSinglePagerWap {
  width: 85px;
}
@media screen and (max-width: 1279px) {
  .prevSinglePagerWap {
    width: 22.25%;
  }
}
@media screen and (max-width: 767px) {
  .prevSinglePagerWap {
    width: 76px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .prevSinglePagerWap {
    width: 23.6%;
  }
}

.prevSinglePager {
  text-decoration: none;
  color: #282828;
}

.iconSinglePagerPrev {
  width: 18px;
}
@media screen and (max-width: 1279px) {
  .iconSinglePagerPrev {
    width: 21.17%;
  }
}
@media screen and (max-width: 767px) {
  .iconSinglePagerPrev {
    width: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconSinglePagerPrev {
    width: 23.68%;
  }
}

.ArrowPrev {
  width: 60px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .ArrowPrev {
    width: 70.58%;
  }
}
@media screen and (max-width: 1279px) {
  .ArrowPrev {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .ArrowPrev {
    width: 55px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ArrowPrev {
    width: 72.36%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .ArrowPrev {
    font-size: 3.4666666667vw;
  }
}

.moreTopicsArchive {
  width: fit-content;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 40px;
  margin-right: 40px;
}
@media screen and (max-width: 1279px) {
  .moreTopicsArchive {
    margin: 0% 10.47% 0% 10.47%;
  }
}
@media screen and (max-width: 767px) {
  .moreTopicsArchive {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 23px;
    margin-right: 23px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .moreTopicsArchive {
    margin: 0% 7.14% 0% 7.14%;
  }
}

.btnMoreTopicsArchive {
  text-decoration: none;
  color: #282828;
}

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

.nextSinglePagerWap {
  width: 85px;
}
@media screen and (max-width: 1279px) {
  .nextSinglePagerWap {
    width: 22.25%;
  }
}
@media screen and (max-width: 767px) {
  .nextSinglePagerWap {
    width: 76px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .nextSinglePagerWap {
    width: 23.6%;
  }
}

.nextSinglePager {
  text-decoration: none;
  color: #282828;
}

.iconSinglePagerNext {
  width: 18px;
}
@media screen and (max-width: 1279px) {
  .iconSinglePagerNext {
    width: 21.17%;
  }
}
@media screen and (max-width: 767px) {
  .iconSinglePagerNext {
    width: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconSinglePagerNext {
    width: 23.68%;
  }
}

.ArrowNext {
  width: 60px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .ArrowNext {
    width: 70.58%;
  }
}
@media screen and (max-width: 1279px) {
  .ArrowNext {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .ArrowNext {
    width: 55px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ArrowNext {
    width: 72.36%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .ArrowNext {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newsCatOtherLoop {
  margin-top: 199px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .newsCatOtherLoop {
    margin-top: 10.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .newsCatOtherLoop {
    margin-top: 40%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newsCatOtherLoop {
    width: 89.33%;
  }
}

.newsOtherLinkLxn {
  margin-top: 80px;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
}
@media screen and (max-width: 1279px) {
  .newsOtherLinkLxn {
    margin-top: 6.25%;
    margin-bottom: 15.62%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .newsOtherLinkLxn {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .newsOtherLinkLxn {
    margin-top: 17.5%;
    margin-bottom: 45%;
    margin-left: auto;
    margin-right: auto;
    width: 88.66%;
  }
}

.btnnewsOtherLinkLxn {
  aspect-ratio: 320/58;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--89898B, #89898B);
  background: var(--FFFFFF, #FFF);
  font-size: 16px;
  line-height: auto0%;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .btnnewsOtherLinkLxn {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnnewsOtherLinkLxn {
    aspect-ratio: 295/58;
    line-height: auto0%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnnewsOtherLinkLxn {
    font-size: 4vw;
  }
}
.btnnewsOtherLinkLxn:hover {
  opacity: 1;
  border-radius: 4px;
  border: 1px solid var(--282828, #282828);
  background: var(--282828, #282828);
  color: #fff;
}

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

.h3VoicePhilosophy {
  margin: 0;
}

.mainH3VoicePhilosophy {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .mainH3VoicePhilosophy {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .mainH3VoicePhilosophy {
    margin: 0 0 0 1%;
    line-height: 150%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainH3VoicePhilosophy {
    font-size: 4.2666666667vw;
  }
}

.h4VoicePhilosophy {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h4VoicePhilosophy {
    margin: 1.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4VoicePhilosophy {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .h4VoicePhilosophy {
    margin-top: 8.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    line-height: 180%;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4VoicePhilosophy {
    font-size: 6.4vw;
  }
}

.txtVoicePhilosophy {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtVoicePhilosophy {
    margin: 2.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtVoicePhilosophy {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtVoicePhilosophy {
    margin-top: 6.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtVoicePhilosophy {
    font-size: 3.4666666667vw;
  }
}

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

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

@media screen and (max-width: 767px) {
  .voiceLoopWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .voiceLoopWap {
    width: 89.33%;
  }
}

.voiceLoopLxn {
  width: 1200px;
  margin: auto;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 1279px) {
  .voiceLoopLxn {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .voiceLoopLxn {
    width: 335px;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04);
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .voiceLoopLxn {
    width: 100%;
  }
}

.ulVoiceLoopLxn {
  width: 1120px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulVoiceLoopLxn {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulVoiceLoopLxn {
    width: 303px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulVoiceLoopLxn {
    width: 90.44%;
  }
}

.liVoiceLoopLxn {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (max-width: 1279px) {
  .liVoiceLoopLxn {
    padding: 3.57% 0% 3.57% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liVoiceLoopLxn {
    padding: 5.24% 0% 5.24% 0%;
  }
}
.liVoiceLoopLxn:last-child {
  border-bottom: unset;
}

.photoVoiceLoopLxn {
  width: 267px;
  position: relative;
  aspect-ratio: 267/200;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .photoVoiceLoopLxn {
    width: 23.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoVoiceLoopLxn {
    width: 180px;
    aspect-ratio: 180/135;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoVoiceLoopLxn {
    width: 59.4%;
  }
}
.photoVoiceLoopLxn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.secVoiceLoopLxn {
  width: 813px;
  transform: translate(0px, -3%);
}
@media screen and (max-width: 1279px) {
  .secVoiceLoopLxn {
    width: 72.58%;
  }
}
@media screen and (max-width: 767px) {
  .secVoiceLoopLxn {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secVoiceLoopLxn {
    margin-top: 7.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.nameVoiceLoopPc {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .nameVoiceLoopPc {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .nameVoiceLoopPc {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameVoiceLoopPc {
    font-size: 3.4666666667vw;
  }
}

.brdVoiceLoopPc {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 11px;
  margin-right: 9px;
  width: 1px;
  aspect-ratio: 1/10;
}
@media screen and (max-width: 1279px) {
  .brdVoiceLoopPc {
    margin: 0% 0.46% 0% 0.57%;
  }
}
@media screen and (max-width: 1279px) {
  .brdVoiceLoopPc {
    margin: 0vw 0.472917vw 0vw 0.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .brdVoiceLoopPc {
    margin: 0% 2.63% 0% 3.63%;
  }
}

.genreVoiceLoopPc {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .genreVoiceLoopPc {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .genreVoiceLoopPc {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .genreVoiceLoopPc {
    font-size: 3.4666666667vw;
  }
}

.VoiceLoopPc {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  align-items: flex-start;
}
@media screen and (max-width: 1279px) {
  .VoiceLoopPc {
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .VoiceLoopPc {
    margin: 5.92% 0% 0% 0%;
  }
}

.iconVoiceLoopPc {
  width: 25px;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 16px;
}
@media screen and (max-width: 1279px) {
  .iconVoiceLoopPc {
    width: 3.07%;
  }
}
@media screen and (max-width: 1279px) {
  .iconVoiceLoopPc {
    margin: 0.73% 1.96% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconVoiceLoopPc {
    width: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconVoiceLoopPc {
    width: 6.93%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconVoiceLoopPc {
    margin: 0% 2.64% 0% 0%;
  }
}

.txtVoiceLoopPc {
  width: 772px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtVoiceLoopPc {
    width: 94.95%;
  }
}
@media screen and (max-width: 1279px) {
  .txtVoiceLoopPc {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtVoiceLoopPc {
    margin: 0.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtVoiceLoopPc {
    width: 274px;
    line-height: 170%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtVoiceLoopPc {
    width: 90.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtVoiceLoopPc {
    font-size: 3.2vw;
  }
}

.VoiceLoopPc02 {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  align-items: flex-start;
}
@media screen and (max-width: 1279px) {
  .VoiceLoopPc02 {
    margin: 2.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .VoiceLoopPc02 {
    margin: 4.92% 0% 0% 0%;
  }
}
.VoiceLoopPc02 .txtVoiceLoopPc {
  width: 772px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .VoiceLoopPc02 .txtVoiceLoopPc {
    width: 94.95%;
  }
}
@media screen and (max-width: 1279px) {
  .VoiceLoopPc02 .txtVoiceLoopPc {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .VoiceLoopPc02 .txtVoiceLoopPc {
    margin: 0.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .VoiceLoopPc02 .txtVoiceLoopPc {
    width: 274px;
    line-height: 170%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .VoiceLoopPc02 .txtVoiceLoopPc {
    width: 90.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .VoiceLoopPc02 .txtVoiceLoopPc {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .VoiceLoopPc02 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .VoiceLoopPc02 {
    margin: 7.92% 0% 0% 0%;
  }
}

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

@media screen and (max-width: 767px) {
  .voiceSingleMainWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .voiceSingleMainWap {
    width: 89.33%;
  }
}

.voiceSingleMainFx {
  width: 1200px;
  margin: auto;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .voiceSingleMainFx {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .voiceSingleMainFx {
    width: 100%;
  }
}

.photosVoiceSingleMain {
  width: 460px;
}
@media screen and (max-width: 1279px) {
  .photosVoiceSingleMain {
    width: 38.33%;
  }
}
@media screen and (max-width: 767px) {
  .photosVoiceSingleMain {
    width: 295px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photosVoiceSingleMain {
    width: 88.05%;
  }
}

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

.liPhotosVoiceSingleMain {
  aspect-ratio: 460/344;
  overflow: hidden;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .liPhotosVoiceSingleMain {
    aspect-ratio: 295/220;
  }
}
.liPhotosVoiceSingleMain:nth-child(n+2) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liPhotosVoiceSingleMain:nth-child(n+2) {
    margin: 8.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPhotosVoiceSingleMain:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liPhotosVoiceSingleMain:nth-child(n+2) {
    margin-top: 6.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liPhotosVoiceSingleMain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

.nameGenreVoiceSinglePc {
  width: 100%;
}

.nameVoiceSinglePc {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .nameVoiceSinglePc {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .nameVoiceSinglePc {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameVoiceSinglePc {
    font-size: 3.4666666667vw;
  }
}

.brdVoiceSinglePc {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 11px;
  margin-right: 9px;
  aspect-ratio: 1/10;
  width: 1px;
}
@media screen and (max-width: 1279px) {
  .brdVoiceSinglePc {
    margin: 0% 1.32% 0% 1.61%;
  }
}
@media screen and (max-width: 767px) {
  .brdVoiceSinglePc {
    margin: 0% 2.38% 0% 3.38%;
  }
}

.genreVoiceSinglePc {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .genreVoiceSinglePc {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .genreVoiceSinglePc {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .genreVoiceSinglePc {
    font-size: 3.4666666667vw;
  }
}

.secVoiceSingleDetailLoop {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secVoiceSingleDetailLoop {
    margin: 3.97% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secVoiceSingleDetailLoop {
    margin-top: 5.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.secVoiceSingleDetailLoop + .secVoiceSingleDetailLoop {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .secVoiceSingleDetailLoop + .secVoiceSingleDetailLoop {
    margin-top: 7.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secVoiceSingleDetailLoop + .secVoiceSingleDetailLoop {
    margin-top: 9.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconVoiceSinglePc {
  width: 25px;
}
@media screen and (max-width: 1279px) {
  .iconVoiceSinglePc {
    width: 3.67%;
  }
}
@media screen and (max-width: 767px) {
  .iconVoiceSinglePc {
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconVoiceSinglePc {
    width: 6.26%;
  }
}

.txtVoiceSinglePc {
  width: 639px;
}
@media screen and (max-width: 1279px) {
  .txtVoiceSinglePc {
    width: 93.97%;
  }
}
@media screen and (max-width: 767px) {
  .txtVoiceSinglePc {
    width: 306px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtVoiceSinglePc {
    width: 91.34%;
  }
}

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

.txtVoiceSinglePc02 {
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
  margin-top: -2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtVoiceSinglePc02 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtVoiceSinglePc02 {
    margin: -0.32% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtVoiceSinglePc02 {
    line-height: 170%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtVoiceSinglePc02 {
    font-size: 3.2vw;
  }
}

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

.singleVoicePager {
  margin-top: 97px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #d7d7d7;
}
@media screen and (max-width: 1279px) {
  .singleVoicePager {
    margin-top: 5.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .singleVoicePager {
    padding: 5.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .singleVoicePager {
    margin-top: 21.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 20.4% 0% 0% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .singleVoicePager {
    width: 89.33%;
  }
}

.voicePagerFx {
  width: 397px;
}
@media screen and (max-width: 1279px) {
  .voicePagerFx {
    width: 33.08%;
  }
}
@media screen and (max-width: 767px) {
  .voicePagerFx {
    width: 100%;
  }
}

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

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

.bgServiceBusiness {
  background: url(../img/service/bgServiceBusinessPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgServiceBusiness {
    background: url(../img/service/bgServiceBusinessSp.png) no-repeat center top;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .serviceBusinessWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceBusinessWap {
    width: 89.33%;
  }
}

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

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

.rubyServiceBusiness {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .rubyServiceBusiness {
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyServiceBusiness {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyServiceBusiness {
    margin-top: 0.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyServiceBusiness {
    font-size: 3.2vw;
  }
}

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

.liServiceBusiness {
  padding-top: 24px;
  padding-bottom: 27px;
  padding-left: 0px;
  padding-right: 0px;
  width: 382px;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .liServiceBusiness {
    padding: 2% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liServiceBusiness {
    width: 31.83%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceBusiness {
    padding: 5.5% 0% 11.94% 0%;
    width: 100%;
  }
  .liServiceBusiness:nth-child(n+2) {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liServiceBusiness:nth-child(n+2) {
    margin-top: 8.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liServiceBusinessLxn {
  width: 334px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liServiceBusinessLxn {
    width: 87.43%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceBusinessLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liServiceBusinessLxn {
    width: 88.05%;
  }
}

.iconServiceBusiness {
  width: 110px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .iconServiceBusiness {
    width: 32.93%;
  }
}
@media screen and (max-width: 767px) {
  .iconServiceBusiness {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconServiceBusiness {
    width: 33.89%;
  }
}

.h2ServiceBusiness {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2ServiceBusiness {
    margin-top: 9.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h2ServiceBusiness {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ServiceBusiness {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ServiceBusiness {
    font-size: 5.3333333333vw;
  }
}

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

.h4ServiceBusiness {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h4ServiceBusiness {
    margin-top: 8.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4ServiceBusiness {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ServiceBusiness {
    margin-top: 6.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ServiceBusiness {
    font-size: 3.7333333333vw;
  }
}

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

.txtServiceBusiness {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtServiceBusiness {
    margin-top: 8.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtServiceBusiness {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtServiceBusiness {
    margin-top: 9.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtServiceBusiness {
    font-size: 3.4666666667vw;
  }
}

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

.liPointsServiceBusiness {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 26px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  font-weight: 400;
  background: url(../img/service/arrowPointsServiceBusiness.svg) no-repeat left center;
  font-feature-settings: "palt";
  background-size: auto 88%;
}
@media screen and (max-width: 1279px) {
  .liPointsServiceBusiness {
    padding: 0% 0% 0% 7.78%;
  }
}
@media screen and (max-width: 1279px) {
  .liPointsServiceBusiness {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .liPointsServiceBusiness {
    padding: 0% 0% 0% 8%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liPointsServiceBusiness {
    font-size: 3.2vw;
  }
}
.liPointsServiceBusiness:nth-child(n+2) {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liPointsServiceBusiness:nth-child(n+2) {
    margin-top: 2.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liPointsServiceBusiness:nth-child(n+2) {
    margin-top: 3.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmTxtServiceBusiness {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .btmTxtServiceBusiness {
    margin: 5.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btmTxtServiceBusiness {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btmTxtServiceBusiness {
    margin: 8.13% 0% 0% 0%;
  }
}

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

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

@media screen and (max-width: 767px) {
  .serviceStrengthsWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceStrengthsWap {
    width: 89.33%;
  }
}

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

.h2ServiceStrengths {
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2ServiceStrengths {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ServiceStrengths {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ServiceStrengths {
    font-size: 8vw;
  }
}

.rubyServiceStrengths {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .rubyServiceStrengths {
    margin: 0.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .rubyServiceStrengths {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyServiceStrengths {
    margin: 0.77% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyServiceStrengths {
    font-size: 3.2vw;
  }
}

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

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

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

.rubyDetailServiceStrengths {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .rubyDetailServiceStrengths {
    margin-top: 2.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyDetailServiceStrengths {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyDetailServiceStrengths {
    margin-top: 7.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyDetailServiceStrengths {
    font-size: 4vw;
  }
}

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

.liDetailServiceStrengths {
  width: 382px;
}
@media screen and (max-width: 1279px) {
  .liDetailServiceStrengths {
    width: 31.83%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailServiceStrengths {
    width: 100%;
  }
  .liDetailServiceStrengths:nth-child(n+2) {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoDetailServiceStrengths {
  aspect-ratio: 382/244;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .photoDetailServiceStrengths {
    aspect-ratio: 335/214;
  }
}

.h4DetailServiceStrengths {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h4DetailServiceStrengths {
    margin-top: 8.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4DetailServiceStrengths {
    font-size: 1.4855355747vw;
  }
}
@media screen and (max-width: 767px) {
  .h4DetailServiceStrengths {
    margin-top: 7.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4DetailServiceStrengths {
    font-size: 4.8vw;
  }
}

.txtDetailServiceStrengths {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtDetailServiceStrengths {
    margin-top: 4.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtDetailServiceStrengths {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailServiceStrengths {
    margin-top: 4.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailServiceStrengths {
    font-size: 3.4666666667vw;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.serviceFlow {
  margin-top: 194px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 85px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .serviceFlow {
    margin-top: 10.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .serviceFlow {
    padding: 4.42% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .serviceFlow {
    margin-top: 27.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 19.33% 0% 21.33% 0%;
  }
}

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

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

.h2ServiceFlow {
  font-size: 40px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2ServiceFlow {
    font-size: 3.1274433151vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ServiceFlow {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ServiceFlow {
    font-size: 8vw;
  }
}

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

.ulTabServiceFlow {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1106px;
}
@media screen and (max-width: 1279px) {
  .ulTabServiceFlow {
    margin-top: 4.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ulTabServiceFlow {
    width: 92.16%;
  }
}
@media screen and (max-width: 767px) {
  .ulTabServiceFlow {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulTabServiceFlow {
    width: 89.33%;
  }
}

.liTabServiceFlow {
  width: 364px;
  border-radius: 6px 6px 0 0;
  background: #939395;
  color: #FFF;
  aspect-ratio: 364/80;
}
@media screen and (max-width: 1279px) {
  .liTabServiceFlow {
    width: 32.91%;
  }
}
@media screen and (max-width: 767px) {
  .liTabServiceFlow {
    width: 109px;
    border-radius: 4px 4px 0 0;
    aspect-ratio: 109/96;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTabServiceFlow {
    width: 32.53%;
  }
}

.liTabServiceFlow.on {
  background: #FFF;
}

.secLiTabServiceFlow {
  transform: translate(0, -18%);
}
@media screen and (max-width: 767px) {
  .secLiTabServiceFlow {
    transform: translate(0, 0%);
  }
}

.h3LiTabServiceFlow {
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .h3LiTabServiceFlow {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiTabServiceFlow {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiTabServiceFlow {
    font-size: 2.9333333333vw;
  }
}

.liTabServiceFlow.on .h3LiTabServiceFlow {
  color: #2A2A2A;
}

.rubyLiTabServiceFlow {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 0%;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .rubyLiTabServiceFlow {
    margin-top: 4.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .rubyLiTabServiceFlow {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyLiTabServiceFlow {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .rubyLiTabServiceFlow {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyLiTabServiceFlow {
    font-size: 3.4666666667vw;
  }
}

.liTabServiceFlow.on .rubyLiTabServiceFlow {
  color: #EE780C;
}

.serviceFlowMainlxn {
  padding-top: 100px;
  padding-bottom: 101px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .serviceFlowMainlxn {
    padding: 8.33% 0% 8.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .serviceFlowMainlxn {
    padding-top: 81px;
    padding-bottom: 81px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceFlowMainlxn {
    padding: 21.6% 0% 21.6% 0%;
  }
}

.serviceFlowMainInWap {
  width: 900px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .serviceFlowMainInWap {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .serviceFlowMainInWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .serviceFlowMainInWap {
    width: 89.33%;
  }
}

.serviceTabdetail {
  display: none;
}

.serviceTabdetail.on {
  display: block;
}

.liServiceFlowStep {
  padding-top: 34px;
  padding-bottom: 38px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #d7d7d7;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .liServiceFlowStep {
    padding: 3.77% 0% 4.22% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liServiceFlowStep {
    padding: 6.55% 0% 7.55% 0%;
  }
}
.liServiceFlowStep:last-child {
  border-bottom: 1px solid #d7d7d7;
}

.h4ServiceFlowStep {
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.05em;
  width: 29px;
}
@media screen and (max-width: 1279px) {
  .h4ServiceFlowStep {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h4ServiceFlowStep {
    width: 3.22%;
  }
}
@media screen and (max-width: 767px) {
  .h4ServiceFlowStep {
    line-height: 150%;
    letter-spacing: 0.05em;
    width: 29px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ServiceFlowStep {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4ServiceFlowStep {
    width: 8.65%;
  }
}

.h5ServiceFlowStep {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.05em;
  width: 165px;
}
@media screen and (max-width: 1279px) {
  .h5ServiceFlowStep {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .h5ServiceFlowStep {
    width: 18.33%;
  }
}
@media screen and (max-width: 767px) {
  .h5ServiceFlowStep {
    line-height: 150%;
    letter-spacing: 0.05em;
    width: 282px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5ServiceFlowStep {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h5ServiceFlowStep {
    width: 84.17%;
  }
}

.txtServiceFlowStep {
  width: 642px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtServiceFlowStep {
    width: 71.33%;
  }
}
@media screen and (max-width: 1279px) {
  .txtServiceFlowStep {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtServiceFlowStep {
    margin-top: 3.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtServiceFlowStep {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtServiceFlowStep {
    font-size: 3.4666666667vw;
  }
}

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

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

.secFaqServiceArchives {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .secFaqServiceArchives {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqServiceArchives {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.btnsecFaqServiceArchives {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .btnsecFaqServiceArchives {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .btnsecFaqServiceArchives {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnsecFaqServiceArchives {
    font-size: 3.4666666667vw;
  }
}
.btnsecFaqServiceArchives::before {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  bottom: 1px;
  background: #89898B;
  transition-duration: 0.5s;
  height: 1px;
  width: 0%;
}
.btnsecFaqServiceArchives:hover {
  opacity: 1;
}
.btnsecFaqServiceArchives:hover::before {
  width: 100%;
}

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

@media screen and (max-width: 767px) {
  .contactMainBigWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .contactMainBigWap {
    width: 89.33%;
  }
}

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

.h2ContactTop {
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2ContactTop {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ContactTop {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ContactTop {
    font-size: 4.2666666667vw;
  }
}

.txtContactTop {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtContactTop {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtContactTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactTop {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtContactTop {
    font-size: 3.4666666667vw;
  }
}

.txtContactTop02 {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtContactTop02 {
    margin-top: 1.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtContactTop02 {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactTop02 {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtContactTop02 {
    font-size: 3.2vw;
  }
}

.ulContactStep {
  margin-top: 95px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 352px;
}
@media screen and (max-width: 1279px) {
  .ulContactStep {
    margin: 7.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .ulContactStep {
    width: 29.33%;
  }
}
@media screen and (max-width: 767px) {
  .ulContactStep {
    margin-top: 21.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.liContactStep {
  width: 100px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  border-radius: 4px 4px 0 0;
  aspect-ratio: 100/44;
}
@media screen and (max-width: 1279px) {
  .liContactStep {
    width: 28.4%;
  }
}
@media screen and (max-width: 1279px) {
  .liContactStep {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .liContactStep {
    width: 97px;
    aspect-ratio: 97/44;
    line-height: 150%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liContactStep {
    width: 28.95%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liContactStep {
    font-size: 3.4666666667vw;
  }
}

.arrowContactStep {
  width: 18px;
}
@media screen and (max-width: 1279px) {
  .arrowContactStep {
    width: 5.11%;
  }
}
@media screen and (max-width: 767px) {
  .arrowContactStep {
    width: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .arrowContactStep {
    width: 5.37%;
  }
}

.contactLxn {
  padding-top: 60px;
  padding-bottom: 76px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .contactLxn {
    padding: 5% 0% 6.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .contactLxn {
    padding: 21.91% 0% 17.91% 0%;
  }
}

.ulFormCnt {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulFormCnt {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .ulFormCnt {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulFormCnt {
    width: 88.05%;
  }
}

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

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

.titleLiForm {
  width: 300px;
}
@media screen and (max-width: 1279px) {
  .titleLiForm {
    width: 27.77%;
  }
}
@media screen and (max-width: 767px) {
  .titleLiForm {
    width: 100%;
  }
}

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

.hissuTitleLiForm {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .hissuTitleLiForm {
    margin: 0% 0% 0% 1.66%;
  }
}
@media screen and (max-width: 1279px) {
  .hissuTitleLiForm {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .hissuTitleLiForm {
    margin: 0% 0% 0% 7%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hissuTitleLiForm {
    font-size: 3.4666666667vw;
  }
}

.inputWFormCntLxn {
  width: 780px;
  font-size: 15px;
  line-height: 180%;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .inputWFormCntLxn {
    width: 65%;
  }
}
@media screen and (max-width: 1279px) {
  .inputWFormCntLxn {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .inputWFormCntLxn {
    width: 100%;
    margin: 5.5% 0% 0% 0%;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputWFormCntLxn {
    font-size: 3.7333333333vw;
  }
}

.inputWFormCntLxnChek {
  margin-top: 15px;
  margin-bottom: 14px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .inputWFormCntLxnChek {
    margin: 1.92% 0% 1.79% 0%;
  }
}
@media screen and (max-width: 767px) {
  .inputWFormCntLxnChek {
    margin: 10.92% 0% 5% 0%;
  }
}

.inputW100 {
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  color: #282828;
  width: 390px;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    padding: 2.43% 2.56% 2.43% 2.56%;
  }
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    width: 50%;
  }
}
@media screen and (max-width: 1279px) {
  .inputW100 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    padding: 4.5% 5.97% 4.5% 5.97%;
    width: 100%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.7333333333vw;
  }
}
.inputW100::placeholder {
  color: #939395;
  font-weight: 400;
}

.inputWFormCntLxn .mwform-checkbox-field {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 25px;
}
@media screen and (max-width: 1279px) {
  .inputWFormCntLxn .mwform-checkbox-field {
    margin: 0% 3.2% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .inputWFormCntLxn .mwform-checkbox-field:nth-child(n+2) {
    margin: 1.42% 0% 0% 0%;
    width: 100%;
  }
}

.inputWFormCntLxn .mwform-checkbox-field label {
  display: flex;
  justify-content: flex-start;
}

.formCheck {
  margin: 0 8px 0 0 !important;
  border: #d7d7d7;
  width: 18px;
  aspect-ratio: 1/1;
  border-radius: 2px;
  /* CSS3草案 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .formCheck {
    margin: 0 8px 0 0 !important;
    width: 18px;
  }
}

.txtW100 {
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  color: #282828;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.05em;
  aspect-ratio: 780/197;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    padding: 2.3% 2.56% 2.3% 2.56%;
  }
}
@media screen and (max-width: 1279px) {
  .txtW100 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtW100 {
    padding: 3.77% 6.77% 3.77% 6.77%;
    border: none;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
    color: #282828;
    line-height: 180%;
    letter-spacing: 0.05em;
    aspect-ratio: 295/197;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtW100 {
    font-size: 3.7333333333vw;
  }
}
.txtW100::placeholder {
  color: #939395;
  font-weight: 400;
}

.inputWFormCntLxn {
  flex-flow: row wrap;
}
.inputWFormCntLxn .mwform-radio-field {
  display: flex;
  align-items: center;
  width: fit-content;
}
.inputWFormCntLxn label {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
}

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

.txtInputWFormCnt {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtInputWFormCnt {
    margin: 1.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtInputWFormCnt {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInputWFormCnt {
    margin: 2.66% 0% 0% 0%;
    width: 100%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInputWFormCnt {
    font-size: 3.4666666667vw;
  }
}

.btnToConfirmLxn {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 316px;
  color: #282828;
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    margin-top: 7.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 29.25%;
  }
}
@media screen and (max-width: 767px) {
  .btnToConfirmLxn {
    margin-top: 16.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToConfirmLxn {
    width: 88.05%;
  }
}

.btnToConfirm {
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #FFF;
  cursor: pointer;
  color: #282828;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnToConfirm {
    font-size: 1.250977326vw;
  }
}
.btnToConfirm:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .btnToConfirm {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToConfirm {
    font-size: 4vw;
  }
}

.mw_wp_form .error {
  flex-flow: row wrap;
  width: 100%;
  order: 3;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.thisPageConfirm .liFormCnt02 {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirm .liFormCnt02 {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .liFormCnt02 {
    margin-top: 12.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConfirm .contactLxn {
  padding-top: 78px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .thisPageConfirm .contactLxn {
    padding: 6.5% 0% 5% 0%;
  }
}
.thisPageConfirm .btnToConfirmLxn {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .inputWFormCntLxn {
    margin: 9.5% 0% 0% 0%;
  }
}

.toThankBackLxn {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 656px;
}
@media screen and (max-width: 1279px) {
  .toThankBackLxn {
    margin-top: 7.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .toThankBackLxn {
    width: 60.74%;
  }
}
@media screen and (max-width: 767px) {
  .toThankBackLxn {
    margin-top: 17.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .toThankBackLxn {
    width: 88.05%;
  }
}

.btnBackLxn {
  width: 316px;
}
@media screen and (max-width: 1279px) {
  .btnBackLxn {
    width: 48.17%;
  }
}
@media screen and (max-width: 767px) {
  .btnBackLxn {
    width: 100%;
  }
}

.btnBack {
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #FFF;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #282828;
}
@media screen and (max-width: 1279px) {
  .btnBack {
    font-size: 1.250977326vw;
  }
}
.btnBack:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .btnBack {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnBack {
    font-size: 4vw;
  }
}

.btnToThanksLxn {
  width: 316px;
}
@media screen and (max-width: 1279px) {
  .btnToThanksLxn {
    width: 48.17%;
  }
}
@media screen and (max-width: 767px) {
  .btnToThanksLxn {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToThanksLxn {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnToThanks {
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #FFF;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #282828;
}
@media screen and (max-width: 1279px) {
  .btnToThanks {
    font-size: 1.250977326vw;
  }
}
.btnToThanks:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .btnToThanks {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnToThanks {
    font-size: 4vw;
  }
}

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

.h2ThanksContact {
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2ThanksContact {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ThanksContact {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ThanksContact {
    font-size: 4.2666666667vw;
  }
}

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

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

.txtThanksContactLast {
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtThanksContactLast {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtThanksContactLast {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksContactLast {
    margin-top: 13.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksContactLast {
    font-size: 3.4666666667vw;
  }
}

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

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

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

@media screen and (max-width: 767px) {
  .catArrivalWap {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .catArrivalWap {
    width: 89.33%;
  }
}

.catArrivalFx {
  width: 1200px;
  margin: auto;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .catArrivalFx {
    width: 93.75%;
  }
}
@media screen and (max-width: 767px) {
  .catArrivalFx {
    width: 100%;
  }
}

.mainCatArrival {
  width: 830px;
}
@media screen and (max-width: 1279px) {
  .mainCatArrival {
    width: 69.16%;
  }
}
@media screen and (max-width: 767px) {
  .mainCatArrival {
    width: 100%;
  }
}

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

.numIntSearchKensu {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .numIntSearchKensu {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .numIntSearchKensu {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .numIntSearchKensu {
    font-size: 4.8vw;
  }
}

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

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

.orderSearchCnt {
  width: 150px;
}
@media screen and (max-width: 1279px) {
  .orderSearchCnt {
    width: 18.07%;
  }
}
@media screen and (max-width: 767px) {
  .orderSearchCnt {
    width: 135px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .orderSearchCnt {
    width: 40.29%;
  }
}

.orderSearchCnt select {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  color: #282828;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1279px) {
  .orderSearchCnt select {
    padding: 0.96% 0.96% 0.96% 0.96%;
  }
}
@media screen and (max-width: 1279px) {
  .orderSearchCnt select {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .orderSearchCnt select {
    padding: 5% 3.58%;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .orderSearchCnt select {
    font-size: 3.4666666667vw;
  }
}

.liKensakuLoopCat {
  padding-top: 28px;
  padding-bottom: 32px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  border: 1px solid #d7d7d7;
  width: 100%;
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .liKensakuLoopCat {
    padding: 2.33% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liKensakuLoopCat {
    padding: 5.97% 0% 9.65% 0%;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}
.liKensakuLoopCat:nth-child(n+2) {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liKensakuLoopCat:nth-child(n+2) {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liKensakuLoopCat:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liKensakuLoopCat:nth-child(n+2) {
    margin-top: 5.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mainArrivalLoopFx {
  width: 774px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .mainArrivalLoopFx {
    width: 93.25%;
  }
}
@media screen and (max-width: 767px) {
  .mainArrivalLoopFx {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainArrivalLoopFx {
    width: 88.05%;
  }
}

.photosArrivalLoopAppivalBx {
  width: 310px;
}
@media screen and (max-width: 1279px) {
  .photosArrivalLoopAppivalBx {
    width: 40.05%;
  }
}
@media screen and (max-width: 767px) {
  .photosArrivalLoopAppivalBx {
    width: 202px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photosArrivalLoopAppivalBx {
    width: 68.47%;
  }
}

.photosArrivalLoopAppival {
  position: relative;
  aspect-ratio: 310/233;
  overflow: hidden;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
.photosArrivalLoopAppival img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.capArrivalLoopAppival {
  width: 104px;
  font-size: 10px;
  letter-spacing: 0em;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  aspect-ratio: 104/19;
  position: absolute;
  left: 6%;
  top: 7.729468599%;
  left: 5.1612903226%;
}
@media screen and (max-width: 1279px) {
  .capArrivalLoopAppival {
    width: 33.54%;
  }
}
@media screen and (max-width: 1279px) {
  .capArrivalLoopAppival {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .capArrivalLoopAppival {
    letter-spacing: 0em;
    width: 50.87%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .capArrivalLoopAppival {
    font-size: 2.6666666667vw;
  }
}

.cntArrivalLoop {
  width: 436px;
  margin: -0.2% 0 0 0;
}
@media screen and (max-width: 1279px) {
  .cntArrivalLoop {
    width: 56.33%;
  }
}
@media screen and (max-width: 767px) {
  .cntArrivalLoop {
    margin: 5.77% 0% 0% 0%;
    width: 100%;
  }
}

.newTopAppivalTop {
  width: 46px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 3px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .newTopAppivalTop {
    width: 10.55%;
  }
}
@media screen and (max-width: 1279px) {
  .newTopAppivalTop {
    margin: 0% 0.68% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .newTopAppivalTop {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .newTopAppivalTop {
    width: 46px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newTopAppivalTop {
    width: 15.59%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .newTopAppivalTop {
    margin: 0% 1.35% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newTopAppivalTop {
    font-size: 2.6666666667vw;
  }
}

.catCntArrivalLoop {
  padding: 0.273vw 0.66vw;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
  border: 1px solid #d7d7d7;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .catCntArrivalLoop {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .catCntArrivalLoop {
    padding: 1.1vw 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catCntArrivalLoop {
    font-size: 2.6666666667vw;
  }
}

.h3ArrivalLoop {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3ArrivalLoop {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3ArrivalLoop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ArrivalLoop {
    margin-top: 3.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ArrivalLoop {
    font-size: 4vw;
  }
}

.h4ArrivalLoop {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0em;
  color: #D23737;
}
@media screen and (max-width: 1279px) {
  .h4ArrivalLoop {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4ArrivalLoop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ArrivalLoop {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.375;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ArrivalLoop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ArrivalLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.375) * 0.5em);
    content: "";
  }
  .h4ArrivalLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.375) * 0.5em);
    content: "";
  }
}

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

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

.iconPointsArrivalLoop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  width: 20px;
}
@media screen and (max-width: 1279px) {
  .iconPointsArrivalLoop {
    margin: 0% 1.83% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .iconPointsArrivalLoop {
    width: 4.58%;
  }
}
@media screen and (max-width: 767px) {
  .iconPointsArrivalLoop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    width: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconPointsArrivalLoop {
    margin: 0% 2.71% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconPointsArrivalLoop {
    width: 6.1%;
  }
}

.txtPointsArrivalLoop {
  width: 408px;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtPointsArrivalLoop {
    width: 93.57%;
  }
}
@media screen and (max-width: 1279px) {
  .txtPointsArrivalLoop {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointsArrivalLoop {
    width: 269px;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtPointsArrivalLoop {
    width: 91.18%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointsArrivalLoop {
    font-size: 2.9333333333vw;
  }
}

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

.intArrivalLoopPriceBukenCnt {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .intArrivalLoopPriceBukenCnt {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .intArrivalLoopPriceBukenCnt {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intArrivalLoopPriceBukenCnt {
    font-size: 5.6vw;
  }
}

.taniArrivalLoopPriceBukenCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: auto;
  font-size: 12px;
  letter-spacing: 0.09em;
  transform: translateY(-20%);
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  .taniArrivalLoopPriceBukenCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0.91%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .taniArrivalLoopPriceBukenCnt {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .taniArrivalLoopPriceBukenCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: auto;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) and (max-width: 1279px) {
  .taniArrivalLoopPriceBukenCnt {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.35%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniArrivalLoopPriceBukenCnt {
    font-size: 3.2vw;
  }
}

.ArrivalLoopTagBukenCnt {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 0.25vw;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .ArrivalLoopTagBukenCnt {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ArrivalLoopTagBukenCnt {
    margin-top: 5.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    gap: 0.8vw;
  }
}

.liArrivalLoopTagBukenCnt {
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  padding: 0.25vw 0.28vw;
  font-size: 10px;
  letter-spacing: 0em;
  background: #e2e2e2;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .liArrivalLoopTagBukenCnt {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .liArrivalLoopTagBukenCnt {
    padding: 1vw 1.5vw;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liArrivalLoopTagBukenCnt {
    font-size: 2.6666666667vw;
  }
}

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

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

.btnLoopAppival {
  width: 100%;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  aspect-ratio: 436/30;
  font-size: 14px;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
  box-shadow: 0px 5px 0px #535353;
  transition: 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnLoopAppival {
    font-size: 1.0946051603vw;
  }
}
.btnLoopAppival::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
.btnLoopAppival::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnLoopAppival {
    aspect-ratio: 295/36;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLoopAppival {
    font-size: 3.7333333333vw;
  }
}
.btnLoopAppival:hover {
  box-shadow: 0px 0px 0px #535353;
  transform: translateY(5px);
  opacity: 1;
}

.btnLoopAppivalJoin {
  width: 100%;
  border-radius: 3px;
  /* CSS3草案 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  aspect-ratio: 436/30;
  font-size: 14px;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
  box-shadow: 0px 5px 0px #B51919;
  transition: 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnLoopAppivalJoin {
    font-size: 1.0946051603vw;
  }
}
.btnLoopAppivalJoin::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
.btnLoopAppivalJoin::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8571428571) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnLoopAppivalJoin {
    aspect-ratio: 295/36;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLoopAppivalJoin {
    font-size: 3.7333333333vw;
  }
}
.btnLoopAppivalJoin:hover {
  box-shadow: 0px 0px 0px #B51919;
  transform: translateY(5px);
  opacity: 1;
}

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

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

.secContactSidebarArrival {
  padding-top: 36px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
}
@media screen and (max-width: 1279px) {
  .secContactSidebarArrival {
    padding: 10.74% 0% 12.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secContactSidebarArrival {
    padding: 10.91% 0% 12.83% 0%;
  }
}

.secContactSidebarArrivalIn {
  width: 295px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .secContactSidebarArrivalIn {
    width: 88.05%;
  }
}

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

.txtContactSidebarArrival {
  margin: 6% 0 0 0;
  font-size: 14px;
  line-height: 1.6428571429;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtContactSidebarArrival {
    font-size: 1.0946051603vw;
  }
}
.txtContactSidebarArrival::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
.txtContactSidebarArrival::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtContactSidebarArrival {
    line-height: 1.6428571429;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtContactSidebarArrival {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtContactSidebarArrival::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
  .txtContactSidebarArrival::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
}

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

.liTContactSidebarArrival:nth-child(n+2) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liTContactSidebarArrival:nth-child(n+2) {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.btnTContactSidebarArrival {
  width: 100%;
  aspect-ratio: 295/58;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 295/58;
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(90deg, #FF720D, #FF7D4E, #FFBB00);
  color: #FFF;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  width: 100%;
}
@media screen and (max-width: 767px) {
  .btnTContactSidebarArrival {
    aspect-ratio: 295/58;
  }
}
.btnTContactSidebarArrival:hover {
  background-position: 100% 51%;
  opacity: 1;
}

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

.telNumBtnTContactSidebarArrival {
  justify-content: center;
}

.iconTelNumBtnTContactSidebarArrival {
  width: 17px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 4px;
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnTContactSidebarArrival {
    width: 5.76%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnTContactSidebarArrival {
    margin: 0% 1.35% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelNumBtnTContactSidebarArrival {
    width: 8.09%;
    margin: 0% 1.6% 0% 0%;
  }
}

.telnumTContactSidebarArrival {
  font-size: 24px;
  line-height: 80%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .telnumTContactSidebarArrival {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .telnumTContactSidebarArrival {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telnumTContactSidebarArrival {
    font-size: 6.4vw;
  }
}

.txtBtnBtmsTContactSidebarArrival {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsTContactSidebarArrival {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsTContactSidebarArrival {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnBtmsTContactSidebarArrival {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnBtmsTContactSidebarArrival {
    font-size: 2.6666666667vw;
  }
}

.brdContactSidebarArrival {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #F5F5F5;
  height: 1px;
  width: 100%;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}
@media screen and (max-width: 1279px) {
  .brdContactSidebarArrival {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdContactSidebarArrival {
    margin-left: auto;
    margin-right: auto;
  }
}

.secSearchSidebarArrival {
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  padding-top: 35px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .secSearchSidebarArrival {
    padding: 10.44% 0% 14.92% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSearchSidebarArrival {
    padding: 10.44% 0 15% 0;
  }
}

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

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

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

.titleContactSidebarArrival {
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (max-width: 1279px) {
  .titleContactSidebarArrival {
    padding: 0% 0% 5.42% 0%;
  }
}

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

.brdTitleContactSidebarArrivalWap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  position: relative;
  width: 21px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1279px) {
  .brdTitleContactSidebarArrivalWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1279px) {
  .brdTitleContactSidebarArrivalWap {
    width: 7.11%;
  }
}
.brdTitleContactSidebarArrival {
  height: 1px;
  width: 13px;
  aspect-ratio: 1/1;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1279px) {
  .brdTitleContactSidebarArrival {
    width: 61.9%;
  }
}

.brdTitleContactSidebarArrival02 {
  transform: rotate(90deg);
  opacity: 1;
}

.titleContactSidebarArrival.on .brdTitleContactSidebarArrival02 {
  transform: rotate(0deg);
  opacity: 0;
}

.trigerContactSidebarArrival {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  height: 352px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
}
@media screen and (max-width: 1279px) {
  .trigerContactSidebarArrival {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .trigerContactSidebarArrival {
    padding: 6.77% 0% 6.77% 0%;
  }
}
.trigerContactSidebarArrival::-webkit-scrollbar {
  display: none;
}

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

.liContactSidebarArrivalLxn {
  position: relative;
}
.liContactSidebarArrivalLxn:nth-child(n+2) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liContactSidebarArrivalLxn:nth-child(n+2) {
    margin-top: 4.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.labelContactSidebarArrivalLxn {
  cursor: pointer;
  accent-color: #f97f10;
}
.labelContactSidebarArrivalLxn:nth-child(n+2) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .labelContactSidebarArrivalLxn:nth-child(n+2) {
    margin: 4.7% 0% 0% 0%;
  }
}

.chackeContactSidebarArrivalLx {
  width: 15px;
  aspect-ratio: 1/1;
  accent-color: #f97f10;
  color: #FFF;
  border-radius: 2px;
  /* CSS3草案 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
  margin: 0 8px 0 0;
}

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

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

.jslabelsideSearchCntLxnPlus {
  position: relative;
}
.jslabelsideSearchCntLxnPlus:before {
  content: "";
  height: 1px;
  width: 9px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 0;
  bottom: 0;
  background: #282828;
}
.jslabelsideSearchCntLxnPlus:after {
  content: "";
  height: 1px;
  width: 9px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 0;
  bottom: 0;
  background: #282828;
  transform: rotate(90deg);
  opacity: 1;
  transition-duration: 0.5s;
}

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

.jslabelsideSearchCntLxnPlus.on:after {
  transform: rotate(0deg);
  opacity: 0;
}

.ulSubContactSidebarArrivalLxn {
  display: none;
  width: 230px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1279px) {
  .ulSubContactSidebarArrivalLxn {
    width: 90.19%;
  }
}
@media screen and (max-width: 767px) {
  .ulSubContactSidebarArrivalLxn {
    width: 90.74%;
  }
}
.ulSubContactSidebarArrivalLxn:nth-child(n+2) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulSubContactSidebarArrivalLxn:nth-child(n+2) {
    margin-top: 4.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

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

.btmSidebarArrivalSearchFx {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 295px;
}
@media screen and (max-width: 1279px) {
  .btmSidebarArrivalSearchFx {
    margin-top: 11.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .btmSidebarArrivalSearchFx {
    width: 88.05%;
  }
}

.secBtmSidebarArrivalSearchFx {
  width: 100%;
}

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

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

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

.inputBoxBtmSidebarArrivalSearchFx {
  padding-top: 12px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  width: 100%;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .inputBoxBtmSidebarArrivalSearchFx {
    padding: 4.06% 5.42% 4.4% 5.42%;
  }
}
@media screen and (max-width: 1279px) {
  .inputBoxBtmSidebarArrivalSearchFx {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .inputBoxBtmSidebarArrivalSearchFx {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputBoxBtmSidebarArrivalSearchFx {
    font-size: 3.4666666667vw;
  }
}
.inputBoxBtmSidebarArrivalSearchFx::placeholder {
  color: #89898B;
}

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

.SidebarArrivalSearchBtnCntFx {
  width: 295px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .SidebarArrivalSearchBtnCntFx {
    width: 88.05%;
  }
}

.liSidebarArrivalSearchBtnCnt {
  width: 100%;
}

.btnSidebarArrivalSearchBtnCnt {
  aspect-ratio: 295/58;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 100%;
  color: #282828;
  border: 1px solid #282828;
  text-decoration: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .btnSidebarArrivalSearchBtnCnt {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSidebarArrivalSearchBtnCnt {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSidebarArrivalSearchBtnCnt {
    font-size: 4vw;
  }
}

.liSidebarArrivalSearchBtnCnt02 {
  position: relative;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .liSidebarArrivalSearchBtnCnt02 {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liSidebarArrivalSearchBtnCnt02 {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconSidebarArrivalSearchBtnCnt02In {
  position: absolute;
  left: 20%;
  top: 30%;
  width: 24px;
}
@media screen and (max-width: 1279px) {
  .iconSidebarArrivalSearchBtnCnt02In {
    width: 8.13%;
  }
}

.btnSidebarArrivalSearchBtnCnt02 {
  padding: 0 0 0 13%;
  aspect-ratio: 295/58;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 100%;
  color: #FFF;
  background: #89898B;
  border: 1px solid #89898B;
  text-decoration: none;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  cursor: pointer;
}
@media screen and (max-width: 1279px) {
  .btnSidebarArrivalSearchBtnCnt02 {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSidebarArrivalSearchBtnCnt02 {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSidebarArrivalSearchBtnCnt02 {
    font-size: 4vw;
  }
}

.SidebarArrivalSearchBtmList {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 1279px) {
  .SidebarArrivalSearchBtmList {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .SidebarArrivalSearchBtmList {
    padding: 5.97% 0% 5.97% 0%;
  }
}
@media screen and (max-width: 767px) {
  .SidebarArrivalSearchBtmList {
    padding: 6% 0% 7% 0%;
  }
}

.ulSidebarArrivalSearchBtmList {
  width: 295px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulSidebarArrivalSearchBtmList {
    width: 88.05%;
  }
}

.liSidebarArrivalSearchBtmList {
  width: 144px;
}
@media screen and (max-width: 1279px) {
  .liSidebarArrivalSearchBtmList {
    width: 48.81%;
  }
}
.liSidebarArrivalSearchBtmList:nth-child(n+3) {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liSidebarArrivalSearchBtmList:nth-child(n+3) {
    margin: 2.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liSidebarArrivalSearchBtmList:nth-child(n+3) {
    margin: 3% 0% 0% 0%;
  }
}

.btnSidebarArrivalSearchBtmList {
  aspect-ratio: 144/50;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0em;
  color: #282828;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .btnSidebarArrivalSearchBtmList {
    font-size: 1.0946051603vw;
  }
}
.btnSidebarArrivalSearchBtmList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.btnSidebarArrivalSearchBtmList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnSidebarArrivalSearchBtmList {
    line-height: 2.3076923077;
    letter-spacing: 0.05em;
    aspect-ratio: 144/48;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSidebarArrivalSearchBtmList {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSidebarArrivalSearchBtmList::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.3076923077) * 0.5em);
    content: "";
  }
  .btnSidebarArrivalSearchBtmList::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.3076923077) * 0.5em);
    content: "";
  }
}

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

.secKainGenteiArrivalSidebar {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 44px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/bgKainGenteiArrivalSidebarPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 1279px) {
  .secKainGenteiArrivalSidebar {
    margin-top: 10.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .secKainGenteiArrivalSidebar {
    padding: 9.55% 0% 13.13% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secKainGenteiArrivalSidebar {
    background: url(../img/bgKainGenteiArrivalSidebarSp.png) no-repeat center top;
    background-size: cover;
  }
}

.kainGenteiArrivalSidebarLxn {
  width: 295px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarLxn {
    width: 88.05%;
  }
}

.h2KainGenteiArrivalSidebar {
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2KainGenteiArrivalSidebar {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2KainGenteiArrivalSidebar {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2KainGenteiArrivalSidebar {
    font-size: 6.4vw;
  }
}

.txtKainGenteiArrivalSidebar {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtKainGenteiArrivalSidebar {
    margin-top: 5.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtKainGenteiArrivalSidebar {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtKainGenteiArrivalSidebar {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtKainGenteiArrivalSidebar {
    font-size: 3.7333333333vw;
  }
}

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

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

.kainGenteiArrivalSidebarKensuFx {
  width: 240px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarKensuFx {
    width: 81.35%;
  }
}

.secKainGenteiArrivalSidebarKensuFx {
  width: 100%;
  display: flex;
  align-items: center;
}

.secKainGenteiArrivalSidebarKensuFx02 {
  margin: 6% 0 0 0;
}

.h3KainGenteiArrivalSidebarKensuFx {
  font-size: 14px;
  letter-spacing: 0.05em;
  width: 40%;
}
@media screen and (max-width: 1279px) {
  .h3KainGenteiArrivalSidebarKensuFx {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h3KainGenteiArrivalSidebarKensuFx {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3KainGenteiArrivalSidebarKensuFx {
    font-size: 3.7333333333vw;
  }
}

.kainGenteiArrivalSidebarKensu .intKensuTopFx {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  width: 60%;
  justify-content: flex-end;
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarKensu .intKensuTopFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.kainGenteiArrivalSidebarKensu .intKensuTop {
  font-size: 36px;
  letter-spacing: 0em;
  transform: translate(0, 7%);
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarKensu .intKensuTop {
    font-size: 2.8146989836vw;
  }
}
@media screen and (max-width: 767px) {
  .kainGenteiArrivalSidebarKensu .intKensuTop {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .kainGenteiArrivalSidebarKensu .intKensuTop {
    font-size: 9.6vw;
  }
}
.kainGenteiArrivalSidebarKensu .taniKensuTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  font-size: 16px;
  letter-spacing: 0.05em;
  transform: translate(0, -25%);
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarKensu .taniKensuTop {
    margin: 0% 0% 0% 3.92%;
  }
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarKensu .taniKensuTop {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .kainGenteiArrivalSidebarKensu .taniKensuTop {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .kainGenteiArrivalSidebarKensu .taniKensuTop {
    font-size: 4.2666666667vw;
  }
}
.kainGenteiArrivalSidebarKensu .iconKensuTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 4px;
  width: 11.68%;
  transform: translate(0, -18%);
}
@media screen and (max-width: 1279px) {
  .kainGenteiArrivalSidebarKensu .iconKensuTop {
    margin: 0% 3.92% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .kainGenteiArrivalSidebarKensu .iconKensuTop {
    transform: translate(0, -28%);
  }
}
.kainGenteiArrivalSidebarKensu .iconKensuTop svg {
  width: 100%;
  height: auto;
}

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

.btnKainGenteiArrivalSidebarKensu {
  aspect-ratio: 295/58;
  font-size: 15px;
  letter-spacing: 0.05em;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  width: 100%;
  text-decoration: none;
  border: 1px solid #282828;
  color: #FFF;
  background: #282828;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnKainGenteiArrivalSidebarKensu {
    font-size: 1.1727912432vw;
  }
}
.btnKainGenteiArrivalSidebarKensu:hover {
  opacity: 1;
  color: #282828;
  border: 1px solid #282828;
  background: #FFF;
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnKainGenteiArrivalSidebarKensu {
    font-size: 4vw;
  }
}

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

.singleArrivalBox {
  padding-top: 44px;
  padding-bottom: 44px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .singleArrivalBox {
    padding: 5.3% 0% 5.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .singleArrivalBox {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    width: 335px;
    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: 1279px) {
  .singleArrivalBox {
    padding: 5.33% 0% 5.33% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .singleArrivalBox {
    width: 89.33%;
  }
}

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

.singleArrivalBoxLxn {
  width: 742px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .singleArrivalBoxLxn {
    width: 89.39%;
  }
}
@media screen and (max-width: 767px) {
  .singleArrivalBoxLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .singleArrivalBoxLxn {
    width: 88.05%;
  }
}

.capArrivalSingleAppival {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  width: 104px;
  aspect-ratio: 104/19;
}
@media screen and (max-width: 1279px) {
  .capArrivalSingleAppival {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 1279px) {
  .capArrivalSingleAppival {
    width: 14.01%;
  }
}
@media screen and (max-width: 767px) {
  .capArrivalSingleAppival {
    letter-spacing: 0em;
    width: 104px;
    aspect-ratio: 104/19;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .capArrivalSingleAppival {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .capArrivalSingleAppival {
    width: 35.25%;
  }
}

.nowRealCat {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
  padding: 0.273vw 0.625vw;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
  border: 1px solid #D7D7D7;
}
@media screen and (max-width: 1279px) {
  .nowRealCat {
    margin: 0% 0% 0% 1.07%;
  }
}
@media screen and (max-width: 1279px) {
  .nowRealCat {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .nowRealCat {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 0px;
    padding: 1.8vw 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .nowRealCat {
    margin: 0% 0% 0% 1.35%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowRealCat {
    font-size: 2.6666666667vw;
  }
}

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

.h2TitileMainSingleArrival {
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h2TitileMainSingleArrival {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitileMainSingleArrival {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitileMainSingleArrival {
    font-size: 4vw;
  }
}

.h3TitileMainSingleArrival {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.8181818182;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .h3TitileMainSingleArrival {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h3TitileMainSingleArrival {
    font-size: 1.5637216575vw;
  }
}
.h3TitileMainSingleArrival::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8181818182) * 0.5em);
  content: "";
}
.h3TitileMainSingleArrival::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8181818182) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3TitileMainSingleArrival {
    margin-top: 6.49%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.375;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitileMainSingleArrival {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitileMainSingleArrival::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.375) * 0.5em);
    content: "";
  }
  .h3TitileMainSingleArrival::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.375) * 0.5em);
    content: "";
  }
}

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

.liPointsArrivalSingle:nth-child(n+2) {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liPointsArrivalSingle:nth-child(n+2) {
    margin: 1.88% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPointsArrivalSingle:nth-child(n+2) {
    margin: 1.8% 0% 0% 0%;
  }
}

.iconPointsArrivalSingle {
  width: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
}
@media screen and (max-width: 1279px) {
  .iconPointsArrivalSingle {
    width: 3.23%;
  }
}
@media screen and (max-width: 1279px) {
  .iconPointsArrivalSingle {
    margin: 0% 2.02% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconPointsArrivalSingle {
    width: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconPointsArrivalSingle {
    width: 6.1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconPointsArrivalSingle {
    margin: 0% 2.71% 0% 0%;
  }
}
.iconPointsArrivalSingle svg {
  width: 100%;
  height: auto;
}

.txtPointsArrivalSingle {
  width: 703px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtPointsArrivalSingle {
    width: 94.74%;
  }
}
@media screen and (max-width: 1279px) {
  .txtPointsArrivalSingle {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPointsArrivalSingle {
    width: 90.83%;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPointsArrivalSingle {
    font-size: 2.9333333333vw;
  }
}

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

.nowArrivalSinglePriceBukenCnt {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .nowArrivalSinglePriceBukenCnt {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .nowArrivalSinglePriceBukenCnt {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nowArrivalSinglePriceBukenCnt {
    font-size: 3.7333333333vw;
  }
}

.intArrivalSinglePriceBukenCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 8px;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0em;
  transform: translate(0, -1%);
}
@media screen and (max-width: 1279px) {
  .intArrivalSinglePriceBukenCnt {
    margin: 0% 1.07% 0% 1.61%;
  }
}
@media screen and (max-width: 1279px) {
  .intArrivalSinglePriceBukenCnt {
    font-size: 2.5019546521vw;
  }
}
@media screen and (max-width: 767px) {
  .intArrivalSinglePriceBukenCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 4px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .intArrivalSinglePriceBukenCnt {
    margin: 0% 1.35% 0% 1.35%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intArrivalSinglePriceBukenCnt {
    font-size: 5.6vw;
  }
}

.taniArrivalSinglePriceBukenCnt {
  font-size: 16px;
  letter-spacing: 0em;
  transform: translate(0, -33%);
}
@media screen and (max-width: 1279px) {
  .taniArrivalSinglePriceBukenCnt {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .taniArrivalSinglePriceBukenCnt {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniArrivalSinglePriceBukenCnt {
    font-size: 3.2vw;
  }
}

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

.sliderArrivalSingleMain {
  overflow: hidden;
  position: relative;
}

.btnSwipperSingleArrivalMain {
  position: relative;
  text-decoration: none;
}

.mainSwipperSingleArrivalMainWap {
  position: relative;
}

.mainSwipperSingleArrivalMain {
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  background: #eee;
  border: 1px solid #d7d7d7;
  aspect-ratio: 740/556;
  width: 100%;
  position: relative;
}
.mainSwipperSingleArrivalMain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.icon {
  width: 24px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media screen and (max-width: 1279px) {
  .icon {
    width: 3.23%;
  }
}
@media screen and (max-width: 767px) {
  .icon {
    width: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .icon {
    width: 6.77%;
  }
}

.txtSwipperSingleArrivalMain {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1279px) {
  .txtSwipperSingleArrivalMain {
    margin: 1.34% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtSwipperSingleArrivalMain {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSwipperSingleArrivalMain {
    margin-top: 3.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSwipperSingleArrivalMain {
    font-size: 2.9333333333vw;
  }
}

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

.sliderArrivalSingleThumbs .swiper-wrapper {
  flex-flow: row wrap;
  display: flex;
}

.sliderArrivalSingleThumbs .swiper-slide {
  width: 142px;
  margin-top: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 8px;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  background: #d7d7d7;
  aspect-ratio: 142/95;
}
@media screen and (max-width: 1279px) {
  .sliderArrivalSingleThumbs .swiper-slide {
    width: 19.13%;
  }
}
@media screen and (max-width: 1279px) {
  .sliderArrivalSingleThumbs .swiper-slide {
    margin: 0% 1.07% 1.07% 0%;
  }
}
@media screen and (max-width: 767px) {
  .sliderArrivalSingleThumbs .swiper-slide {
    width: 55px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    aspect-ratio: 55/37;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .sliderArrivalSingleThumbs .swiper-slide {
    width: 18.64%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .sliderArrivalSingleThumbs .swiper-slide {
    margin: 0% 1.69% 1.69% 0%;
  }
}
.sliderArrivalSingleThumbs .swiper-slide:nth-child(5n) {
  margin-right: 0;
}

.sliderArrivalSingleThumbs .swiper-slide {
  position: relative;
  aspect-ratio: 142/95;
  overflow: hidden;
}
.sliderArrivalSingleThumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

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

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

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

.bxRoomInfoArrivalSingle {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  aspect-ratio: 742/417;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .bxRoomInfoArrivalSingle {
    margin-top: 2.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bxRoomInfoArrivalSingle {
    margin-top: 5.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 295/166;
  }
}
.bxRoomInfoArrivalSingle iframe {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.ctaArrivalSingle {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 34px;
  padding-bottom: 44px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .ctaArrivalSingle {
    margin-top: 4.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .ctaArrivalSingle {
    padding: 4.09% 0% 5.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ctaArrivalSingle {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 9.94% 0% 11.94% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ctaArrivalSingle {
    margin-top: 5.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ctaArrivalSingleLxn {
  width: 742px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ctaArrivalSingleLxn {
    width: 89.39%;
  }
}
@media screen and (max-width: 767px) {
  .ctaArrivalSingleLxn {
    width: 255px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ctaArrivalSingleLxn {
    width: 76.11%;
  }
}

.h2ArrivalSingleCta {
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  .h2ArrivalSingleCta {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ArrivalSingleCta {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ArrivalSingleCta {
    font-size: 5.3333333333vw;
  }
}

.txtArrivalSingleCta {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtArrivalSingleCta {
    margin-top: 1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtArrivalSingleCta {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtArrivalSingleCta {
    margin-top: 4.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtArrivalSingleCta {
    font-size: 3.4666666667vw;
  }
}

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

.liArrivalSingleCta {
  width: 234px;
}
@media screen and (max-width: 1279px) {
  .liArrivalSingleCta {
    width: 32.5%;
  }
}
@media screen and (max-width: 767px) {
  .liArrivalSingleCta {
    width: 100%;
  }
  .liArrivalSingleCta:nth-child(n+2) {
    margin-top: 6.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnArrivalSingleCta {
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 234/58;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #F97F10;
  box-shadow: 0px 5px 0px #CE680A;
  transition: 0.3s;
}
@media screen and (max-width: 1279px) {
  .btnArrivalSingleCta {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .btnArrivalSingleCta {
    aspect-ratio: 255/58;
  }
}
.btnArrivalSingleCta:hover {
  box-shadow: 0px 0px 0px #CE680A;
  transform: translateY(5px);
  opacity: 1;
}

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

.iconTelNumBtnArrivalSingleCta {
  width: 17px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 4px;
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnArrivalSingleCta {
    width: 7.26%;
  }
}
@media screen and (max-width: 1279px) {
  .iconTelNumBtnArrivalSingleCta {
    margin: 0% 1.7% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelNumBtnArrivalSingleCta {
    width: 9.66%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconTelNumBtnArrivalSingleCta {
    margin: 0% 1.56% 0% 0%;
  }
}

.telnumArrivalSingleCta {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .telnumArrivalSingleCta {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .telnumArrivalSingleCta {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telnumArrivalSingleCta {
    font-size: 6.4vw;
  }
}

.txtBtnBtmsArrivalSingleCta {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsArrivalSingleCta {
    margin-top: 4.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtBtnBtmsArrivalSingleCta {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnBtmsArrivalSingleCta {
    display: block;
    margin-top: 1.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnBtmsArrivalSingleCta {
    font-size: 2.6666666667vw;
  }
}

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

.ulTabctnArrivalSingle {
  width: 742px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .ulTabctnArrivalSingle {
    width: 89.39%;
  }
}
@media screen and (max-width: 767px) {
  .ulTabctnArrivalSingle {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .ulTabctnArrivalSingle {
    width: 88.05%;
  }
}

.liTabctnArrivalSingle {
  width: 368px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  border-radius: 4px 4px 0 0;
  background: #89898B;
  color: #FFF;
  aspect-ratio: 368/56;
  cursor: pointer;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1279px) {
  .liTabctnArrivalSingle {
    width: 49.59%;
  }
}
@media screen and (max-width: 1279px) {
  .liTabctnArrivalSingle {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .liTabctnArrivalSingle {
    width: 145px;
    line-height: 150%;
    letter-spacing: 0.1em;
    aspect-ratio: 145/40;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liTabctnArrivalSingle {
    width: 49.15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liTabctnArrivalSingle {
    font-size: 3.7333333333vw;
  }
}
.liTabctnArrivalSingle:hover {
  background: #282828;
}

.liTabctnArrivalSingle.on {
  background: #fff;
  color: #282828;
}

.tabMainsArrivalSingleBx {
  padding-top: 37px;
  padding-bottom: 44px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .tabMainsArrivalSingleBx {
    padding: 4.45% 0% 5.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tabMainsArrivalSingleBx {
    padding: 8.74% 0% 10.5% 0%;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}

.tabMainsArrivalBoxLxn {
  width: 742px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .tabMainsArrivalBoxLxn {
    width: 89.39%;
  }
}
@media screen and (max-width: 767px) {
  .tabMainsArrivalBoxLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tabMainsArrivalBoxLxn {
    width: 88.05%;
  }
}

.tabMainsArrivalBoxTabs.off {
  display: none;
}

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

.tableOutlineArrivalPoints {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .tableOutlineArrivalPoints {
    margin-top: 2.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableOutlineArrivalPoints {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
  }
  .tableOutlineArrivalPoints tbody,
  .tableOutlineArrivalPoints tr {
    width: 100%;
    display: block;
  }
}

.thOutlineArrivalPoints {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  width: 156px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  vertical-align: middle;
  border-top: 1px solid #d7d7d7;
  background: #f9f9f9;
  font-feature-settings: "palt";
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .thOutlineArrivalPoints {
    padding: 1.48% 2.69% 1.48% 2.69%;
  }
}
@media screen and (max-width: 1279px) {
  .thOutlineArrivalPoints {
    width: 21.02%;
  }
}
@media screen and (max-width: 1279px) {
  .thOutlineArrivalPoints {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .thOutlineArrivalPoints {
    padding: 3.42% 4.06%;
    width: 100%;
    display: block;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thOutlineArrivalPoints {
    font-size: 3.7333333333vw;
  }
}

.tableOutlineArrivalPoints tr:last-child .thOutlineArrivalPoints {
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (max-width: 767px) {
  .tableOutlineArrivalPoints tr:last-child .thOutlineArrivalPoints {
    border-bottom: unset;
    border-top: unset;
  }
}

.tdOutlineArrivalPoints {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  width: 586px;
  border-top: 1px solid #d7d7d7;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .tdOutlineArrivalPoints {
    padding: 1.48% 2.69% 1.48% 2.69%;
  }
}
@media screen and (max-width: 1279px) {
  .tdOutlineArrivalPoints {
    width: 78.97%;
  }
}
@media screen and (max-width: 1279px) {
  .tdOutlineArrivalPoints {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .tdOutlineArrivalPoints {
    padding: 3.8% 4.06%;
    width: 100%;
    display: block;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdOutlineArrivalPoints {
    font-size: 3.4666666667vw;
  }
}

.tdOutlineArrivalPoints p {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .tdOutlineArrivalPoints p {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .tdOutlineArrivalPoints p {
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdOutlineArrivalPoints p {
    font-size: 3.4666666667vw;
  }
}

.tableOutlineArrivalPoints tr:last-child .tdOutlineArrivalPoints {
  border-bottom: 1px solid #d7d7d7;
}

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

.tableColumnCnt4 {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .tableColumnCnt4 {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableColumnCnt4 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .tableColumnCnt4 {
    margin-top: 6.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.thColumnCnt4 {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 18px;
  padding-right: 18px;
  width: 156px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.04em;
  vertical-align: middle;
  text-align: left;
  border-top: 1px solid #d7d7d7;
  background: #f9f9f9;
}
@media screen and (max-width: 1279px) {
  .thColumnCnt4 {
    padding: 1.48% 2.42% 1.48% 2.42%;
  }
}
@media screen and (max-width: 1279px) {
  .thColumnCnt4 {
    width: 21.02%;
  }
}
@media screen and (max-width: 1279px) {
  .thColumnCnt4 {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .thColumnCnt4 {
    padding: 3.42% 4.06%;
    width: 100%;
    display: block;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thColumnCnt4 {
    font-size: 3.7333333333vw;
  }
}

.tableColumnCnt4 tr:last-child .thColumnCnt4 {
  border-bottom: 1px solid #d7d7d7;
}
@media screen and (max-width: 767px) {
  .tableColumnCnt4 tr:last-child .thColumnCnt4 {
    border-bottom: unset;
    border-top: unset;
  }
}

.tdColumnCnt4 {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  width: 215px;
  border-top: 1px solid #d7d7d7;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .tdColumnCnt4 {
    padding: 1.48% 2.69% 1.48% 2.69%;
  }
}
@media screen and (max-width: 1279px) {
  .tdColumnCnt4 {
    width: 28.97%;
  }
}
@media screen and (max-width: 1279px) {
  .tdColumnCnt4 {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .tdColumnCnt4 {
    padding: 3.8% 4.06%;
    width: 100%;
    display: block;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdColumnCnt4 {
    font-size: 3.4666666667vw;
  }
}

.tdColumnCnt4 p {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .tdColumnCnt4 p {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .tdColumnCnt4 p {
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdColumnCnt4 p {
    font-size: 3.4666666667vw;
  }
}

.tableColumnCnt4 tr:last-child .tdColumnCnt4 {
  border-bottom: 1px solid #d7d7d7;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.h3LocationArrivalSingle {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  .h3LocationArrivalSingle {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LocationArrivalSingle {
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LocationArrivalSingle {
    font-size: 4.2666666667vw;
  }
}

.ullocationArrivalSingle {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .ullocationArrivalSingle {
    margin-top: 2.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ullocationArrivalSingle {
    margin-top: 4.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
  }
}

.liLocationArrivalSingle {
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 20px;
  width: 234px;
}
@media screen and (max-width: 1279px) {
  .liLocationArrivalSingle {
    margin: 0% 8.54% 8.54% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liLocationArrivalSingle {
    width: 31.53%;
  }
}
@media screen and (max-width: 767px) {
  .liLocationArrivalSingle {
    margin: 0% 0% 5.77% 0%;
    width: 142px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liLocationArrivalSingle {
    width: 48.13%;
  }
}
.liLocationArrivalSingle:nth-child(3n) {
  margin-right: 0;
}

.photoLocationArrivalSingl {
  aspect-ratio: 234/176;
  position: relative;
}
.photoLocationArrivalSingl img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.h4LocationArrivalSingl {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .h4LocationArrivalSingl {
    margin-top: 7.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .h4LocationArrivalSingl {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .h4LocationArrivalSingl {
    margin-top: 7.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4LocationArrivalSingl {
    font-size: 3.2vw;
  }
}

.capsLocationArrivalSingl {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1279px) {
  .capsLocationArrivalSingl {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .capsLocationArrivalSingl {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .capsLocationArrivalSingl {
    margin-top: 2.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .capsLocationArrivalSingl {
    font-size: 2.9333333333vw;
  }
}

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

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

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

.btnSyuhenArrivalPagerSingle {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 27px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.05em;
  background: url(../img/btnSyuhenArrivalPagerSingle.svg) no-repeat left center;
  background-size: auto 100%;
  color: #282828;
}
@media screen and (max-width: 1279px) {
  .btnSyuhenArrivalPagerSingle {
    padding: 0% 0% 0% 3.25%;
  }
}
@media screen and (max-width: 1279px) {
  .btnSyuhenArrivalPagerSingle {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSyuhenArrivalPagerSingle {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 26px;
    padding-right: 0px;
    line-height: 150%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnSyuhenArrivalPagerSingle {
    padding: 0% 0% 0% 7.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSyuhenArrivalPagerSingle {
    font-size: 3.4666666667vw;
  }
}

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

.postNumFormCnt {
  width: 399px;
}
@media screen and (max-width: 1279px) {
  .postNumFormCnt {
    width: 51.15%;
  }
}
@media screen and (max-width: 767px) {
  .postNumFormCnt {
    width: 100%;
  }
}

.inputW100Post {
  width: 232px;
}
@media screen and (max-width: 1279px) {
  .inputW100Post {
    width: 59.48%;
  }
}
@media screen and (max-width: 767px) {
  .inputW100Post {
    width: 165px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .inputW100Post {
    width: 55.93%;
  }
}

.arratPostNumFormCnt {
  width: 138px;
  aspect-ratio: 138/60;
  font-size: 15px;
  border: 1px solid #F97F10;
  background: #FFF;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 1279px) {
  .arratPostNumFormCnt {
    width: 35.38%;
  }
}
@media screen and (max-width: 1279px) {
  .arratPostNumFormCnt {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .arratPostNumFormCnt {
    width: 39.67%;
    aspect-ratio: 120/50;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .arratPostNumFormCnt {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
//会員登録・ログイン
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.register_status {
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .register_status {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .register_status {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .register_status {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .register_status {
    font-size: 4.2666666667vw;
  }
}

.register_links {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 656px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1279px) {
  .register_links {
    margin-top: 6.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .register_links {
    width: 54.66%;
  }
}
@media screen and (max-width: 767px) {
  .register_links {
    margin-top: 17.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .register_links {
    width: 88.05%;
  }
}

.register_links li {
  width: 316px;
}
@media screen and (max-width: 1279px) {
  .register_links li {
    width: 48.17%;
  }
}
@media screen and (max-width: 767px) {
  .register_links li {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .register_links li {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.register_links li a {
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #FFF;
  cursor: pointer;
  color: #282828;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .register_links li a {
    font-size: 1.250977326vw;
  }
}
.register_links li a:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .register_links li a {
    aspect-ratio: 295/58;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .register_links li a {
    font-size: 4vw;
  }
}

#wpmem_reg {
  width: 600px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg {
    width: 355px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg {
    width: 100%;
  }
}
#wpmem_reg fieldset {
  margin: 0;
}
#wpmem_reg legend {
  margin-top: 0px;
  margin-bottom: 77px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg legend {
    margin-top: 0%;
    margin-bottom: 12.83%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg legend {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg legend {
    margin-bottom: 17.4%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg legend {
    font-size: 4.2666666667vw;
  }
}
#wpmem_reg label {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg label {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg label {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg label {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg label {
    margin-top: 5.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg label {
    font-size: 4.2666666667vw;
  }
}
#wpmem_reg .div_text {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .div_text {
    margin-top: 0.83%;
    margin-bottom: 1.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .div_text {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg .div_text {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg .div_text {
    margin-top: 2.81%;
    margin-bottom: 5.63%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg .div_text {
    font-size: 4.2666666667vw;
  }
}
#wpmem_reg .div_text input {
  color: #282828;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .div_text input {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg .div_text input {
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg .div_text input {
    font-size: 4.2666666667vw;
  }
}
#wpmem_reg p {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg p {
    margin-top: 0.83%;
    margin-bottom: 1.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg p {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg p {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg p {
    margin-top: 2.81%;
    margin-bottom: 2.81%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg p {
    font-size: 4.2666666667vw;
  }
}
#wpmem_reg .input {
  margin-top: 10px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #282828;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .input {
    margin-top: 0.83%;
    margin-bottom: 3.33%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .input {
    font-size: 1.250977326vw;
  }
}
#wpmem_reg .input::placeholder {
  color: #939395;
}
@media screen and (max-width: 767px) {
  #wpmem_reg .input {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg .input {
    margin-top: 2.81%;
    margin-bottom: 5.63%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg .input {
    font-size: 4.2666666667vw;
  }
}
#wpmem_reg .button_div {
  text-align: center;
}
#wpmem_reg .buttons {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 316px;
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #FFF;
  cursor: pointer;
  color: #282828;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .buttons {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .buttons {
    width: 26.33%;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .buttons {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .buttons {
    font-size: 1.250977326vw;
  }
}
#wpmem_reg .buttons:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  #wpmem_reg .buttons {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    aspect-ratio: 295/58;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg .buttons {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg .buttons {
    width: 83.09%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg .buttons {
    font-size: 4vw;
  }
}
#wpmem_reg .link-text {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  #wpmem_reg .link-text {
    margin-top: 0.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_reg .link-text {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_reg .link-text {
    margin-top: 2.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_reg .link-text {
    font-size: 4vw;
  }
}
#wpmem_reg img {
  width: max-content;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.login_status {
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .login_status {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  .login_status {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .login_status {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .login_status {
    font-size: 4.2666666667vw;
  }
}

.login_status a {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 316px;
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #FFF;
  cursor: pointer;
  color: #282828;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .login_status a {
    margin-top: 6.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .login_status a {
    width: 26.33%;
  }
}
@media screen and (max-width: 1279px) {
  .login_status a {
    font-size: 1.250977326vw;
  }
}
.login_status a:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  .login_status a {
    margin-top: 17.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    aspect-ratio: 295/58;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .login_status a {
    width: 88.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .login_status a {
    font-size: 4vw;
  }
}

#wpmem_login {
  width: 600px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  #wpmem_login {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login {
    width: 355px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login {
    width: 100%;
  }
}
#wpmem_login fieldset {
  margin-top: 82px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  #wpmem_login fieldset {
    margin-top: 13.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login fieldset {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
#wpmem_login legend {
  margin-top: 0px;
  margin-bottom: 77px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  #wpmem_login legend {
    margin-top: 0%;
    margin-bottom: 12.83%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login legend {
    font-size: 2.3455824863vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login legend {
    margin-bottom: 17.4%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login legend {
    font-size: 4.2666666667vw;
  }
}
#wpmem_login label {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  #wpmem_login label {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login label {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login label {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login label {
    margin-top: 5.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login label {
    font-size: 4.2666666667vw;
  }
}
#wpmem_login .div_text {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  #wpmem_login .div_text {
    margin-top: 0.83%;
    margin-bottom: 1.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login .div_text {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login .div_text {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login .div_text {
    margin-top: 2.81%;
    margin-bottom: 5.63%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login .div_text {
    font-size: 4.2666666667vw;
  }
}
#wpmem_login .div_text input {
  color: #282828;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  #wpmem_login .div_text input {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login .div_text input {
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login .div_text input {
    font-size: 4.2666666667vw;
  }
}
#wpmem_login p {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  #wpmem_login p {
    margin-top: 0.83%;
    margin-bottom: 1.66%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login p {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login p {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login p {
    margin-top: 2.81%;
    margin-bottom: 2.81%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login p {
    font-size: 4.2666666667vw;
  }
}
#wpmem_login .input {
  margin-top: 10px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #282828;
}
@media screen and (max-width: 1279px) {
  #wpmem_login .input {
    margin-top: 0.83%;
    margin-bottom: 3.33%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login .input {
    font-size: 1.250977326vw;
  }
}
#wpmem_login .input::placeholder {
  color: #939395;
}
@media screen and (max-width: 767px) {
  #wpmem_login .input {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login .input {
    margin-top: 2.81%;
    margin-bottom: 5.63%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login .input {
    font-size: 4.2666666667vw;
  }
}
#wpmem_login .button_div {
  text-align: center;
}
#wpmem_login .buttons {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 316px;
  border: 1px solid #89898B;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  aspect-ratio: 316/75;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #FFF;
  cursor: pointer;
  color: #282828;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1279px) {
  #wpmem_login .buttons {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login .buttons {
    width: 26.33%;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login .buttons {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  #wpmem_login .buttons {
    font-size: 1.250977326vw;
  }
}
#wpmem_login .buttons:hover {
  opacity: 1;
  color: #fff;
  border: 1px solid #282828;
  background: #282828;
}
@media screen and (max-width: 767px) {
  #wpmem_login .buttons {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
    aspect-ratio: 295/58;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login .buttons {
    margin-top: 5.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login .buttons {
    width: 83.09%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login .buttons {
    font-size: 4vw;
  }
}
#wpmem_login .link-text {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  #wpmem_login .link-text {
    margin-top: 0.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #wpmem_login .link-text {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  #wpmem_login .link-text {
    margin-top: 2.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #wpmem_login .link-text {
    font-size: 4vw;
  }
}
#wpmem_login img {
  width: max-content;
}

/* ==========================================================================
Component
========================================================================== */
.bg_EE780C {
  background: #EE780C;
}

.cl_D23737 {
  color: #D23737;
}

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

.cl_fff {
  color: #fff;
}

.cl_F97F10 {
  color: #F97F10;
}

.cl_89898B {
  color: #89898B;
}

.cl_EE780C {
  color: #EE780C;
}

.cl_A2A2A2 {
  color: #A2A2A2;
}

.cl_555352 {
  color: #555352;
}

.bg_FBFBFB {
  background-color: #FBFBFB;
}

.bg_D23737 {
  background: #D23737;
}

.bg_D7D7D7 {
  background: #D7D7D7;
}

.bg_E5E5E5 {
  background: #E5E5E5;
}

.bg_696969 {
  background: #696969;
}

.bg_F5F5F5 {
  background: #F5F5F5;
}

.bg_F97F10 {
  background: #F97F10;
}

.bg_fff {
  background: #fff;
}

.v_middle {
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.listcntmainasu .moveList1 {
  opacity: 0;
}

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

.listcntmainasu .moveList2 {
  opacity: 0;
}

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

.listcntmainasu .moveList3 {
  opacity: 0;
}

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

.listcntmainasu .moveList4 {
  opacity: 0;
}

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

.listcntmainasu .moveList5 {
  opacity: 0;
}

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

.listcntmainasu .moveList6 {
  opacity: 0;
}

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

.listcntmainasu .moveList7 {
  opacity: 0;
}

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

.listcntmainasu .moveList8 {
  opacity: 0;
}

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

.listcntmainasu .moveList9 {
  opacity: 0;
}

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

.listcntmainasu .moveList10 {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

ul.bxslider {
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lightbox a img {
  border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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