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

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

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

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
body img {
  display: block;
  max-width: 100%;
  height: auto;
}

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

svg {
  display: block;
}

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

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

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

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

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

.fw_0 {
  font-wieght: 0;
}

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

.fw_100 {
  font-wieght: 100;
}

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

.fw_200 {
  font-wieght: 200;
}

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

.fw_300 {
  font-wieght: 300;
}

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

.fw_400 {
  font-wieght: 400;
}

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

.fw_500 {
  font-wieght: 500;
}

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

.fw_600 {
  font-wieght: 600;
}

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

.fw_700 {
  font-wieght: 700;
}

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

.fw_800 {
  font-wieght: 800;
}

.ovhidden {
  overflow: hidden;
}

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

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

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

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

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

.j_center {
  justify-content: center;
}

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

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

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

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

.ali_center {
  align-items: center;
}

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

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

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

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

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

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

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

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: "Shippori Mincho", serif;
  color: #323232;
  font-weight: 400;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 500;
}

.t_center {
  text-align: center;
}

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

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

.num {
  font-family: "Alex Brush", cursive;
}

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.baseheader {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 99;
}

.headerPc {
  background: #FFF;
}

.logoHeaderPc {
  width: 359px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: auto;
}
@media screen and (max-width: 1340px) and (max-width: 1340px) {
  .logoHeaderPc {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0.62%;
    margin-right: auto;
  }
}

.navHeaderPcWap {
  width: 557px;
  display: flex;
  justify-content: space-between;
}

.headerNavPc {
  width: 492px;
}
@media screen and (max-width: 1340px) {
  .headerNavPc {
    width: 88.33%;
  }
}

.liHeaderNavPc {
  width: 174px;
  border-radius: 60px;
  /* CSS3草案 */
  -webkit-border-radius: 60px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 60px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1340px) {
  .liHeaderNavPc {
    width: 35.36%;
  }
}
.liHeaderNavPc:nth-child(n+2) {
  width: 146px;
}
@media screen and (max-width: 1340px) {
  .liHeaderNavPc:nth-child(n+2) {
    width: 29.67%;
  }
}

.btnHeaderNavPcOpen {
  aspect-ratio: 174/40;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .btnHeaderNavPcOpen {
    font-size: 1.1206896552vw;
  }
}
.btnHeaderNavPcOpen::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnHeaderNavPcOpen::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.iconHeaderNavPcOpen {
  padding: 1% 0 0 10.5%;
  width: fit-content;
  background: url(../img/iconHeaderNavPcOpen.svg) no-repeat center left;
  background-size: auto 100%;
}

.btnHeaderNavPcRec {
  aspect-ratio: 146/40;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .btnHeaderNavPcRec {
    font-size: 1.1206896552vw;
  }
}
.btnHeaderNavPcRec::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnHeaderNavPcRec::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.iconHeaderNavPcReq {
  padding: 1% 0 1% 10%;
  width: fit-content;
  background: url(../img/iconHeaderNavPcReq.svg) no-repeat center left;
  background-size: auto 100%;
}

.btnHeaderNavPcContact {
  aspect-ratio: 146/40;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .btnHeaderNavPcContact {
    font-size: 1.1206896552vw;
  }
}
.btnHeaderNavPcContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnHeaderNavPcContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.iconHeaderNavPcContact {
  padding: 1% 0 1% 16%;
  width: fit-content;
  background: url(../img/iconHeaderNavPcContact.svg) no-repeat center left;
  background-size: auto 100%;
}

.menuBtnHeaderNavPc {
  width: 60px;
  z-index: 99;
  cursor: pointer;
}
@media screen and (max-width: 1340px) {
  .menuBtnHeaderNavPc {
    width: 10.77%;
  }
}

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

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSp {
  background: #FFF;
}

.logoHeaderSp {
  width: 171px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .logoHeaderSp {
    width: 45.6%;
  }
}
@media screen and (max-width: 1340px) and (max-width: 1340px) {
  .logoHeaderSp {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 2.13%;
    margin-right: auto;
  }
}

.navHeaderSpWap {
  width: 160px;
  display: flex;
}
@media screen and (max-width: 1340px) {
  .navHeaderSpWap {
    width: 42.66%;
  }
}

.headerNavSp {
  width: 116px;
}
@media screen and (max-width: 1340px) {
  .headerNavSp {
    width: 72.5%;
  }
}

.liHeaderNavSp {
  border-radius: 60px;
  /* CSS3草案 */
  -webkit-border-radius: 60px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 60px;
  /* Firefox用 */
  overflow: hidden;
  width: 100%;
}

.btnHeaderNavSpOpen {
  aspect-ratio: 116/30;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .btnHeaderNavSpOpen {
    font-size: 2.6666666667vw;
  }
}
.btnHeaderNavSpOpen::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnHeaderNavSpOpen::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}

.iconHeaderNavSpOpen {
  width: fit-content;
  display: block;
  margin: auto;
  background: url(../img/iconHeaderNavSpOpen.svg) no-repeat center left;
  background-size: auto 100%;
  padding: 1% 0 1% 13%;
}

#alttext-container {
  display: none !important;
}

.menuBtnHeaderNavSp {
  width: 40px;
  z-index: 99;
  cursor: pointer;
}
@media screen and (max-width: 1340px) {
  .menuBtnHeaderNavSp {
    width: 25%;
  }
}

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

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

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

.headerGnav {
  padding-top: 81px;
  padding-bottom: 92px;
  padding-left: 0px;
  padding-right: 0px;
  width: 323px;
  right: -100%;
  top: 0;
  height: 100vh;
  position: fixed;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 0;
}
@media screen and (max-width: 1340px) {
  .headerGnav {
    padding: 4.21% 0% 4.79% 0%;
  }
}
.headerGnav::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .headerGnav {
    padding-top: 60px;
    padding-bottom: 72px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .headerGnav {
    padding: 16% 0% 19.2% 0%;
  }
}

.headerGnavLxn {
  width: 235px;
  margin: auto;
  padding: 0 0 10% 0;
}
@media screen and (max-width: 1340px) {
  .headerGnavLxn {
    width: 72.75%;
  }
}
@media screen and (max-width: 767px) {
  .headerGnavLxn {
    width: 56%;
  }
}

.liPageNavHeaderGnav:nth-child(n+2) {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .liPageNavHeaderGnav:nth-child(n+2) {
    margin: 17.44% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPageNavHeaderGnav:nth-child(n+2) {
    margin: 15.2% 0% 0% 0%;
  }
}

.btnPageNavHeaderGna {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .btnPageNavHeaderGna {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .btnPageNavHeaderGna {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnPageNavHeaderGna {
    font-size: 4.2666666667vw;
  }
}

.svNavHeaderGnav {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 210px;
}
@media screen and (max-width: 1340px) {
  .svNavHeaderGnav {
    margin-top: 31.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .svNavHeaderGnav {
    width: 89.36%;
  }
}
@media screen and (max-width: 767px) {
  .svNavHeaderGnav {
    width: 100%;
    margin-top: 19.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liNavHeaderGnav {
  border-radius: 40px;
  /* CSS3草案 */
  -webkit-border-radius: 40px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 40px;
  /* Firefox用 */
  overflow: hidden;
}
.liNavHeaderGnav:nth-child(n+2) {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .liNavHeaderGnav:nth-child(n+2) {
    margin-top: 6.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.btnNavHeaderGnavOpen {
  aspect-ratio: 210/45;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .btnNavHeaderGnavOpen {
    font-size: 1.1206896552vw;
  }
}
.btnNavHeaderGnavOpen::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnNavHeaderGnavOpen::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnNavHeaderGnavOpen {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavHeaderGnavOpen {
    font-size: 3.4666666667vw;
  }
}

.iconNavHeaderGnavOpen {
  padding: 1% 0 1% 10.5%;
  width: fit-content;
  background: url(../img/iconNavHeaderGnavOpen.svg) no-repeat center left;
  background-size: auto 100%;
}

.btnNavHeaderGnavRec {
  aspect-ratio: 210/45;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
  width: 100%;
}
@media screen and (max-width: 1340px) {
  .btnNavHeaderGnavRec {
    font-size: 1.1206896552vw;
  }
}
.btnNavHeaderGnavRec::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnNavHeaderGnavRec::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnNavHeaderGnavRec {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavHeaderGnavRec {
    font-size: 3.4666666667vw;
  }
}

.iconNavHeaderGnavReq {
  padding: 1% 0 1% 15.5%;
  width: fit-content;
  background: url(../img/iconHeaderNavPcReq.svg) no-repeat center left;
  background-size: auto 100%;
}

.btnNavHeaderGnavContact {
  aspect-ratio: 210/45;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .btnNavHeaderGnavContact {
    font-size: 1.1206896552vw;
  }
}
.btnNavHeaderGnavContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnNavHeaderGnavContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnNavHeaderGnavContact {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavHeaderGnavContact {
    font-size: 3.4666666667vw;
  }
}

.iconNavHeaderGnavContact {
  padding: 1% 0 1% 11.5%;
  width: fit-content;
  background: url(../img/iconNavHeaderGnavContact.svg) no-repeat center left;
  background-size: auto 74%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

.cathch {
  margin-top: 92px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .cathch {
    margin-top: 4.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cathch {
    margin-top: 27px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .cathch {
    margin-top: 7.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secCatchTop {
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .secCatchTop {
    width: 350px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secCatchTop {
    width: 93.33%;
  }
}

.h2CatchTop {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .h2CatchTop {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h2CatchTop {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2CatchTop {
    font-size: 4.8vw;
  }
}

.txtCatchTop {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtCatchTop {
    margin-top: 3.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtCatchTop {
    font-size: 1.5517241379vw;
  }
}
.txtCatchTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtCatchTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtCatchTop {
    width: 90%;
    margin-top: 9.28%;
    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) {
  .txtCatchTop {
    font-size: 3.7333333333vw;
  }
}

.sliderCntCatch {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 774px;
}
@media screen and (max-width: 1340px) {
  .sliderCntCatch {
    margin-top: 5.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .sliderCntCatch {
    width: 57.76%;
  }
}
@media screen and (max-width: 1340px) {
  .sliderCntCatch {
    width: 774px;
  }
}
@media screen and (max-width: 1340px) and (max-width: 1340px) {
  .sliderCntCatch {
    width: 77.4%;
  }
}
@media screen and (max-width: 767px) {
  .sliderCntCatch {
    margin-top: 39px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderCntCatch {
    margin-top: 11.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderCntCatch {
    width: 100%;
  }
}

.h2SliderCntCatch {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h2SliderCntCatch {
    font-size: 1.5517241379vw;
  }
}
@media screen and (max-width: 767px) {
  .h2SliderCntCatch {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2SliderCntCatch {
    font-size: 3.2vw;
  }
}

.sliderCatchMainCnt {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .sliderCatchMainCnt {
    margin-top: 3.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .sliderCatchMainCnt {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderCatchMainCnt {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.videoSliderWap {
  width: 707px;
  margin: auto;
  position: relative;
  overflow: hidden;
  aspect-ratio: 707/398;
  border-radius: 12px;
  /* CSS3草案 */
  -webkit-border-radius: 12px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px;
  /* Firefox用 */
}
@media screen and (max-width: 1340px) {
  .videoSliderWap {
    width: 52.76%;
  }
}
@media screen and (max-width: 1340px) {
  .videoSliderWap {
    width: 82.76%;
  }
}
@media screen and (max-width: 767px) {
  .videoSliderWap {
    width: 330px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .videoSliderWap {
    width: 88%;
  }
}

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

.txtSliderWap {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtSliderWap {
    margin-top: 1.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtSliderWap {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSliderWap {
    margin-top: 0.42%;
    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) {
  .txtSliderWap {
    font-size: 2.6666666667vw;
  }
}

.sliderCatchMainCntThumbsContainer {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1340px) {
  .sliderCatchMainCntThumbsContainer {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .sliderCatchMainCntThumbsContainer {
    margin-top: 1.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderCatchMainCntThumbsContainer {
    width: 93.33%;
  }
}

.sliderCatchMainCntThumbs {
  width: 684px;
  overflow: hidden;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .sliderCatchMainCntThumbs {
    width: 88.37%;
  }
}
@media screen and (max-width: 767px) {
  .sliderCatchMainCntThumbs {
    width: 282px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderCatchMainCntThumbs {
    width: 80.57%;
  }
}

.thumbsCatchMainCnt {
  overflow: hidden;
}
.thumbsCatchMainCnt img {
  width: 100%;
}

.txtCatchMainCntThumbs {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtCatchMainCntThumbs {
    margin-top: 4.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtCatchMainCntThumbs {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCatchMainCntThumbs {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtCatchMainCntThumbs {
    margin-top: 1.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCatchMainCntThumbs {
    font-size: 2.6666666667vw;
  }
}

.thumbsCatchMainCntPrev::after,
.thumbsCatchMainCntNext::after {
  display: none;
}

.sliderCatchMainCntThumbsContainer .thumbsCatchMainCntPrev,
.sliderCatchMainCntThumbsContainer .thumbsCatchMainCntNext {
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  aspect-ratio: 18/94;
  width: 18px;
}
@media screen and (max-width: 1340px) {
  .sliderCatchMainCntThumbsContainer .thumbsCatchMainCntPrev,
  .sliderCatchMainCntThumbsContainer .thumbsCatchMainCntNext {
    width: 2.54%;
  }
}
@media screen and (max-width: 767px) {
  .sliderCatchMainCntThumbsContainer .thumbsCatchMainCntPrev,
  .sliderCatchMainCntThumbsContainer .thumbsCatchMainCntNext {
    width: 18px;
    aspect-ratio: 18/53;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderCatchMainCntThumbsContainer .thumbsCatchMainCntPrev,
  .sliderCatchMainCntThumbsContainer .thumbsCatchMainCntNext {
    width: 5.14%;
  }
}

/* 前への矢印カスタマイズ */
.thumbsCatchMainCntPrev {
  left: 0;
  background: url(../img/swiper-button-prev.svg) no-repeat center center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .thumbsCatchMainCntPrev {
    background: url(../img/swiper-button-prevSp.svg) no-repeat center center;
    background-size: 100% auto;
  }
}

/* 次への矢印カスタマイズ */
.thumbsCatchMainCntNext {
  right: 0;
  background: url(../img/swiper-button-next.svg) no-repeat center center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .thumbsCatchMainCntNext {
    background: url(../img/swiper-button-nextSp.svg) no-repeat center center;
    background-size: 100% auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.pointNav {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .pointNav {
    margin-top: 2.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pointNav {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .pointNav {
    width: 93.33%;
  }
}

@media screen and (max-width: 767px) {
  .ulPointNav {
    justify-content: space-between;
  }
}

.liPointNav {
  width: 324px;
  margin-top: 0px;
  margin-bottom: 16px;
  margin-left: 0px;
  margin-right: 15px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1340px) {
  .liPointNav {
    width: 24.17%;
  }
}
@media screen and (max-width: 1340px) {
  .liPointNav {
    margin: 0% 1.11% 1.19% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .liPointNav {
    width: 23.57%;
  }
}
@media screen and (max-width: 767px) {
  .liPointNav {
    width: 171px;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liPointNav {
    width: 48.85%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liPointNav {
    margin: 0% 0% 2.28% 0%;
  }
}
.liPointNav:nth-child(4n) {
  margin-right: 0;
}

.btnliPointNav {
  aspect-ratio: 324/65;
}
@media screen and (max-width: 767px) {
  .btnliPointNav {
    aspect-ratio: 171/40;
  }
}

.btnliPointNavFx {
  width: 281px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 20px;
}
@media screen and (max-width: 1340px) {
  .btnliPointNavFx {
    width: 86.72%;
  }
}
@media screen and (max-width: 1340px) {
  .btnliPointNavFx {
    margin: 0% 6.17% 0% 1.54%;
  }
}
@media screen and (max-width: 767px) {
  .btnliPointNavFx {
    width: 157px;
    margin: 0% 3.09% 0% 5.26%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .btnliPointNavFx {
    width: 91.81%;
  }
}

.intLiPointNav {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.1em;
  transform: translate(-1%, 10%);
}
@media screen and (max-width: 1340px) {
  .intLiPointNav {
    font-size: 2.7586206897vw;
  }
}
@media screen and (max-width: 767px) {
  .intLiPointNav {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intLiPointNav {
    font-size: 3.2vw;
  }
}

.txtLiPointNav {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtLiPointNav {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiPointNav {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiPointNav {
    font-size: 2.6666666667vw;
  }
}

.iconLiPointNav {
  width: 7px;
  display: block;
}
@media screen and (max-width: 1340px) {
  .iconLiPointNav {
    width: 2.49%;
  }
}
@media screen and (max-width: 767px) {
  .iconLiPointNav {
    width: 2.64%;
  }
}
.iconLiPointNav svg {
  width: 100%;
  height: auto;
}

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

@media screen and (max-width: 767px) {
  .titleReason {
    width: 350px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .titleReason {
    width: 93.33%;
  }
}

.h2TitleReason {
  font-size: 42px;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .h2TitleReason {
    font-size: 3.6206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleReason {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleReason {
    font-size: 8vw;
  }
}

.h3TitleReason {
  margin: -0.2% auto 0 auto;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1340px) {
  .h3TitleReason {
    font-size: 2.5862068966vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleReason {
    margin: -1% auto 0 auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleReason {
    font-size: 4.8vw;
  }
}

.h4TitleReason {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4TitleReason {
    margin-top: 0.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TitleReason {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleReason {
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4TitleReason {
    margin-top: 1.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleReason {
    font-size: 3.2vw;
  }
}

.bgbrdReson {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1340/2;
}
@media screen and (max-width: 1340px) {
  .bgbrdReson {
    margin-top: 1.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgbrdReson {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 350/2;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bgbrdReson {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTitleReason {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  width: 800px;
}
@media screen and (max-width: 1340px) {
  .txtTitleReason {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitleReason {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitleReason {
    width: 59.7%;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleReason {
    margin-top: 5.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8333333333;
    letter-spacing: 0em;
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleReason {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleReason::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8333333333) * 0.5em);
    content: "";
  }
  .txtTitleReason::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8333333333) * 0.5em);
    content: "";
  }
}

.resonPointFx {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .resonPointFx {
    margin-top: 4.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .resonPointFx {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .resonPointFx {
    width: 93.33%;
  }
}

.liResonPoint {
  padding-top: 32px;
  padding-bottom: 31px;
  padding-left: 0px;
  padding-right: 0px;
  width: 416px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
}
@media screen and (max-width: 1340px) {
  .liResonPoint {
    padding: 2.38% 0% 2.31% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .liResonPoint {
    width: 31.04%;
  }
}
@media screen and (max-width: 767px) {
  .liResonPoint {
    padding: 7% 0% 6.85% 0%;
    width: 100%;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
  }
  .liResonPoint:nth-child(n+2) {
    margin-top: 4.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liResonPointRe {
  position: relative;
}

.h2LiResonPoint {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .h2LiResonPoint {
    font-size: 1.724137931vw;
  }
}
.h2LiResonPoint::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
.h2LiResonPoint::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2LiResonPoint {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LiResonPoint {
    font-size: 4.2666666667vw;
  }
}

.txtLiResonPoint {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtLiResonPoint {
    margin-top: 2.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtLiResonPoint {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiResonPoint {
    margin-top: 3%;
    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) {
  .txtLiResonPoint {
    font-size: 3.2vw;
  }
}

.tnumbsLiResonPoint {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 310px;
}
@media screen and (max-width: 1340px) {
  .tnumbsLiResonPoint {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .tnumbsLiResonPoint {
    width: 74.51%;
  }
}
@media screen and (max-width: 767px) {
  .tnumbsLiResonPoint {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 74.57%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tnumbsLiResonPoint {
    margin-top: 5.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtLiResonPointBtm {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtLiResonPointBtm {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtLiResonPointBtm {
    font-size: 0.8620689655vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiResonPointBtm {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtLiResonPointBtm {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtLiResonPointBtm {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiResonPointBtm {
    font-size: 2.6666666667vw;
  }
}

.txtLiResonPointBtmLink {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0em;
  text-align: center;
  color: #008AC8;
  display: block;
  width: fit-content;
}
@media screen and (max-width: 1340px) {
  .txtLiResonPointBtmLink {
    margin-top: 0.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtLiResonPointBtmLink {
    font-size: 0.8620689655vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiResonPointBtmLink {
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtLiResonPointBtmLink {
    margin-top: 1.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtLiResonPointBtmLink {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiResonPointBtmLink {
    font-size: 2.6666666667vw;
  }
}

.secResonEducation {
  margin-top: 76px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .secResonEducation {
    margin-top: 5.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secResonEducation {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 93.66%;
  }
}

.h2ResonEducation {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h2ResonEducation {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ResonEducation {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ResonEducation {
    font-size: 4.8vw;
  }
}

.h3ResonEducation {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  margin: 0.2% auto 0 auto;
}
@media screen and (max-width: 1340px) {
  .h3ResonEducation {
    font-size: 1.5517241379vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ResonEducation {
    margin-top: 0.5%;
    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) {
  .h3ResonEducation {
    font-size: 3.7333333333vw;
  }
}

.brdResonEducation {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1340/1;
  width: 100%;
}
@media screen and (max-width: 1340px) {
  .brdResonEducation {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdResonEducation {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 350/1;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdResonEducation {
    margin-top: 3.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulResonEducation {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .ulResonEducation {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulResonEducation {
    margin-top: 8.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liResonEducation {
  width: 406px;
}
@media screen and (max-width: 1340px) {
  .liResonEducation {
    width: 30.29%;
  }
}
@media screen and (max-width: 767px) {
  .liResonEducation {
    width: 100%;
  }
  .liResonEducation:nth-child(n+2) {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtPTitleLiResonEducation {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .txtPTitleLiResonEducation {
    font-size: 1.1206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPTitleLiResonEducation {
    line-height: normal;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPTitleLiResonEducation {
    font-size: 3.2vw;
  }
}

.txtBTitleLiResonEducation {
  margin: 0 0 0 0.8%;
  font-size: 23px;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtBTitleLiResonEducation {
    font-size: 1.9827586207vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBTitleLiResonEducation {
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBTitleLiResonEducation {
    font-size: 5.3333333333vw;
  }
}

.h3TitleLiResonEducation {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
  margin: 1.2% 0 0 0;
}
@media screen and (max-width: 1340px) {
  .h3TitleLiResonEducation {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 1340px) {
  .h3TitleLiResonEducation {
    height: 4.4029850746vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleLiResonEducation {
    height: auto;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TitleLiResonEducation {
    margin-top: 1.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleLiResonEducation {
    font-size: 4.2666666667vw;
  }
}

.h4TitleLiResonEducation {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  height: 40px;
}
@media screen and (max-width: 1340px) {
  .h4TitleLiResonEducation {
    margin-top: 1.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TitleLiResonEducation {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleLiResonEducation {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    letter-spacing: 0em;
    height: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleLiResonEducation {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleLiResonEducation::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  .h4TitleLiResonEducation::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}

.photoLiResonEducation {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1340px) {
  .photoLiResonEducation {
    margin-top: 8.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoLiResonEducation {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtLiResonEducation {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtLiResonEducation {
    margin-top: 0.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtLiResonEducation {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiResonEducation {
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtLiResonEducation {
    margin-top: 1.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiResonEducation {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.merit {
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .merit {
    margin-top: 3.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .merit {
    margin-top: 21.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTitleMerit {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .txtTitleMerit {
    text-align: left;
  }
}

.h3ListMerit {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3ListMerit {
    margin-top: 3.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3ListMerit {
    padding: 0.97% 0% 1.19% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .h3ListMerit {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ListMerit {
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 3% 0% 3% 0%;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3ListMerit {
    margin-top: 4.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ListMerit {
    font-size: 4.2666666667vw;
  }
}

.listMerit {
  margin-top: 51px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .listMerit {
    margin-top: 3.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .listMerit {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .listMerit {
    margin-top: 12.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .listMerit {
    width: 93.33%;
  }
}

.liListMerit:nth-child(n+2) {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .liListMerit:nth-child(n+2) {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liListMerit:nth-child(n+2) {
    margin-top: 14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picListMerit {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picListMerit {
    margin-top: 3.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picListMerit {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picListMerit {
    margin-top: 7.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cntListMeritoType {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .cntListMeritoType {
    margin-top: 3.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntListMeritoType {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .cntListMeritoType {
    margin-top: 7.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secCntListMeritoType {
  width: 530px;
}
@media screen and (max-width: 1340px) {
  .secCntListMeritoType {
    width: 49.07%;
  }
}
@media screen and (max-width: 767px) {
  .secCntListMeritoType {
    width: 100%;
  }
}

.h4CntListMeritoType {
  aspect-ratio: 530/34;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4CntListMeritoType {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CntListMeritoType {
    aspect-ratio: 350/34;
    line-height: normal;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4CntListMeritoType {
    font-size: 3.7333333333vw;
  }
}

.mainCntListMeritoType {
  padding-top: 21px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1340px) {
  .mainCntListMeritoType {
    padding: 3.96% 0% 4.15% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntListMeritoType {
    padding: 5.2% 0% 5.8% 0%;
  }
}

.txtMainCntListMeritoType {
  width: 464px;
  margin: auto;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtMainCntListMeritoType {
    width: 87.54%;
  }
}
@media screen and (max-width: 1340px) {
  .txtMainCntListMeritoType {
    font-size: 1.2068965517vw;
  }
}
.txtMainCntListMeritoType::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtMainCntListMeritoType::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainCntListMeritoType {
    width: 326px;
    line-height: 1.8461538462;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtMainCntListMeritoType {
    width: 93.14%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainCntListMeritoType {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainCntListMeritoType::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8461538462) * 0.5em);
    content: "";
  }
  .txtMainCntListMeritoType::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8461538462) * 0.5em);
    content: "";
  }
}

.secCntListMeritoType02 {
  width: 530px;
}
@media screen and (max-width: 1340px) {
  .secCntListMeritoType02 {
    width: 49.07%;
  }
}
@media screen and (max-width: 767px) {
  .secCntListMeritoType02 {
    margin: 4% 0 0 0;
    width: 100%;
  }
}

.h4CntListMeritoType02 {
  aspect-ratio: 530/34;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4CntListMeritoType02 {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CntListMeritoType02 {
    aspect-ratio: 350/34;
    line-height: normal;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4CntListMeritoType02 {
    font-size: 3.7333333333vw;
  }
}

.mainCntListMeritoType02 {
  padding-top: 21px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1340px) {
  .mainCntListMeritoType02 {
    padding: 3.96% 0% 3.01% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntListMeritoType02 {
    padding: 5.42% 0% 5.5% 0%;
  }
}

.txtMainCntListMeritoType02 {
  width: 464px;
  margin: auto;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtMainCntListMeritoType02 {
    width: 87.54%;
  }
}
@media screen and (max-width: 1340px) {
  .txtMainCntListMeritoType02 {
    font-size: 1.2068965517vw;
  }
}
.txtMainCntListMeritoType02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtMainCntListMeritoType02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainCntListMeritoType02 {
    width: 326px;
    line-height: 1.8461538462;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtMainCntListMeritoType02 {
    width: 93.14%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainCntListMeritoType02 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainCntListMeritoType02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8461538462) * 0.5em);
    content: "";
  }
  .txtMainCntListMeritoType02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8461538462) * 0.5em);
    content: "";
  }
}

.txtListMeritLastBx {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtListMeritLastBx {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtListMeritLastBx {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtListMeritLastBx {
    margin-top: 6%;
    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) {
  .txtListMeritLastBx {
    font-size: 3.4666666667vw;
  }
}

.picListMeritLxt {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picListMeritLxt {
    margin-top: 1.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picListMeritLxt {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.picSupport {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 905px;
}
@media screen and (max-width: 1340px) {
  .picSupport {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .picSupport {
    width: 67.53%;
  }
}
@media screen and (max-width: 767px) {
  .picSupport {
    margin-top: 5.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 303px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picSupport {
    width: 80.8%;
  }
}

.brdSupportJisseki {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 17px;
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  border: 1px solid #C2BBBB;
}
@media screen and (max-width: 1340px) {
  .brdSupportJisseki {
    margin-top: 2.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .brdSupportJisseki {
    padding: 1.26% 0% 1.64% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdSupportJisseki {
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 3.73% 0% 6% 0%;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdSupportJisseki {
    margin-top: 3.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdSupportJisseki {
    width: 93.33%;
  }
}

.h3BrdSupportJisseki {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3BrdSupportJisseki {
    font-size: 1.5517241379vw;
  }
}
@media screen and (max-width: 767px) {
  .h3BrdSupportJisseki {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3BrdSupportJisseki {
    font-size: 4vw;
  }
}

.navBrdSupportJisseki {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 996px;
}
@media screen and (max-width: 1340px) {
  .navBrdSupportJisseki {
    margin-top: 1.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .navBrdSupportJisseki {
    width: 74.32%;
  }
}
@media screen and (max-width: 1340px) {
  .navBrdSupportJisseki {
    width: 82.32%;
  }
}
@media screen and (max-width: 767px) {
  .navBrdSupportJisseki {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 294px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .navBrdSupportJisseki {
    width: 84%;
  }
}

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

@media screen and (max-width: 767px) {
  .ulBrdSupportJisseki02,
  .ulBrdSupportJisseki03 {
    margin: 4% 0 0 0;
  }
}

.liBrdSupportJisseki:nth-child(n+2) {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .liBrdSupportJisseki:nth-child(n+2) {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liBrdSupportJisseki:nth-child(n+2) {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liBrdSupportJisseki:nth-child(n+2) {
    margin-top: 3.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleBrdSupportJisseki {
  width: 50px;
  aspect-ratio: 50/16;
}
@media screen and (max-width: 1340px) {
  .titleBrdSupportJisseki {
    width: 15.06%;
  }
}
@media screen and (max-width: 767px) {
  .titleBrdSupportJisseki {
    width: 50px;
    aspect-ratio: 50/19;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .titleBrdSupportJisseki {
    width: 17%;
  }
}

.intBrdSupportJisseki {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .intBrdSupportJisseki {
    font-size: 1.1206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .intBrdSupportJisseki {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intBrdSupportJisseki {
    font-size: 3.4666666667vw;
  }
}

.taniBrdSupportJisseki {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .taniBrdSupportJisseki {
    font-size: 0.8620689655vw;
  }
}
@media screen and (max-width: 767px) {
  .taniBrdSupportJisseki {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniBrdSupportJisseki {
    font-size: 2.6666666667vw;
  }
}

.txtBrdSupportJisseki {
  width: 269px;
  font-size: 15px;
  line-height: 166.667%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtBrdSupportJisseki {
    width: 81.02%;
  }
}
@media screen and (max-width: 1340px) {
  .txtBrdSupportJisseki {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBrdSupportJisseki {
    width: 229px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtBrdSupportJisseki {
    width: 77.89%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBrdSupportJisseki {
    font-size: 3.7333333333vw;
  }
}

.txtBrdSupportJissekikome {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0em;
  text-align: right;
}
@media screen and (max-width: 1340px) {
  .txtBrdSupportJissekikome {
    margin: 0.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .txtBrdSupportJissekikome {
    font-size: 0.8620689655vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBrdSupportJissekikome {
    margin: 0.14% auto 0 auto;
    line-height: normal;
    letter-spacing: 0em;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBrdSupportJissekikome {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtBrdSupportJissekikome {
    width: 93.33%;
  }
}

.detailJisseki {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .detailJisseki {
    margin-top: 3.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailJisseki {
    margin-top: 7.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.h3DetailJisseki {
  width: 324px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .h3DetailJisseki {
    width: 24.17%;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailJisseki {
    width: 246px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3DetailJisseki {
    width: 65.6%;
  }
}

.cntBtnDetailJisseki {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1340px) {
  .cntBtnDetailJisseki {
    margin-top: 0.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .cntBtnDetailJisseki {
    padding: 1.11% 0% 1.11% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntBtnDetailJisseki {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 19px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .cntBtnDetailJisseki {
    margin-top: 2.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .cntBtnDetailJisseki {
    padding: 5.33% 0% 5.06% 0%;
  }
}

.h4BtnDetailJisseki {
  cursor: pointer;
}

.bigMainH4BtnDetailJisseki {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .bigMainH4BtnDetailJisseki {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .bigMainH4BtnDetailJisseki {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .bigMainH4BtnDetailJisseki {
    font-size: 3.7333333333vw;
  }
}

.littleMainH4BtnDetailJisseki {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .littleMainH4BtnDetailJisseki {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .littleMainH4BtnDetailJisseki {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .littleMainH4BtnDetailJisseki {
    font-size: 3.2vw;
  }
}

.iconH4BtnDetailJisseki {
  margin: auto 0% auto 0.5%;
  width: 16px;
  display: block;
  transition-duration: 0.5s;
}
@media screen and (max-width: 1340px) {
  .iconH4BtnDetailJisseki {
    width: 1.19%;
  }
}
@media screen and (max-width: 767px) {
  .iconH4BtnDetailJisseki {
    margin: auto 0% auto 4.26%;
    width: 11px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .iconH4BtnDetailJisseki {
    width: 2.93%;
  }
}
.iconH4BtnDetailJisseki svg {
  width: 100%;
  height: auto;
}

.h4BtnDetailJisseki.on .iconH4BtnDetailJisseki {
  transform: rotate(180deg);
}

.navBtnDetailJissekiWap {
  width: 1254px;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 1% 0;
  display: none;
}
@media screen and (max-width: 1340px) {
  .navBtnDetailJissekiWap {
    width: 93.58%;
  }
}
@media screen and (max-width: 1340px) {
  .navBtnDetailJissekiWap {
    margin-top: 1.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navBtnDetailJissekiWap {
    width: 349px;
    margin-top: 3.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .navBtnDetailJissekiWap {
    width: 93.06%;
  }
}

.secBtnDetailJisseki {
  width: fit-content;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 75px;
}
@media screen and (max-width: 1340px) {
  .secBtnDetailJisseki {
    margin: 0% 5.98% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secBtnDetailJisseki {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secBtnDetailJisseki {
    margin: 2.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secBtnDetailJisseki:nth-child(n+2) {
    margin-top: 2%;
  }
}
.secBtnDetailJisseki:last-child {
  margin-right: 0;
}

.listBtnDetailJisseki {
  font-size: 11px;
  line-height: 1.6363636364;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .listBtnDetailJisseki {
    font-size: 0.9482758621vw;
  }
}
.listBtnDetailJisseki::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
.listBtnDetailJisseki::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6363636364) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .listBtnDetailJisseki {
    line-height: 1.6;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .listBtnDetailJisseki {
    font-size: 2.6666666667vw;
  }
}

.lastPointSupport {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .lastPointSupport {
    margin-top: 3.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .lastPointSupport {
    margin-top: 11.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3LastPointSupport {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3LastPointSupport {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LastPointSupport {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LastPointSupport {
    font-size: 4.2666666667vw;
  }
}

.ulLastPointSupport {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 676px;
}
@media screen and (max-width: 1340px) {
  .ulLastPointSupport {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ulLastPointSupport {
    width: 50.44%;
  }
}
@media screen and (max-width: 1340px) {
  .ulLastPointSupport {
    width: 676px;
  }
}
@media screen and (max-width: 1340px) and (max-width: 1340px) {
  .ulLastPointSupport {
    width: 61.45%;
  }
}
@media screen and (max-width: 767px) {
  .ulLastPointSupport {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulLastPointSupport {
    margin-top: 5.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulLastPointSupport {
    width: 93.33%;
  }
}

.ctaPointSupport {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 746px;
}
@media screen and (max-width: 1340px) {
  .ctaPointSupport {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ctaPointSupport {
    width: 55.67%;
  }
}
@media screen and (max-width: 1340px) {
  .ctaPointSupport {
    width: 69.67%;
  }
}
@media screen and (max-width: 767px) {
  .ctaPointSupport {
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaPointSupport {
    margin-top: 9.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaPointSupport {
    width: 74.66%;
  }
}

.liCtaPointSupport {
  width: 47.98%;
}
@media screen and (max-width: 767px) {
  .liCtaPointSupport {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liCtaPointSupport:nth-child(n+2) {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liCtaPointSupport:nth-child(n+2) {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.listBtnDetailJisseki02 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .listBtnDetailJisseki02 {
    margin: 12.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .listBtnDetailJisseki02 {
    font-size: 0.9482758621vw;
  }
}
@media screen and (max-width: 767px) {
  .listBtnDetailJisseki02 {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .listBtnDetailJisseki02 {
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .listBtnDetailJisseki02 {
    font-size: 2.6666666667vw;
  }
}

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

.h2TitleSeido {
  font-size: 42px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .h2TitleSeido {
    font-size: 3.6206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleSeido {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleSeido {
    font-size: 8vw;
  }
}

.h3TitleSeido {
  margin-top: -5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1340px) {
  .h3TitleSeido {
    margin-top: -0.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3TitleSeido {
    font-size: 2.7586206897vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleSeido {
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TitleSeido {
    margin-top: -1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleSeido {
    font-size: 4.8vw;
  }
}

.h4TitleSeido {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4TitleSeido {
    margin-top: 0.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TitleSeido {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleSeido {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4TitleSeido {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleSeido {
    font-size: 3.2vw;
  }
}

.bgbrdSeido {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .bgbrdSeido {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgbrdSeido {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bgbrdSeido {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h5TitleSeido {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1340px) {
  .h5TitleSeido {
    margin-top: 2.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h5TitleSeido {
    font-size: 1.5517241379vw;
  }
}
@media screen and (max-width: 767px) {
  .h5TitleSeido {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h5TitleSeido {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TitleSeido {
    font-size: 4.2666666667vw;
  }
}

.h6TitleSeido {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1340px) {
  .h6TitleSeido {
    margin-top: 0.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h6TitleSeido {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h6TitleSeido {
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h6TitleSeido {
    margin-top: 0.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h6TitleSeido {
    font-size: 4.8vw;
  }
}

.txtTitleSeido {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1340px) {
  .txtTitleSeido {
    margin-top: 1.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitleSeido {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleSeido {
    width: 350px;
    margin-top: 4.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: 1340px) {
  .txtTitleSeido {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleSeido {
    font-size: 3.4666666667vw;
  }
}

.listSeido {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .listSeido {
    margin-top: 5.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .listSeido {
    margin-top: 6.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .listSeido {
    width: 93.33%;
  }
}

.liListSeido {
  width: 416px;
}
@media screen and (max-width: 1340px) {
  .liListSeido {
    width: 31.04%;
  }
}
@media screen and (max-width: 767px) {
  .liListSeido {
    width: 350px;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liListSeido {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liListSeido:nth-child(n+2) {
    margin-top: 26px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liListSeido:nth-child(n+2) {
    margin-top: 7.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .photoListSeido {
    width: 150px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .photoListSeido {
    width: 42.85%;
  }
}

@media screen and (max-width: 767px) {
  .secLiListSeido {
    width: 187px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secLiListSeido {
    width: 53.42%;
  }
}

.h3LiListSeido {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3LiListSeido {
    margin-top: 2.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3LiListSeido {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiListSeido {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3LiListSeido {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiListSeido {
    font-size: 3.4666666667vw;
  }
}

.txtLiListSeido {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtLiListSeido {
    margin-top: 1.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtLiListSeido {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLiListSeido {
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtLiListSeido {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLiListSeido {
    font-size: 3.2vw;
  }
}

.hikakuSeido {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .hikakuSeido {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .hikakuSeido {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3HikakuSeido {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3HikakuSeido {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h3HikakuSeido {
    line-height: normal;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3HikakuSeido {
    font-size: 4.2666666667vw;
  }
}

.picHikakuSeidoScrollLxn {
  width: 1080px;
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picHikakuSeidoScrollLxn {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .picHikakuSeidoScrollLxn {
    margin-top: 1.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picHikakuSeidoScrollLxn {
    width: 363px;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 12px;
    margin-right: 0px;
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picHikakuSeidoScrollLxn {
    width: 96.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picHikakuSeidoScrollLxn {
    margin: 4.26% 0% 0% 3.2%;
  }
}

@media screen and (max-width: 767px) {
  .picHikakuSeidoScroll {
    width: 165.8666666667vw;
  }
}

.seidoHiyo {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .seidoHiyo {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .seidoHiyo {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .seidoHiyo {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3SeidoHiyo {
  aspect-ratio: 1340/61;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3SeidoHiyo {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SeidoHiyo {
    width: 350px;
    margin: auto;
    aspect-ratio: 350/45;
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3SeidoHiyo {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SeidoHiyo {
    font-size: 4.2666666667vw;
  }
}

.seidoHiyoBox {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .seidoHiyoBox {
    margin-top: 0.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .seidoHiyoBox {
    width: 350px;
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .seidoHiyoBox {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .seidoHiyoBox {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secSeidoHiyo {
  width: 675px;
}
@media screen and (max-width: 1340px) {
  .secSeidoHiyo {
    width: 50.37%;
  }
}
@media screen and (max-width: 767px) {
  .secSeidoHiyo {
    width: 350px;
    margin-top: 29px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    order: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secSeidoHiyo {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secSeidoHiyo {
    margin-top: 7.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4SeidoHiyo {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4SeidoHiyo {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h4SeidoHiyo {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4SeidoHiyo {
    font-size: 4.2666666667vw;
  }
}

.h5SeidoHiyo {
  margin-top: -5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .h5SeidoHiyo {
    margin-top: -0.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h5SeidoHiyo {
    margin-top: -2.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.littleSeidoHiyo {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .littleSeidoHiyo {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .littleSeidoHiyo {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .littleSeidoHiyo {
    font-size: 4.8vw;
  }
}

.bigSeidoHiyo {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .bigSeidoHiyo {
    font-size: 3.4482758621vw;
  }
}
@media screen and (max-width: 767px) {
  .bigSeidoHiyo {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .bigSeidoHiyo {
    font-size: 10.6666666667vw;
  }
}

.txtSeidoHiyo {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtSeidoHiyo {
    margin-top: 1.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtSeidoHiyo {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSeidoHiyo {
    margin: 2% auto 0 auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSeidoHiyo {
    font-size: 3.4666666667vw;
  }
}

.secSeidoHiyo {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secSeidoHiyo {
    margin: 4.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSeidoHiyo {
    margin-top: 7.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secSeidoHiyoW {
  width: 100%;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secSeidoHiyoW {
    margin: 4.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secSeidoHiyoW {
    margin-top: 7.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h6SeidoHiyo {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h6SeidoHiyo {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .h6SeidoHiyo {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h6SeidoHiyo {
    font-size: 3.2vw;
  }
}

.picSeidoHiyo {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picSeidoHiyo {
    margin-top: 1.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSeidoHiyo {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picSeidoHiyo {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSeidoHiyoBtm {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picSeidoHiyoBtm {
    margin-top: 3.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSeidoHiyoBtm {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picSeidoHiyoBtm {
    margin-top: 4.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.urlSeidoHiyoBtm {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 66px;
  margin-right: 0px;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .urlSeidoHiyoBtm {
    margin: 1.03% 0% 0% 9.77%;
  }
}
@media screen and (max-width: 1340px) {
  .urlSeidoHiyoBtm {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .urlSeidoHiyoBtm {
    margin: 2% auto 0 auto;
    line-height: normal;
    letter-spacing: 0em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .urlSeidoHiyoBtm {
    font-size: 2.6666666667vw;
  }
}
.urlSeidoHiyoBtm a {
  color: #008AC8;
}

.photoSeidoHiyoBox {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 618px;
  order: 2;
}
@media screen and (max-width: 1340px) {
  .photoSeidoHiyoBox {
    margin: 3.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .photoSeidoHiyoBox {
    width: 46.11%;
  }
}
@media screen and (max-width: 767px) {
  .photoSeidoHiyoBox {
    width: 350px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    order: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .photoSeidoHiyoBox {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .photoSeidoHiyoBox {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secHiyokeisanSeido {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secHiyokeisanSeido {
    margin: 3.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secHiyokeisanSeido {
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secHiyokeisanSeido {
    margin: 10.93% 0% 0% 0%;
  }
}

.h6HiyokeisanSeido {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h6HiyokeisanSeido {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h6HiyokeisanSeido {
    margin: -0.5% auto 0 auto;
    width: 350px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h6HiyokeisanSeido {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h6HiyokeisanSeido {
    font-size: 4.2666666667vw;
  }
}

.hiyokeisanSeido {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .hiyokeisanSeido {
    margin-top: 1.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .hiyokeisanSeido {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .hiyokeisanSeido {
    margin-top: 3.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .hiyokeisanSeido {
    width: 93.33%;
  }
}
.hiyokeisanSeido img {
  width: 100%;
}

.sodanHiyokeisanSeido {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .sodanHiyokeisanSeido {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .sodanHiyokeisanSeido {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .sodanHiyokeisanSeido {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sodanHiyokeisanSeido {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sodanHiyokeisanSeido {
    width: 93.33%;
  }
}

.h3SodanHiyokeisanSeido {
  aspect-ratio: 1080/61;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}
@media screen and (max-width: 1340px) {
  .h3SodanHiyokeisanSeido {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SodanHiyokeisanSeido {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    aspect-ratio: 350/70;
    line-height: normal;
    letter-spacing: 0.05em;
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3SodanHiyokeisanSeido {
    padding: 0% 4.28% 0% 4.28%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SodanHiyokeisanSeido {
    font-size: 4.2666666667vw;
  }
}

.h4SodanHiyokeisanSeido {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4SodanHiyokeisanSeido {
    margin-top: 2.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4SodanHiyokeisanSeido {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h4SodanHiyokeisanSeido {
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4SodanHiyokeisanSeido {
    margin-top: 5.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4SodanHiyokeisanSeido {
    font-size: 3.2vw;
  }
}

.picSodanHiyokeisanSeido {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picSodanHiyokeisanSeido {
    margin-top: 1.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSodanHiyokeisanSeido {
    width: 350px;
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picSodanHiyokeisanSeido {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picSodanHiyokeisanSeido {
    margin-top: 3.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ctaPointSeido {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 746px;
}
@media screen and (max-width: 1340px) {
  .ctaPointSeido {
    margin-top: 3.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ctaPointSeido {
    width: 69.07%;
  }
}
@media screen and (max-width: 767px) {
  .ctaPointSeido {
    width: 74%;
    margin-top: 9.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.ctaPointSeido .liCtaPointSupport {
  width: 358px;
}
@media screen and (max-width: 1340px) {
  .ctaPointSeido .liCtaPointSupport {
    width: 47.98%;
  }
}
@media screen and (max-width: 767px) {
  .ctaPointSeido .liCtaPointSupport {
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaPointSeido .liCtaPointSupport {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ctaPointSeido .liCtaPointSupport:nth-child(n+2) {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaPointSeido .liCtaPointSupport:nth-child(n+2) {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.price {
  margin-top: 73px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .price {
    margin-top: 3.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .price {
    margin-top: 22.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TitlePrice {
  font-size: 42px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .h2TitlePrice {
    font-size: 3.6206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitlePrice {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitlePrice {
    font-size: 8vw;
  }
}

.h3TitlePrice {
  margin-top: -5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1340px) {
  .h3TitlePrice {
    margin-top: -0.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3TitlePrice {
    font-size: 2.7586206897vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitlePrice {
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TitlePrice {
    margin-top: -1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitlePrice {
    font-size: 4.8vw;
  }
}

.h4TitlePrice {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4TitlePrice {
    margin-top: 0.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TitlePrice {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitlePrice {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4TitlePrice {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitlePrice {
    font-size: 3.2vw;
  }
}

.bgbrdPrice {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .bgbrdPrice {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgbrdPrice {
    width: 350px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bgbrdPrice {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bgbrdPrice {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTitlePrice {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1340px) {
  .txtTitlePrice {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitlePrice {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitlePrice {
    width: 350px;
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTitlePrice {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTitlePrice {
    margin-top: 5.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitlePrice {
    font-size: 3.4666666667vw;
  }
}

.rubyTxtTitlePrice {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .rubyTxtTitlePrice {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTxtTitlePrice {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTxtTitlePrice {
    font-size: 2.6666666667vw;
  }
}

.detailPriceTop {
  margin-top: 54px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .detailPriceTop {
    margin-top: 4.02%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailPriceTop {
    width: 350px;
    margin-top: 6.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .detailPriceTop {
    width: 93.33%;
  }
}

.h3DetailPriceTop {
  width: 1080px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1080/61;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}
@media screen and (max-width: 1340px) {
  .h3DetailPriceTop {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .h3DetailPriceTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3DetailPriceTop {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailPriceTop {
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 350/45;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3DetailPriceTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailPriceTop {
    font-size: 4.2666666667vw;
  }
}

.h4DetailPriceTop {
  width: 1080px;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4DetailPriceTop {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .h4DetailPriceTop {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4DetailPriceTop {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h4DetailPriceTop {
    width: 100%;
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4DetailPriceTop {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4DetailPriceTop {
    font-size: 3.7333333333vw;
  }
}

.tableDetailPriceTop {
  width: 1080px;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .tableDetailPriceTop {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .tableDetailPriceTop {
    margin-top: 1.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableDetailPriceTop {
    width: 100%;
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picDetailPriceTop {
  width: 1080px;
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picDetailPriceTop {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .picDetailPriceTop {
    margin-top: 4.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picDetailPriceTop {
    width: 100%;
    margin-top: 9.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1340px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.tuitionSlider {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .tuitionSlider {
    margin-top: 2.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tuitionSlider {
    margin-top: 5.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h5TuitionSlider {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5TuitionSlider {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h5TuitionSlider {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TuitionSlider {
    font-size: 3.7333333333vw;
  }
}

.tuitionSliderWap {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1302px;
  position: relative;
}
@media screen and (max-width: 1340px) {
  .tuitionSliderWap {
    margin-top: 1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .tuitionSliderWap {
    width: 97.16%;
  }
}
@media screen and (max-width: 767px) {
  .tuitionSliderWap {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionSliderWap {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionSliderWap {
    width: 93.33%;
  }
}

.sliderTuitionSlider {
  position: relative;
  width: 1193px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .sliderTuitionSlider {
    width: 91.62%;
  }
}
@media screen and (max-width: 767px) {
  .sliderTuitionSlider {
    width: 322px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .sliderTuitionSlider {
    width: 92%;
  }
}

.sliderTuitionSlider .swiper-slide {
  cursor: pointer;
}

.nextTuitionSlider::after,
.prevTuitionSlider::after {
  display: none;
}

.swiper-button-next.nextTuitionSlider,
.swiper-button-prev.prevTuitionSlider {
  height: auto;
  margin: auto;
  position: absolute;
  top: 32%;
  aspect-ratio: 18/94;
  width: 13px;
}
@media screen and (max-width: 1340px) {
  .swiper-button-next.nextTuitionSlider,
  .swiper-button-prev.prevTuitionSlider {
    width: 1.08%;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-next.nextTuitionSlider,
  .swiper-button-prev.prevTuitionSlider {
    width: 2%;
    top: 39%;
  }
}

/* 前への矢印カスタマイズ */
.swiper-button-prev.prevTuitionSlider {
  left: 0;
  background: url(../img/prevTuitionSlider.svg) no-repeat center center;
  background-size: 100% auto;
}

/* 次への矢印カスタマイズ */
.swiper-button-next.nextTuitionSlider {
  right: 0;
  background: url(../img/nextTuitionSlider.svg) no-repeat center center;
  background-size: 100% auto;
}

.txtTuitionSliderBtm {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1193px;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtTuitionSliderBtm {
    margin-top: 1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTuitionSliderBtm {
    width: 89.02%;
  }
}
@media screen and (max-width: 1340px) {
  .txtTuitionSliderBtm {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTuitionSliderBtm {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTuitionSliderBtm {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTuitionSliderBtm {
    width: 85.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTuitionSliderBtm {
    font-size: 2.6666666667vw;
  }
}

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

.tuitionCheckPointLxn {
  width: 1080px;
  margin: auto;
  padding-top: 17px;
  padding-bottom: 21px;
  padding-left: 0px;
  padding-right: 0px;
  border: 1px solid;
  /* ボーダーの太さ */
  border-image: linear-gradient(to right, #C3D74E, #00497C) 1;
}
@media screen and (max-width: 1340px) {
  .tuitionCheckPointLxn {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .tuitionCheckPointLxn {
    padding: 1.26% 0% 1.56% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tuitionCheckPointLxn {
    width: 350px;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 16px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionCheckPointLxn {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionCheckPointLxn {
    padding: 4% 0% 4.26% 0%;
  }
}

.inTuitionCheckPointLxn {
  width: 1017px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .inTuitionCheckPointLxn {
    width: 94.16%;
  }
}
@media screen and (max-width: 767px) {
  .inTuitionCheckPointLxn {
    width: 320px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .inTuitionCheckPointLxn {
    width: 91.42%;
  }
}

.h6TuitionCheckPointLxn {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  background: url(../img/iconh6TuitionCheckPointLxn.svg) no-repeat center left;
  background-size: auto 58%;
  margin: auto;
  padding: 0 0 0 3%;
  width: fit-content;
}
@media screen and (max-width: 1340px) {
  .h6TuitionCheckPointLxn {
    font-size: 1.5517241379vw;
  }
}
@media screen and (max-width: 767px) {
  .h6TuitionCheckPointLxn {
    padding: 0 0 0 5%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h6TuitionCheckPointLxn {
    font-size: 3.7333333333vw;
  }
}

.txtTuitionCheckPointLxn {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtTuitionCheckPointLxn {
    margin-top: 1.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTuitionCheckPointLxn {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTuitionCheckPointLxn {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTuitionCheckPointLxn {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTuitionCheckPointLxn {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.tuitionNonyu {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .tuitionNonyu {
    margin-top: 2.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tuitionNonyu {
    margin-top: 69px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionNonyu {
    margin-top: 18.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3TuitionNonyu {
  aspect-ratio: 1340/61;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}
@media screen and (max-width: 1340px) {
  .h3TuitionNonyu {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TuitionNonyu {
    width: 350px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 350/45;
    line-height: normal;
    letter-spacing: 0.05em;
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TuitionNonyu {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TuitionNonyu {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TuitionNonyu {
    font-size: 4.2666666667vw;
  }
}

.txtTuitionNonyu {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtTuitionNonyu {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTuitionNonyu {
    font-size: 1.2931034483vw;
  }
}
.txtTuitionNonyu::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtTuitionNonyu::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTuitionNonyu {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    line-height: 1.8461538462;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTuitionNonyu {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTuitionNonyu {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTuitionNonyu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8461538462) * 0.5em);
    content: "";
  }
  .txtTuitionNonyu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8461538462) * 0.5em);
    content: "";
  }
}

.ulTuitionNonyu {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .ulTuitionNonyu {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ulTuitionNonyu {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .ulTuitionNonyu {
    margin-top: 10.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulTuitionNonyu {
    width: 93.33%;
  }
}

.h4TuitionNonyu {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4TuitionNonyu {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TuitionNonyu {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TuitionNonyu {
    font-size: 3.7333333333vw;
  }
}

.tableTuitionNonyu {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .tableTuitionNonyu {
    margin-top: 1.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableTuitionNonyu {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tableTuitionNonyu {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liTuitionNonyu:nth-child(n+2) {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .liTuitionNonyu:nth-child(n+2) {
    margin-top: 2.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liTuitionNonyu:nth-child(n+2) {
    margin-top: 39px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liTuitionNonyu:nth-child(n+2) {
    margin-top: 11.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.tuitionBunkatu {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 49px;
  padding-bottom: 49px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1340px) {
  .tuitionBunkatu {
    margin-top: 2.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .tuitionBunkatu {
    padding: 2.55% 0% 2.55% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tuitionBunkatu {
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 31px;
    padding-bottom: 31px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionBunkatu {
    margin-top: 10.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionBunkatu {
    padding: 8.26% 0% 8.26% 0%;
  }
}

.h3TuitionBunkatuWap {
  aspect-ratio: 1340/57;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3TuitionBunkatuWap {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TuitionBunkatuWap {
    width: 350px;
    margin: auto;
    aspect-ratio: 350/45;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TuitionBunkatuWap {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TuitionBunkatuWap {
    font-size: 4.2666666667vw;
  }
}

.h4TuitionBunkatu {
  width: 1080px;
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4TuitionBunkatu {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .h4TuitionBunkatu {
    margin-top: 2.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TuitionBunkatu {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TuitionBunkatu {
    width: 350px;
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4TuitionBunkatu {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4TuitionBunkatu {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TuitionBunkatu {
    font-size: 4.2666666667vw;
  }
}

.tuitionBunkatuTop {
  width: 1080px;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .tuitionBunkatuTop {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .tuitionBunkatuTop {
    margin-top: 1.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .tuitionBunkatuTop {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .tuitionBunkatuTop {
    width: 350px;
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionBunkatuTop {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tuitionBunkatuTop {
    margin-top: 2.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tuitionBunkatuTop {
    font-size: 3.4666666667vw;
  }
}

.jokenTuitionBunkatu {
  width: 1080px;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .jokenTuitionBunkatu {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .jokenTuitionBunkatu {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .jokenTuitionBunkatu {
    width: 375px;
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .jokenTuitionBunkatu {
    width: 100%;
  }
}

.h5JokenTuitionBunkatu {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5JokenTuitionBunkatu {
    font-size: 1.5517241379vw;
  }
}
@media screen and (max-width: 767px) {
  .h5JokenTuitionBunkatu {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5JokenTuitionBunkatu {
    font-size: 3.7333333333vw;
  }
}

.brdJokenTuitionBunkatu {
  height: 1px;
  width: 100%;
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .brdJokenTuitionBunkatu {
    margin-top: 0.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdJokenTuitionBunkatu {
    width: 350px;
    margin-top: 2.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdJokenTuitionBunkatu {
    width: 93.33%;
  }
}

.txtJokenTuitionBunkatuTop {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtJokenTuitionBunkatuTop {
    margin-top: 1.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtJokenTuitionBunkatuTop {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJokenTuitionBunkatuTop {
    width: 350px;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtJokenTuitionBunkatuTop {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtJokenTuitionBunkatuTop {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJokenTuitionBunkatuTop {
    font-size: 3.4666666667vw;
  }
}

.txtJokenTuitionBunkatuBtm {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtJokenTuitionBunkatuBtm {
    margin-top: 1.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtJokenTuitionBunkatuBtm {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJokenTuitionBunkatuBtm {
    width: 350px;
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtJokenTuitionBunkatuBtm {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtJokenTuitionBunkatuBtm {
    margin-top: 2.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJokenTuitionBunkatuBtm {
    font-size: 2.6666666667vw;
  }
}

.picJokenTuitionBunkatuLxn {
  margin-top: 41px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picJokenTuitionBunkatuLxn {
    margin-top: 3.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picJokenTuitionBunkatuLxn {
    width: 363px;
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: 12px;
    margin-right: 0px;
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picJokenTuitionBunkatuLxn {
    width: 96.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picJokenTuitionBunkatuLxn {
    margin: 7.46% 0% 0% 3.2%;
  }
}

@media screen and (max-width: 767px) {
  .picJokenTuitionBunkatu {
    width: 200.2666666667vw;
  }
}

.capJokenTuitionBunkatuBtm {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .capJokenTuitionBunkatuBtm {
    margin-top: 0.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .capJokenTuitionBunkatuBtm {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .capJokenTuitionBunkatuBtm {
    width: 350px;
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .capJokenTuitionBunkatuBtm {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .capJokenTuitionBunkatuBtm {
    margin-top: 7.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .capJokenTuitionBunkatuBtm {
    font-size: 2.6666666667vw;
  }
}

.ctaTuitionBunkatu {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 746px;
}
@media screen and (max-width: 1340px) {
  .ctaTuitionBunkatu {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ctaTuitionBunkatu {
    width: 55.67%;
  }
}
@media screen and (max-width: 767px) {
  .ctaTuitionBunkatu {
    width: 75%;
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.ctaTuitionBunkatu .liCtaPointSupport {
  width: 358px;
}
@media screen and (max-width: 1340px) {
  .ctaTuitionBunkatu .liCtaPointSupport {
    width: 47.98%;
  }
}
@media screen and (max-width: 767px) {
  .ctaTuitionBunkatu .liCtaPointSupport {
    margin-top: 3.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .ctaTuitionBunkatu .liCtaPointSupport:nth-child(n+2) {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaTuitionBunkatu .liCtaPointSupport:nth-child(n+2) {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h2TitleSyogakukin {
  font-size: 42px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .h2TitleSyogakukin {
    font-size: 3.6206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleSyogakukin {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleSyogakukin {
    font-size: 8vw;
  }
}

.h3TitleSyogakukin {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3TitleSyogakukin {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3TitleSyogakukin {
    font-size: 2.7586206897vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleSyogakukin {
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TitleSyogakukin {
    margin-top: -1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleSyogakukin {
    font-size: 4.8vw;
  }
}

.h4TitleSyogakukin {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4TitleSyogakukin {
    margin-top: 0.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TitleSyogakukin {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleSyogakukin {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleSyogakukin {
    font-size: 3.2vw;
  }
}

.bgbrdSyogakukin {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .bgbrdSyogakukin {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgbrdSyogakukin {
    width: 375px;
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bgbrdSyogakukin {
    width: 100%;
  }
}

.txtTitleSyogakukin {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1340px) {
  .txtTitleSyogakukin {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitleSyogakukin {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitleSyogakukin {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleSyogakukin {
    width: 375px;
    margin-top: 7.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTitleSyogakukin {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleSyogakukin {
    font-size: 4vw;
  }
}

.secSyogakukin {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .secSyogakukin {
    margin-top: 3.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secSyogakukin {
    margin-top: 6.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3Syogakukin {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 1340/61;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}
@media screen and (max-width: 1340px) {
  .h3Syogakukin {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3Syogakukin {
    width: 350px;
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 350/45;
    margin: auto;
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3Syogakukin {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3Syogakukin {
    font-size: 4.2666666667vw;
  }
}

.ulListSyogakukin {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .ulListSyogakukin {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulListSyogakukin {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulListSyogakukin {
    margin-top: 7.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleListSyogakukin {
  cursor: pointer;
  aspect-ratio: 1340/70;
  position: relative;
}
@media screen and (max-width: 767px) {
  .titleListSyogakukin {
    aspect-ratio: 375/70;
  }
}

.littleH4ListSyogakukin {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .littleH4ListSyogakukin {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .littleH4ListSyogakukin {
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.9285714286;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .littleH4ListSyogakukin {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .littleH4ListSyogakukin {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .littleH4ListSyogakukin::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
  .littleH4ListSyogakukin::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9285714286) * 0.5em);
    content: "";
  }
}

.bigH4ListSyogakukin {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .bigH4ListSyogakukin {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .bigH4ListSyogakukin {
    width: 100%;
    transform: translate(-1.5%, 19%);
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bigH4ListSyogakukin {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .bigH4ListSyogakukin {
    font-size: 4.8vw;
  }
}

.btdListSyogakukin {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  width: 23px;
  position: absolute;
  right: 17.513433%;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .btdListSyogakukin {
    width: 1.71%;
  }
}
@media screen and (max-width: 767px) {
  .btdListSyogakukin {
    width: 5%;
    position: absolute;
    right: 2.966667%;
  }
}

.btdListSyogakukinWap {
  aspect-ratio: 30/30;
  position: relative;
  width: 100%;
}

.brdListSyogakukin01 {
  width: 100%;
  height: 1px;
  background: #1F1F1F;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  transition-duration: 0.5s;
}

.brdListSyogakukin02 {
  height: 100%;
  width: 1px;
  background: #1F1F1F;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  transition-duration: 0.5s;
}

.titleListSyogakukin.off .brdListSyogakukin02 {
  opacity: 1;
  transform: rotate(0deg);
}

.titleListSyogakukin.on .brdListSyogakukin02 {
  opacity: 0;
  transform: rotate(90deg);
}

.trigerListSyogakukin {
  display: none;
}

.secTrigerListSyogakukin {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .secTrigerListSyogakukin {
    margin-top: 1.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTrigerListSyogakukin {
    width: 350px;
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secTrigerListSyogakukin {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secTrigerListSyogakukin {
    margin-top: 3.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h5TrigerListSyogakukin {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5TrigerListSyogakukin {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h5TrigerListSyogakukin {
    line-height: normal;
    letter-spacing: 0.05em;
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TrigerListSyogakukin {
    font-size: 4.2666666667vw;
  }
}

.txtTrigerListSyogakukin {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  width: 80.5%;
}
@media screen and (max-width: 1340px) {
  .txtTrigerListSyogakukin {
    margin-top: 1.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTrigerListSyogakukin {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTrigerListSyogakukin {
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTrigerListSyogakukin {
    margin-top: 1.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTrigerListSyogakukin {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 767px) {
  .txtTrigerListSyogakukin01 {
    text-align: left;
  }
}

.tablesTrigerListSyogakukin {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .tablesTrigerListSyogakukin {
    margin-top: 1.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .tablesTrigerListSyogakukin {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .tablesTrigerListSyogakukin {
    margin-top: 8.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.liTrigerListSyogakukin01 {
  width: 590px;
}
@media screen and (max-width: 1340px) {
  .liTrigerListSyogakukin01 {
    width: 54.62%;
  }
}
@media screen and (max-width: 767px) {
  .liTrigerListSyogakukin01 {
    width: 100%;
  }
}

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

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

.rubyTrigerListSyogakukin01 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
  width: 80.5%;
}
@media screen and (max-width: 1340px) {
  .rubyTrigerListSyogakukin01 {
    margin-top: 2.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .rubyTrigerListSyogakukin01 {
    font-size: 0.8620689655vw;
  }
}
.rubyTrigerListSyogakukin01::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.rubyTrigerListSyogakukin01::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .rubyTrigerListSyogakukin01 {
    margin-top: 1.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTrigerListSyogakukin01 {
    font-size: 2.6666666667vw;
  }
}

.rubyTrigerListSyogakukin01100 {
  width: 100%;
}

.liTrigerListSyogakukin02 {
  width: 466px;
}
@media screen and (max-width: 1340px) {
  .liTrigerListSyogakukin02 {
    width: 43.14%;
  }
}
@media screen and (max-width: 767px) {
  .liTrigerListSyogakukin02 {
    width: 350px;
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liTrigerListSyogakukin02 {
    width: 100%;
  }
}

.tableTrigerListSyogakukin02 {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .tableTrigerListSyogakukin02 {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableTrigerListSyogakukin02 {
    width: 350px;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tableTrigerListSyogakukin02 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tableTrigerListSyogakukin02 {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.rubyTrigerListSyogakukin01 {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .rubyTrigerListSyogakukin01 {
    margin-top: 0.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .rubyTrigerListSyogakukin01 {
    font-size: 0.8620689655vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTrigerListSyogakukin01 {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .rubyTrigerListSyogakukin01 {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTrigerListSyogakukin01 {
    font-size: 2.6666666667vw;
  }
}

.liListSyogakukin:nth-child(n+2) {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .liListSyogakukin:nth-child(n+2) {
    margin-top: 4.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liListSyogakukin:nth-child(n+2) {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.syogakukinGenGaku {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .syogakukinGenGaku {
    margin-top: 2.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .syogakukinGenGaku {
    width: 350px;
    margin-top: 9.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .syogakukinGenGaku {
    width: 93.33%;
  }
}

.h3SyogakukinGenGaku {
  aspect-ratio: 1340/61;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}
@media screen and (max-width: 1340px) {
  .h3SyogakukinGenGaku {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3SyogakukinGenGaku {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 22px;
    aspect-ratio: 350/75;
    line-height: normal;
    letter-spacing: 0.05em;
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3SyogakukinGenGaku {
    padding: 0% 6.28% 0% 6.28%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3SyogakukinGenGaku {
    font-size: 4.2666666667vw;
  }
}

.h4SyogakukinGenGaku {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4SyogakukinGenGaku {
    margin-top: 2.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4SyogakukinGenGaku {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h4SyogakukinGenGaku {
    margin-top: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4SyogakukinGenGaku {
    margin-top: 4.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4SyogakukinGenGaku {
    font-size: 4.2666666667vw;
  }
}

.txtSyogakukinGenGaku {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtSyogakukinGenGaku {
    margin-top: 0.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtSyogakukinGenGaku {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .txtSyogakukinGenGaku {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtSyogakukinGenGaku {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtSyogakukinGenGaku {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtSyogakukinGenGaku {
    font-size: 3.2vw;
  }
}

.ulSyogakukinGenGaku {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .ulSyogakukinGenGaku {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ulSyogakukinGenGaku {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .ulSyogakukinGenGaku {
    width: 100%;
    margin-top: 11.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.tableSyogakukinGenGaku {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .tableSyogakukinGenGaku {
    margin-top: 1.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .tableSyogakukinGenGaku {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tableSyogakukinGenGaku {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tableSyogakukinGenGaku {
    margin-top: 2.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tableSyogakukinGenGaku {
    width: 100%;
  }
}

.rubySyogakukinGenGaku {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  word-break: break-all;
}
@media screen and (max-width: 1340px) {
  .rubySyogakukinGenGaku {
    margin-top: 0.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .rubySyogakukinGenGaku {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .rubySyogakukinGenGaku {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .rubySyogakukinGenGaku {
    margin-top: 2.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .rubySyogakukinGenGaku {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubySyogakukinGenGaku {
    font-size: 3.2vw;
  }
}

.liSyogakukinGenGaku:nth-child(n+2) {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .liSyogakukinGenGaku:nth-child(n+2) {
    margin-top: 3.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liSyogakukinGenGaku:nth-child(n+2) {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ctaGengaku {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 746px;
}
@media screen and (max-width: 1340px) {
  .ctaGengaku {
    margin-top: 2.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ctaGengaku {
    width: 55.67%;
  }
}
@media screen and (max-width: 767px) {
  .ctaGengaku {
    width: 280px;
    margin-top: 8.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaGengaku {
    width: 80%;
  }
}
.ctaGengaku .liCtaPointSupport {
  width: 358px;
}
@media screen and (max-width: 1340px) {
  .ctaGengaku .liCtaPointSupport {
    width: 47.98%;
  }
}
@media screen and (max-width: 767px) {
  .ctaGengaku .liCtaPointSupport {
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaGengaku .liCtaPointSupport {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ctaGengaku .liCtaPointSupport:nth-child(n+2) {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ctaGengaku .liCtaPointSupport:nth-child(n+2) {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.h2TitlePublic {
  font-size: 42px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1340px) {
  .h2TitlePublic {
    font-size: 3.6206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitlePublic {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitlePublic {
    font-size: 8vw;
  }
}

.h3TitlePublic {
  margin-top: -5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3TitlePublic {
    margin-top: -0.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h3TitlePublic {
    font-size: 2.7586206897vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitlePublic {
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3TitlePublic {
    margin-top: -1.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitlePublic {
    font-size: 4.8vw;
  }
}

.h4TitlePublic {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1340px) {
  .h4TitlePublic {
    margin-top: 0.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h4TitlePublic {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitlePublic {
    margin-top: 0.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitlePublic {
    font-size: 3.2vw;
  }
}

.bgbrdPublic {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .bgbrdPublic {
    margin-top: 1.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgbrdPublic {
    width: 100%;
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h5TitlePublic {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1340/61;
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}
@media screen and (max-width: 1340px) {
  .h5TitlePublic {
    margin-top: 3.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .h5TitlePublic {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h5TitlePublic {
    width: 375px;
    margin-top: 7.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 350/45;
    line-height: normal;
    letter-spacing: 0.05em;
    background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h5TitlePublic {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TitlePublic {
    font-size: 4.2666666667vw;
  }
}

.txtTitlePublic {
  width: 1080px;
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtTitlePublic {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitlePublic {
    margin-top: 3.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTitlePublic {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitlePublic {
    width: 375px;
    margin-top: 5.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTitlePublic {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitlePublic {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.scholarshipTab {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .scholarshipTab {
    margin-top: 2.18%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipTab {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .scholarshipTab {
    margin-top: 5.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulScholarshipTab {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .ulScholarshipTab {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .ulScholarshipTab {
    width: 341px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulScholarshipTab {
    width: 90.93%;
  }
}

.liScholarshipTab {
  width: 524px;
}
@media screen and (max-width: 1340px) {
  .liScholarshipTab {
    width: 48.51%;
  }
}
@media screen and (max-width: 767px) {
  .liScholarshipTab {
    width: 168px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liScholarshipTab {
    width: 49.26%;
  }
}

.tab.off {
  display: none;
}

.tab.on {
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.scholarshipTab01 {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 47px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border: 3px solid #27B180;
}
@media screen and (max-width: 1340px) {
  .scholarshipTab01 {
    padding: 2.44% 0% 1.04% 0%;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipTab01 {
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    padding: 5.66% 0% 8% 0%;
    border: 3px solid #27B180;
  }
}

.scholarshipTabLxn {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .scholarshipTabLxn {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipTabLxn {
    width: 94.53%;
  }
}

.h3ScholarshipTab01Top {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3ScholarshipTab01Top {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ScholarshipTab01Top {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ScholarshipTab01Top {
    font-size: 4.2666666667vw;
  }
}

.txtScholarshipTab01Top {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtScholarshipTab01Top {
    margin-top: 0.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtScholarshipTab01Top {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .txtScholarshipTab01Top {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtScholarshipTab01Top {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtScholarshipTab01Top {
    font-size: 3.4666666667vw;
  }
}

.picScholarshipTab01Top {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 786px;
}
@media screen and (max-width: 1340px) {
  .picScholarshipTab01Top {
    margin-top: 2.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .picScholarshipTab01Top {
    width: 72.77%;
  }
}
@media screen and (max-width: 767px) {
  .picScholarshipTab01Top {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picScholarshipTab01Top {
    margin-top: 3.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.picScholarshipTab01Top img {
  width: 100%;
}

.secScholarshipTab01Btm {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .secScholarshipTab01Btm {
    margin-top: 1.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secScholarshipTab01Btm {
    margin-top: 4.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.h4ScholarshipTab01Btm {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4ScholarshipTab01Btm {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h4ScholarshipTab01Btm {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4ScholarshipTab01Btm {
    font-size: 3.7333333333vw;
  }
}

.brdScholarshipTab01Btm {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 100%;
}
@media screen and (max-width: 1340px) {
  .brdScholarshipTab01Btm {
    margin-top: 0.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdScholarshipTab01Btm {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdScholarshipTab01Btm {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.fxScholarshipTab01Btm {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .fxScholarshipTab01Btm {
    margin-top: 2.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxScholarshipTab01Btm {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .fxScholarshipTab01Btm {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secFxScholarshipTab01Btm {
  width: 494px;
}
@media screen and (max-width: 1340px) {
  .secFxScholarshipTab01Btm {
    width: 45.74%;
  }
}
@media screen and (max-width: 767px) {
  .secFxScholarshipTab01Btm {
    width: 100%;
  }
}

.h5FxScholarshipTab01Btm {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5FxScholarshipTab01Btm {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h5FxScholarshipTab01Btm {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5FxScholarshipTab01Btm {
    font-size: 3.7333333333vw;
  }
}

.txScholarshipTab01BtmWap {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .txScholarshipTab01BtmWap {
    margin-top: 2.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txScholarshipTab01BtmWap {
    margin-top: 47px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txScholarshipTab01BtmWap {
    margin-top: 13.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtFxScholarshipTab01Btm {
  width: 100%;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtFxScholarshipTab01Btm {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFxScholarshipTab01Btm {
    width: 195px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtFxScholarshipTab01Btm {
    width: 55.71%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFxScholarshipTab01Btm {
    font-size: 3.2vw;
  }
}

.picFxScholarshipTab01Btm {
  width: 189px;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picFxScholarshipTab01Btm {
    width: 39.04%;
  }
}
@media screen and (max-width: 1340px) {
  .picFxScholarshipTab01Btm {
    margin-top: 8.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picFxScholarshipTab01Btm {
    width: 131px;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picFxScholarshipTab01Btm {
    width: 37.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picFxScholarshipTab01Btm {
    margin: 0.57% 0% 0% 0%;
  }
}

.secFxScholarshipTab01Btm02 {
  width: 551px;
}
@media screen and (max-width: 1340px) {
  .secFxScholarshipTab01Btm02 {
    width: 51.01%;
  }
}
@media screen and (max-width: 767px) {
  .secFxScholarshipTab01Btm02 {
    width: 350px;
    margin: 4.64% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFxScholarshipTab01Btm02 {
    width: 100%;
  }
}

.h5FxScholarshipTab01Btm02 {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5FxScholarshipTab01Btm02 {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h5FxScholarshipTab01Btm02 {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5FxScholarshipTab01Btm02 {
    font-size: 3.7333333333vw;
  }
}

.picFxScholarshipTab01Btm02 {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picFxScholarshipTab01Btm02 {
    margin-top: 1.99%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picFxScholarshipTab01Btm02 {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picFxScholarshipTab01Btm02 {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnScholarshipTab01Btm02Lxn {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 241px;
}
@media screen and (max-width: 1340px) {
  .btnScholarshipTab01Btm02Lxn {
    margin-top: 2.54%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .btnScholarshipTab01Btm02Lxn {
    width: 43.73%;
  }
}
@media screen and (max-width: 1340px) {
  .btnScholarshipTab01Btm02Lxn {
    width: 56.73%;
  }
}
@media screen and (max-width: 767px) {
  .btnScholarshipTab01Btm02Lxn {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 241px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .btnScholarshipTab01Btm02Lxn {
    margin-top: 5.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .btnScholarshipTab01Btm02Lxn {
    width: 68.85%;
  }
}

.btnScholarshipTab01Btm02 {
  width: 100%;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
  aspect-ratio: 241/40;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1340px) {
  .btnScholarshipTab01Btm02 {
    font-size: 1.1206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .btnScholarshipTab01Btm02 {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnScholarshipTab01Btm02 {
    font-size: 3.4666666667vw;
  }
}

.iconScholarshipTab01Btm02 {
  text-align: center;
  width: 220px;
  margin: auto;
  background: url(../img/iconScholarshipTab01Btm02.svg) no-repeat right center;
  background-size: auto 50%;
}
@media screen and (max-width: 1340px) {
  .iconScholarshipTab01Btm02 {
    width: 91.28%;
  }
}
@media screen and (max-width: 767px) {
  .iconScholarshipTab01Btm02 {
    text-align: center;
    width: 220px;
    margin: auto;
    background: url(../img/iconScholarshipTab01Btm02.svg) no-repeat right center;
    background-size: auto 50%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .iconScholarshipTab01Btm02 {
    width: 91.28%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.scholarshipTab02 {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 51px;
  padding-bottom: 93px;
  padding-left: 0px;
  padding-right: 0px;
  border: 3px solid #3C7399;
}
@media screen and (max-width: 1340px) {
  .scholarshipTab02 {
    padding: 2.65% 0% 4.84% 0%;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipTab02 {
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
    padding: 13.66% 0% 3.53% 0%;
    border: 3px solid #3C7399;
  }
}

.scholarshipTabLxn02 {
  width: 1149px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .scholarshipTabLxn02 {
    width: 85.74%;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipTabLxn02 {
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .scholarshipTabLxn02 {
    width: 93.33%;
  }
}

.h3ScholarshipTab02Top {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3ScholarshipTab02Top {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ScholarshipTab02Top {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ScholarshipTab02Top {
    font-size: 3.4666666667vw;
  }
}

.txtScholarshipTab02Top {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .txtScholarshipTab02Top {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 1340px) {
  .txtScholarshipTab02Top {
    margin-top: 1.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtScholarshipTab02Top {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 86%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtScholarshipTab02Top {
    font-size: 3.7333333333vw;
  }
}

.scholarshipTabLxn02Fx {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}
@media screen and (max-width: 1340px) {
  .scholarshipTabLxn02Fx {
    margin-top: 4.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .scholarshipTabLxn02Fx {
    width: 78.32%;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipTabLxn02Fx {
    margin-top: 0.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.secScholarshipTabLxn02 {
  width: 555px;
}
@media screen and (max-width: 1340px) {
  .secScholarshipTabLxn02 {
    width: 61.66%;
  }
}
@media screen and (max-width: 767px) {
  .secScholarshipTabLxn02 {
    width: 175px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secScholarshipTabLxn02 {
    width: 50%;
  }
}

.h5ScholarshipTabLxn02 {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5ScholarshipTabLxn02 {
    font-size: 1.8965517241vw;
  }
}
@media screen and (max-width: 767px) {
  .h5ScholarshipTabLxn02 {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h5ScholarshipTabLxn02 {
    margin-top: 4.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5ScholarshipTabLxn02 {
    font-size: 3.7333333333vw;
  }
}

.txtScholarshipTabLxn02 {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtScholarshipTabLxn02 {
    margin-top: 2.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtScholarshipTabLxn02 {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtScholarshipTabLxn02 {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtScholarshipTabLxn02 {
    font-size: 3.2vw;
  }
}

.picScholarshipTabLxn02 {
  width: 288px;
  margin-top: -20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picScholarshipTabLxn02 {
    width: 32%;
  }
}
@media screen and (max-width: 1340px) {
  .picScholarshipTabLxn02 {
    margin-top: -3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picScholarshipTabLxn02 {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 45.28%;
  }
}

.tabScholarshipTabLxnFx {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .tabScholarshipTabLxnFx {
    margin-top: 3.82%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tabScholarshipTabLxnFx {
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .tabScholarshipTabLxnFx {
    margin-top: 3.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secTabScholarshipTabLxn {
  width: 552px;
}
@media screen and (max-width: 1340px) {
  .secTabScholarshipTabLxn {
    width: 48.04%;
  }
}
@media screen and (max-width: 767px) {
  .secTabScholarshipTabLxn {
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secTabScholarshipTabLxn {
    width: 100%;
  }
}

.h5TabScholarshipTabLxn {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5TabScholarshipTabLxn {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h5TabScholarshipTabLxn {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TabScholarshipTabLxn {
    font-size: 3.7333333333vw;
  }
}

.brdTabScholarshipTabLxn {
  height: 1px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .brdTabScholarshipTabLxn {
    margin-top: 2.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .brdTabScholarshipTabLxn {
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdTabScholarshipTabLxn {
    margin-top: 1.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTabScholarshipTabLxn {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
  height: 59px;
}
@media screen and (max-width: 1340px) {
  .txtTabScholarshipTabLxn {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtTabScholarshipTabLxn {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 1340px) {
  .txtTabScholarshipTabLxn {
    height: 4.4029850746vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTabScholarshipTabLxn {
    height: auto;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtTabScholarshipTabLxn {
    margin-top: 2.28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTabScholarshipTabLxn {
    font-size: 3.2vw;
  }
}

.picTabScholarshipTabLxn {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picTabScholarshipTabLxn {
    margin-top: 7.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picTabScholarshipTabLxn {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picTabScholarshipTabLxn {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.scholarshipFlow {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .scholarshipFlow {
    margin-top: 2.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .scholarshipFlow {
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .scholarshipFlow {
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2Scholarship {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h2Scholarship {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Scholarship {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Scholarship {
    font-size: 3.7333333333vw;
  }
}

.txtScholarship {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtScholarship {
    margin-top: 1.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtScholarship {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .txtScholarship {
    width: 91%;
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtScholarship {
    margin-top: 2.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtScholarship {
    font-size: 3.2vw;
  }
}

.btnScholarshipFlowLxn {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 206px;
}
@media screen and (max-width: 1340px) {
  .btnScholarshipFlowLxn {
    margin-top: 1.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .btnScholarshipFlowLxn {
    width: 15.37%;
  }
}
@media screen and (max-width: 1340px) {
  .btnScholarshipFlowLxn {
    width: 20.37%;
  }
}
@media screen and (max-width: 767px) {
  .btnScholarshipFlowLxn {
    margin-top: 5.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 206px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .btnScholarshipFlowLxn {
    width: 54.93%;
  }
}

.btnScholarshipFlow {
  aspect-ratio: 206/40;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  width: 100%;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .btnScholarshipFlow {
    font-size: 1.1206896552vw;
  }
}
@media screen and (max-width: 767px) {
  .btnScholarshipFlow {
    aspect-ratio: 206/40;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    width: 100%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnScholarshipFlow {
    font-size: 3.4666666667vw;
  }
}

.iconBtnScholarshipFlow {
  width: 178px;
  margin: auto;
  background: url(../img/iconBtnScholarshipFlow.svg) no-repeat right center;
  background-size: auto 60%;
  text-align: center;
  display: block;
}
@media screen and (max-width: 1340px) {
  .iconBtnScholarshipFlow {
    width: 86.4%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnScholarshipFlow {
    width: 178px;
    margin: auto;
    background: url(../img/iconBtnScholarshipFlow.svg) no-repeat right center;
    background-size: auto 60%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .iconBtnScholarshipFlow {
    width: 86.4%;
  }
}

.picScholarshipFlow {
  width: 1080px;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .picScholarshipFlow {
    width: 80.59%;
  }
}
@media screen and (max-width: 1340px) {
  .picScholarshipFlow {
    margin-top: 2.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picScholarshipFlow {
    width: 350px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picScholarshipFlow {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .picScholarshipFlow {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtScholarshipFlow {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtScholarshipFlow {
    margin-top: 0.74%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtScholarshipFlow {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtScholarshipFlow {
    width: 350px;
    margin-top: 4.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtScholarshipFlow {
    width: 93.33%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtScholarshipFlow {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faq {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .faq {
    margin-top: 2.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faq {
    margin-top: 77px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .faq {
    margin-top: 20.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2Faq {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h2Faq {
    font-size: 2.3275862069vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Faq {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Faq {
    font-size: 4.8vw;
  }
}

.ulFaq {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1340px) {
  .ulFaq {
    margin-top: 2.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .ulFaq {
    width: 80.59%;
  }
}
@media screen and (max-width: 767px) {
  .ulFaq {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulFaq {
    margin-top: 5.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulFaq {
    width: 100%;
  }
}

.btnLiFaqTop {
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1340px) {
  .btnLiFaqTop {
    padding: 1.2% 0% 1.38% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnLiFaqTop {
    padding: 4.26% 0% 4.06% 0%;
  }
}

.btnLiFaqTopFx {
  width: 1026px;
  margin: auto;
}
@media screen and (max-width: 1340px) {
  .btnLiFaqTopFx {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .btnLiFaqTopFx {
    width: 93.2%;
  }
}

.h4BtnLiFaqTop {
  width: 34px;
  font-size: 33px;
  line-height: normal;
  letter-spacing: 0.05em;
  transform: translate(14%, 0px);
}
@media screen and (max-width: 1340px) {
  .h4BtnLiFaqTop {
    width: 3.3%;
  }
}
@media screen and (max-width: 1340px) {
  .h4BtnLiFaqTop {
    font-size: 2.8448275862vw;
  }
}
@media screen and (max-width: 767px) {
  .h4BtnLiFaqTop {
    transform: translate(0px, -13%);
    width: 22px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4BtnLiFaqTop {
    width: 6.16%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4BtnLiFaqTop {
    font-size: 5.3333333333vw;
  }
}

.h5BtnLiFaqTop {
  width: 945px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
  transform: translate(0.5%, 0px);
}
@media screen and (max-width: 1340px) {
  .h5BtnLiFaqTop {
    width: 91.74%;
  }
}
@media screen and (max-width: 1340px) {
  .h5BtnLiFaqTop {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .h5BtnLiFaqTop {
    width: 86.63%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5BtnLiFaqTop {
    font-size: 3.7333333333vw;
  }
}

.btnBrdFaq {
  width: 17.38px;
  position: relative;
  aspect-ratio: 1/1;
  transform: translate(0px, 4%);
}
@media screen and (max-width: 1340px) {
  .btnBrdFaq {
    width: 1.68%;
  }
}
@media screen and (max-width: 767px) {
  .btnBrdFaq {
    width: 13.9px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .btnBrdFaq {
    width: 3.89%;
  }
}

.solidBtnBrdFaq {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  transition-duration: 0.5s;
}

.solidBtnBrdFaq01 {
  width: 100%;
  height: 1px;
  opacity: 1;
}

.solidBtnBrdFaq02 {
  width: 1px;
  height: 100%;
  opacity: 1;
  transform: rotate(0);
}

.btnLiFaqTop.on .solidBtnBrdFaq02 {
  opacity: 0;
  transform: rotate(90deg);
}

.answerFaqLxn {
  display: none;
}

.answerFaqFx {
  width: 971px;
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: 32px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .answerFaqFx {
    width: 89.9%;
  }
}
@media screen and (max-width: 1340px) {
  .answerFaqFx {
    margin: 1.01% 0% 0% 2.96%;
  }
}
@media screen and (max-width: 767px) {
  .answerFaqFx {
    width: 351px;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .answerFaqFx {
    width: 93.6%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .answerFaqFx {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4AnswerFaq {
  width: 34px;
  font-size: 33px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4AnswerFaq {
    width: 3.3%;
  }
}
@media screen and (max-width: 1340px) {
  .h4AnswerFaq {
    font-size: 2.8448275862vw;
  }
}
@media screen and (max-width: 767px) {
  .h4AnswerFaq {
    width: 20px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4AnswerFaq {
    width: 5.69%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4AnswerFaq {
    font-size: 5.3333333333vw;
  }
}

.txtAnswerFaq {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 913px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1340px) {
  .txtAnswerFaq {
    margin: 1.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .txtAnswerFaq {
    width: 88.64%;
  }
}
@media screen and (max-width: 1340px) {
  .txtAnswerFaq {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAnswerFaq {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 324px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtAnswerFaq {
    margin: 0.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtAnswerFaq {
    width: 92.3%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAnswerFaq {
    font-size: 3.4666666667vw;
  }
}

.liFaq:nth-child(n+2) {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .liFaq:nth-child(n+2) {
    margin: 2.96% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFaq:nth-child(n+2) {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liFaq:nth-child(n+2) {
    margin: 4% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bnr {
  margin-top: 128px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .bnr {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bnr {
    margin-top: 79px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bnr {
    margin-top: 21.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .bnrFx {
    width: 350px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .bnrFx {
    width: 93.33%;
  }
}

.liBnr {
  width: 643px;
}
@media screen and (max-width: 1340px) {
  .liBnr {
    width: 47.98%;
  }
}
@media screen and (max-width: 767px) {
  .liBnr {
    width: 100%;
  }
  .liBnr:nth-child(n+2) {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liBnr:nth-child(n+2) {
    margin-top: 3.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 36px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1340px) {
  .footer {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .footer {
    padding: 1.87% 0% 0.52% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-top: 42px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 26px;
    padding-bottom: 27px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .footer {
    margin-top: 11.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .footer {
    padding: 6.93% 0% 7.2% 0%;
  }
}

.secFooterTop {
  width: 271px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 70px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secFooterTop {
    width: 20.22%;
  }
}
@media screen and (max-width: 1340px) {
  .secFooterTop {
    margin: 0% 0% 0% 5.22%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterTop {
    width: 328px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterTop {
    width: 87.46%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2FooterTop {
  font-size: 35px;
  line-height: normal;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1340px) {
  .h2FooterTop {
    font-size: 3.0172413793vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FooterTop {
    line-height: normal;
    letter-spacing: 0.2em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FooterTop {
    font-size: 7.4666666667vw;
  }
}

.h3FooterTop {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h3FooterTop {
    margin: 1.84% 0% 0% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .h3FooterTop {
    font-size: 2.0689655172vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FooterTop {
    margin-top: 7px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h3FooterTop {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FooterTop {
    font-size: 4.8vw;
  }
}

.h4FooterTop {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h4FooterTop {
    margin: 2.21% 0% 0% 0%;
  }
}
@media screen and (max-width: 1340px) {
  .h4FooterTop {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .h4FooterTop {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h4FooterTop {
    margin-top: 1.52%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4FooterTop {
    font-size: 3.7333333333vw;
  }
}

.secFooterTopList {
  width: 999px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secFooterTopList {
    width: 74.55%;
  }
}
@media screen and (max-width: 1340px) {
  .secFooterTopList {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterTopList {
    margin-top: 6.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.h5FooterTopList {
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .h5FooterTopList {
    font-size: 1.4655172414vw;
  }
}
@media screen and (max-width: 1340px) {
  .h5FooterTopList {
    margin: 0.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h5FooterTopList {
    width: 326px;
    line-height: normal;
    letter-spacing: 0.05em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h5FooterTopList {
    width: 86.93%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5FooterTopList {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .h5FooterTopList {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulFooterTopList {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .ulFooterTopList {
    margin: 2.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulFooterTopList {
    width: 320px;
    margin-top: 6.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .ulFooterTopList {
    width: 85.33%;
  }
}

.liFooterTopList {
  width: 320px;
}
@media screen and (max-width: 1340px) {
  .liFooterTopList {
    width: 32.03%;
  }
}
@media screen and (max-width: 767px) {
  .liFooterTopList {
    width: 100%;
  }
  .liFooterTopList:nth-child(n+2) {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .liFooterTopList:nth-child(n+2) {
    margin-top: 4.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.brdFooter {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 1px;
  width: 100%;
  background: #9D9B9B;
}
@media screen and (max-width: 1340px) {
  .brdFooter {
    margin: 2.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdFooter {
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .brdFooter {
    margin: 9.6% 0% 0% 0%;
  }
}

.footerBtmWap {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1340px) {
  .footerBtmWap {
    margin-top: 1.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerBtmWap {
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .footerBtmWap {
    margin: 6.13% 0% 0% 0%;
  }
}

.footerBtmFx {
  width: 1280px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1340px) {
  .footerBtmFx {
    width: 95.52%;
  }
}
@media screen and (max-width: 767px) {
  .footerBtmFx {
    width: 353px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .footerBtmFx {
    width: 94.13%;
  }
}

.h5FooterBtm {
  width: 190px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .h5FooterBtm {
    width: 14.79%;
  }
}
@media screen and (max-width: 1340px) {
  .h5FooterBtm {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 1340px) {
  .h5FooterBtm {
    width: 17.79%;
  }
}
@media screen and (max-width: 767px) {
  .h5FooterBtm {
    width: 100%;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5FooterBtm {
    font-size: 3.7333333333vw;
  }
}

.secFooterBtmInfo01 {
  width: 420px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo01 {
    width: 32.71%;
  }
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo01 {
    width: 41.71%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo01 {
    width: 100%;
    margin: 4% 0 0 0;
  }
}

.h5FooterBtmInfo {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.05em;
  transform: translate(1%, -3%);
}
@media screen and (max-width: 1340px) {
  .h5FooterBtmInfo {
    font-size: 2.0689655172vw;
  }
}
@media screen and (max-width: 767px) {
  .h5FooterBtmInfo {
    transform: translate(0%, 0%);
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5FooterBtmInfo {
    font-size: 5.3333333333vw;
  }
}

.secFooterBtmInfo01 .ulFooterBtmInfo {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo {
    margin: 2.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo {
    margin: 3.11% 0% 0% 0%;
  }
}
.secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo {
    font-size: 3.2vw;
  }
}
.secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
    margin: 3.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
    margin: 3.96% 0% 0% 0%;
  }
}
.secFooterBtmInfo01 .ulFooterBtmInfo .iconBtnFooterBtmInfo {
  width: 15px;
  margin: 0 0 0 10px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .iconBtnFooterBtmInfo {
    width: 1.1194029851vw;
    margin: 0 0 0 0.7462686567vw;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo01 .ulFooterBtmInfo .iconBtnFooterBtmInfo {
    width: 4vw;
    margin: 0 0 0 1vw;
  }
}
.secFooterBtmInfo01 .ulFooterBtmInfo .iconBtnFooterBtmInfo svg {
  width: 100%;
}

.secFooterBtmInfo02 {
  width: 418px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo02 {
    width: 32.55%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo02 {
    width: 100%;
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterBtmInfo02 {
    margin: 6.23% 0% 0% 0%;
  }
}

.secFooterBtmInfo02 .h5FooterBtmInfo {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.05em;
  transform: translate(1%, -3%);
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo02 .h5FooterBtmInfo {
    font-size: 2.0689655172vw;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo02 .h5FooterBtmInfo {
    transform: translate(0%, 0%);
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secFooterBtmInfo02 .h5FooterBtmInfo {
    font-size: 5.3333333333vw;
  }
}

.secFooterBtmInfo02 .ulFooterBtmInfo {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo {
    margin: 2.87% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo {
    margin-top: 11px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo {
    margin: 3.11% 0% 0% 0%;
  }
}
.secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo {
    font-size: 1.2931034483vw;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo {
    font-size: 3.2vw;
  }
}
.secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
    margin: 3.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .liFooterBtmInfo:nth-child(n+2) {
    margin: 3.96% 0% 0% 0%;
  }
}
.secFooterBtmInfo02 .ulFooterBtmInfo .iconBtnFooterBtmInfo {
  width: 15px;
  margin: 0 0 0 10px;
}
@media screen and (max-width: 1340px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .iconBtnFooterBtmInfo {
    width: 1.1194029851vw;
    margin: 0 0 0 0.7462686567vw;
  }
}
@media screen and (max-width: 767px) {
  .secFooterBtmInfo02 .ulFooterBtmInfo .iconBtnFooterBtmInfo {
    width: 4vw;
    margin: 0 0 0 1vw;
  }
}
.secFooterBtmInfo02 .ulFooterBtmInfo .iconBtnFooterBtmInfo svg {
  width: 100%;
}

.txtCopy {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1340px) {
  .txtCopy {
    margin-top: 1.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1340px) {
  .txtCopy {
    font-size: 0.8620689655vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCopy {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1340px) {
  .txtCopy {
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCopy {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
Component
========================================================================== */
.cl_008AC8 {
  color: #008AC8;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:34:06
    Author     : SPG-1105
*/
.undernone {
  text-decoration: none;
}

.bg_8BAC55_88A955 {
  background: linear-gradient(103deg, #8BAC55 5.61%, #88A955 38.46%, #81A055 59.77%, #759155 78.41%, #647D55 94.39%);
}

.bg_36706F_326D6F {
  background: linear-gradient(180deg, #36706F 0%, #326D6F 3%, #1B5D75 22%, #0C5179 43%, #024B7B 67%, #00497C 100%);
}

.bg_27B180E5 {
  background: rgba(39, 177, 128, 0.9);
}

.btnNavHeaderGnavOpen {
  background: linear-gradient(103deg, #8BAC55 5.61%, #88A955 38.46%, #81A055 59.77%, #759155 78.41%, #647D55 94.39%);
}

.btnNavHeaderGnavRec {
  background: linear-gradient(180deg, #36706F 0%, #326D6F 3%, #1B5D75 22%, #0C5179 43%, #024B7B 67%, #00497C 100%);
}

.btnNavHeaderGnavContact {
  background: linear-gradient(75deg, #36706F 6.04%, #326D6F 8.68%, #1B5D75 25.38%, #0C5179 43.85%, #024B7B 64.95%, #00497C 93.96%);
}

.linerTitleReson {
  opacity: 0.8;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bgbrdReson {
  background: linear-gradient(90deg, #C3D74E 0%, #00497C 100%);
}

.linerTitleMerit {
  opacity: 0.8;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.linerTitleSupport {
  opacity: 0.8;
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bgListMerit {
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
}

.bg_EFEFEF {
  background: #EFEFEF;
}

.bg_EFEFEF {
  background: #EFEFEF;
}

.bg_00497C {
  background: #00497C;
}

.bg_FFFBD0 {
  background: #FFFBD0;
}

.bg_FFFAFA {
  background: #FFFAFA;
}

.bg_9D9B9B {
  background: #9D9B9B;
}

.brd_00497C {
  border: 1px solid #00497C;
}

.brd_9D9B9B {
  border: 1px solid #9D9B9B;
}

.brd_C2BBBB {
  border: 1px solid #C2BBBB;
}

.brd_27B180 {
  border: 3px solid #27B180;
}

.bg_F2F5F6 {
  background: #F2F5F6;
}

.bg_E8F3EF {
  background: #E8F3EF;
}

.bg_F8F8F8 {
  background: #F8F8F8;
}

.bg_3C7399 {
  background: #3C7399;
}

.brd_C3D74E {
  border: 1px solid #C3D74E;
}

.bg_000 {
  background: #000;
}

.bg_F2F6F9 {
  background: #F2F6F9;
}

.cl_00497C {
  color: #00497C;
}

.cl_fff {
  color: #fff;
}

.cl_1F1F1F {
  color: #1F1F1F;
}

.cl_000 {
  color: #000;
}

.cl_00497C {
  color: #00497C;
}

.cl_3C7399 {
  color: #3C7399;
}

.cl_9D9B9B {
  color: #9D9B9B;
}

.cl_BF515A {
  color: #BF515A;
}

.cl_5D5D5D {
  color: #5D5D5D;
}

.h4AnswerFaq {
  background: var(--Linear, linear-gradient(90deg, #C3D74E 0%, #00497C 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c_pointer {
  cursor: pointer;
}

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