@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cinzel|Noto+Serif+TC:300,400,500");

a,
abbr,
acronym,
address,
article,
aside,
audio,
b,
basefont,
bdi,
bdo,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dialog,
dir,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
map,
mark,
menu,
menuitem,
meter,
nav,
noframes,
noscript,
object,
ol,
output,
p,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
wbr {
  padding: 0;
  border: none;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
  color: inherit;
  background-color: transparent;
}

article,
aside,
canvas,
command,
datalist,
details,
figcaption,
figure,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

mark,
output {
  display: inline-block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

[hidden],
rp,
template {
  display: none;
}

a {
  background: 0 0;
  cursor: pointer;
}

a:active,
a:hover {
  outline: 0;
}

[disabled] {
  cursor: not-allowed;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

*,
:after,
:before {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  font-family: sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

address,
b,
caption,
cite,
code,
dfn,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
strong,
th,
var {
  font-style: normal;
  font-weight: 400;
}

a,
del,
ins,
s {
  text-decoration: none;
}

abbr,
acronym {
  font-variant: normal;
  cursor: help;
}

abbr[title],
acronym[title] {
  border-bottom: 1px dotted;
}

dir,
menu,
ol,
ul {
  list-style: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
}

table,
td,
th {
  table-layout: auto;
}

code,
kbd,
pre,
samp,
tt {
  font-size: 1em;
  font-family: monospace, sans-serif;
}

:link,
:visited,
a,
address,
cite,
em,
i,
ins,
s,
u,
var {
  font-style: normal;
  text-align: left;
  text-decoration: none;
}

blockquote,
caption,
dd,
div,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
td,
th {
  word-wrap: break-word;
}

caption,
center,
th {
  font-weight: 400;
  text-align: left;
}

listing,
plaintext,
xmp {
  font-family: inherit;
  white-space: normal;
}

embed,
img,
object {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: top;
}

blockquote,
q {
  quotes: none;
}

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

hr {
  height: 0;
}

pre {
  overflow: auto;
}

:focus {
  outline: 0;
}

button,
datagrid,
input,
isindex,
keygen,
optgroup,
select,
textarea {
  line-height: 1;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  color: inherit;
  letter-spacing: 0;
  word-spacing: 0;
}

input,
select {
  vertical-align: middle;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button {
  overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: none;
}

button,
select {
  text-transform: none;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

html,
body {
  height: 100%;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
}

body {
  transition: opacity 1.2s;
  transition-delay: 0.3s;
  background: #fff;
}

body.onload {
  opacity: 0;
}

body.stop-scroll {
  overflow: hidden;
}

#app {
  opacity: 1;
  transition: 1000ms ease;
  position: relative;
}

#app.is-hide {
  opacity: 0;
  transition: initial;
}

div {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
}

main.container {
  height: 100%;
}

.scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 30px;
  height: 30px;
  background-color: #464646;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.3s;
  pointer-events: all;
  opacity: 1;
  z-index: 1;
}

.scroll-to-top:hover {
  background-color: #707070;
}

.scroll-to-top::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 1px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -25%) rotate(45deg);
}

.scroll-to-top.off {
  pointer-events: none;
  opacity: 0;
  z-index: -1;
}

.btn {
  background: transparent;
  border: 0;
  outline: 0;
}

.text-sub {
  vertical-align: super;
  font-size: smaller;
}

.embed {
  position: relative;
}

.embed:before {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
}

.embed_media {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.embed_hide {
  display: none;
}

.note_section.color-orange .note_title {
  background: #ff8500;
}

.note_section.color-orange .note_content {
  background: #fff2d5;
}

.note_section.color-green .note_title {
	border-bottom: 3px dotted;
	border-width: 90%;
	border-color:#7db97f;
	background: #f6f6e5;
	color: #7db97f;
}

.note_section.color-green .note_content {
  background: #f6f6e5;
}

/*2021-08-17新增*/
.tablePlace {
  margin: 0 0 30px 0;
}

.note_title {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 0;
  /*text-shadow: 2.1px 3.4px 4.9px rgba(77, 77, 77, 0.72);*/
  letter-spacing: 2.9px;
}

@media (min-width: 768px) {
  .note_title {
    font-size: 18px;
  }
}

.note_content {
  padding: 20px;
  display: flex;
  font-size: 14px;
}

.note_info {
  margin-bottom: 15px;
  line-height: 2.16;
  letter-spacing: 1.6px;
  font-weight: bold;
  color: #7d7d7d;
  margin: 5px 0;
}

.note_info:last-child {
  margin-bottom: 0;
}

.note_info .highlight {
  color: #464646;
}

.note_small_info {
  margin-bottom: 15px;
  line-height: 2.16;
  letter-spacing: 1.6px;
  font-weight: bold;
  color: #7d7d7d;
  margin: 5px 0;
  font-size: 14px;
}

.section-double .section_header .note_small_info {
  position: absolute;
  bottom: -38px;
  left: 0;
  white-space: nowrap;
}

/*2021-08-17新增*/
.note_small_info b a {
  font-weight: bold;
  color: #333;
}

.psPlace {
  margin: 150px 0 0 0;
}

@media (max-width: 768px) {
  .psPlace {
    margin: 40px 0 0 0;
  }
}

.note_icon {
  flex: 1 0 30%;
  padding: 15px;
  max-width: 150px;
  margin: auto;
}

.info_wrap {
  color: #626262;
  letter-spacing: 1.6px;
  line-height: 1.8;
  font-size: 14px;
  font-weight: bold;
}

.info_card {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.info_card .info_line {
  margin-bottom: 0;
}

.info_img {
  text-align: center;
  margin-bottom: 30px;
}

.info_icon {
  width: 100%;
  max-width: 60px;
  margin-right: 25px;
}

.info_line {
  margin-bottom: 15px;
}

.info_line .highlight {
  color: #000;
}

.info_text {
  padding-left: 0.8rem;
  color: #7Db97F;
}

.text-right {
  text-align: right;
}

.table_wrap {
  overflow-x: auto;
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .table_wrap {
    overflow-x: visible;
  }
}

.table-shadow.on {
  position: relative;
}

.table-shadow.on:after {
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  top: 0;
  width: 30px;
  height: 100%;
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, white 100%);
}

.table {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
  width: 100%;
  font-size: 14px;
  color: #626262;
}

.table td {
  padding: 15px 8px;
}

.table th {
  padding: 10px;
}

@media (min-width: 1200px) {
  .table th {
    min-width: initial;
  }
}

.table td,
.table th {
  border: 3px solid #fff;
  text-align: center;
  letter-spacing: 1px;
  vertical-align: middle;
  font-weight: bold;
}

.table td:first-child,
.table th:first-child {
  border-left: 0;
}

.table td:last-child,
.table th:last-child {
  border-right: 0;
}

.table tr:last-child td {
  border-bottom: 0;
}

.table tr:first-child th {
  border-top: 0;
}

.table thead th {
  white-space: nowrap;
}

.table .highlight {
  display: block;
  font-size: 18px;
  color: #ef0753;
}

.table-organ {
  max-width: 360px;
  margin: auto;
}

.table-organ thead th,
.table-person-2 thead th {
  white-space: normal;
}

.table-line td {
  border: 0;
}

.table-line td:nth-child(1) {
  text-align: left;
}

.table-line td:nth-child(2) {
  text-align: right;
}

.table-line tr:first-child td {
  border-top: 1px solid #313131;
}

.table-line tr:last-child td {
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
.table-line.green tr:first-child td {
  border-top: 1px solid #7db97f;
}

.table-line.green tr:last-child td {
  border-top: 1px solid #7db97f;
  border-bottom: 1px solid #7db97f;
}
.table-line.blue tr:first-child td {
  border-top: 1px solid #3ca1c6;
}

.table-line.blue tr:last-child td {
  border-top: 1px solid #3ca1c6;
  border-bottom: 1px solid #3ca1c6;
}

.tr-red {
  background: #eceed7;
  color: #ef0753;
}

span.redcolor {
  color: #ef0753;
}
.t-red {
  color: #945141;
}
.t-blue {
  color: #3ca1c6;
}

.tr-green {
  color: #7db97f;
}

.tr-blue {
  color: #3ca1c6;
}

.table-red thead {
  background: #945141;
  color: #fff;
}

.table-red tbody {
  background: #F1F1F1;
  color: #626262;
}

.table-pink thead {
  background: #fd39a5;
  color: #fff;
}

.table-pink tbody {
  background: #f380c1;
  color: #fff;
}

.table-blue thead {
  background: #3ca1c6;
  color: #fff;
}

.table-blue tbody {
  background: #e1f2f9;
  color: #626262;
}

.table-blue.purple-head thead {
  background: #bc9fd0;
}

.table-purple thead {
  background: #7db97f;
  color: #fff;
}

.table-purple tbody {
  background: #f6f6e5;
  color: #626262;
}

.table-purple.full-color td {
  color: #7d7d7d;
}

.table-purple.full-color tr:nth-child(1) td:nth-child(1),
.table-purple.full-color tr:nth-child(3) td:nth-child(1) {
  background: #7db97f;
  color: #fff;
}

.table-purple .p-highlight {
  background: #7db97f;
  color: #fff;
}
.table-purple .p-normal {
  background: #e1f2f9;
}
.table-purple.full-color .tbody-grey {
  color: #626262;
}

.table-blue2 thead {
  background: #3ca1c6;
  color: #fff;
}

.table-blue2 tbody {
  background: #e1f2f9;
}

.table-blue2.full-color td {
 
}

.table-blue2 .p-highlight {
  background: #3ca1c6;
  color: #ffffff;
}
.table-blue2 .p-normal {
  background: #e1f2f9;
  color: #7d7d7d;
}
.table-blue2.full-color .tbody-grey {
  color: #626262;
}

@media (min-width: 1200px) {
  .table-20 {
    width: 20%;
  }
}

.table-10 {
  width: 10%;
}

.table-30 {
  width: 30%;
}

td b.point {
  font-weight: 700;
  color: #333;
}

.table-mini {
  min-width: 150px;
}

@media (min-width: 1200px) {
  .table-mini {
    min-width: auto;
  }
}

.table-mini-120 {
  min-width: 120px;
}

@media (min-width: 1200px) {
  .table-mini-120 {
    min-width: auto;
  }
}

.table-mini-160 {
  min-width: 160px;
}

@media (min-width: 1200px) {
  .table-mini-160 {
    min-width: auto;
  }
}

.table-text-left {
  text-align: left !important;
}

.table-text-right {
  text-align: right !important;
}

.table-num-width {
  display: inline-block;
  height: 1rem;
  min-width: 70px;
  text-align: right;
}

.list {
  margin-bottom: 20px;
}

.list-arrow .list_item {
  position: relative;
  display: flex;
  align-items: end;
  padding-left: 1.5rem;
  margin-bottom: 5px;
}

.list-arrow .list_item:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url(img/list-icon.png);
  position: absolute;
  top: 4px;
  left: 0;
}

.list-arrow .list_item.no-icon {
  display: block;
}

.list-arrow .list_item.no-icon:before {
  background: initial;
}

.list-arrow .list_item .highlight {
  color: #7998d0;
}

.list-dot {
  list-style: disc;
  padding-left: 24px;
}

.list-reset {
  margin-bottom: 0;
}

.list-mleft {
  margin-left: 1rem;
}

/*2021-08-17新增*/
ul.list-number {
  margin: 0 0 10px 0;
  padding: 0;
}

ul.list-number li {
  margin: 0 0 0 30px;
  padding: 0;
  list-style: outside decimal;
}

ul.list-number li ul {
  margin: 0 0 10px 0;
  padding: 0;
}

ul.list-number li ul li {
  margin: 0 0 0 30px;
  padding: 0;
  list-style: outside disc;
}

ul.list-number li ul li ul {
  margin: 0 0 10px 0;
  padding: 0;
}

ul.list-number li ul li ul li {
  margin: 0 0 0 30px;
  padding: 0;
  list-style: outside lower-alpha;
}

.section {
  padding: 30px 30px;
  max-width: 1500px;
  margin: auto;
}

@media (min-width: 1200px) {
  .section {
    padding: 70px 30px;
  }
}

[v-cloak] {
  display: none;
}

.nolink {
  pointer-events: none;
}

.header {
  position: relative;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 15;
}

.header .header_shadow {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  height: 15px;
  bottom: 1px;
  z-index: 1;
  pointer-events: none;
  background: #fff;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.09);
}

.header_inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1240px;
  padding: 15px 30px;
  width: 100%;
  margin: auto;
}

@media (min-width: 768px) {
  .header_inner {
    padding: 0px 20px;
  }
}

@media (min-width: 1200px) {
  .cover_inner {
	  margin-left: -40%;
  }
}
@media (max-width: 960px) {
  .cover_inner {
	  margin-top: -45%;
  }
}

.logo {
  max-width: 80px;
}

/*2021-0826新增*/
.newMenu {
  width: 250px !important;
  text-align: center !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.menu {
  flex: 1 0 auto;
  max-width: calc(100% - 110px);
  display: none;
  color: #626262;
  padding-left: 30px;
}

@media (min-width: 768px) {
  .menu {
    display: flex;
    align-items: center;
  }
}

.menu_list {
  display: flex;
  align-items: center;
  flex: 1 0 70%;
}

.menu_item {
  position: relative;
  flex: 1;
}

.menu_item>.menu_link {
  background: #fff;
}

.menu_item.active .submenu_list {
  pointer-events: all;
  opacity: 1;
  top: 100%;
  z-index: 0;
}

.menu_item:last-child .menu_link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu_link {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 20px 0;
  text-align: center;
  z-index: 1;
  letter-spacing: 2.1px;
  font-weight: bold;
}

.menu_link:hover {
  transition: all 0.3s;
}

.menu_switch {
  display: block;
  position: fixed;
  right: 20px;
  width: 20px;
  height: 16px;
  background: none;
  border: none;
  top: 20px;
  z-index: 16;
}

@media (min-width: 768px) {
  .menu_switch {
    display: none;
  }
}

.menu_switch.on .menu_line {
  transition: top 0.3s, transform 0.3s 0.3s;
}

.menu_switch.on .menu_line:nth-child(1) {
  top: 50%;
  transform: rotate(30deg);
}

.menu_switch.on .menu_line:nth-child(2) {
  opacity: 0;
}

.menu_switch.on .menu_line:nth-child(3) {
  top: 50%;
  transform: rotate(-30deg);
}

.menu_line {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  transition: top 0.3s 0.3s, transform 0.3s, opacity 0.3s 0.3s;
  left: 0;
}

.menu_line:nth-child(1) {
  top: 0;
  transform: rotate(0deg);
}

.menu_line:nth-child(2) {
  top: 50%;
  opacity: 1;
}

.menu_line:nth-child(3) {
  top: 100%;
  transform: rotate(0deg);
}

.menu_icon {
  max-width: 20px;
  width: 100%;
}

.menu_icon:last-child {
  max-width: 18px;
}

.submenu_list {
  pointer-events: none;
  display: none;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  transition: opacity 0.3s, top 0.3s;
  background: #eee;
  opacity: 0;
  z-index: -1;
  padding: 30px 10px;
}

@media (min-width: 768px) {
  .submenu_list {
    display: block;
  }
}

.submenu_item>.menu_link {
  padding: 15px 0;
  letter-spacing: 5.1px;
  font-size: 0.875rem;
}

@media (min-width: 1200px) {
  .submenu_item>.menu_link {
    display: block;
    font-size: 1rem;
  }
}

.submenu_item>.menu_link.active,
.submenu_item>.menu_link:hover {
  background: #707070;
  color: #fff;
}

.social_list {
  flex: 1 0 8%;
  display: flex;
  justify-content: flex-end;
}

.menu_symbol {
  font-weight: bold;
  font-size: 26px;
  display: inline-block;
  padding: 0 3px;
  line-height: 1;
}

.social_icon {
  max-width: 25px;
  width: 100%;
}

div.sidemenu {
  position: fixed;
  top: 0;
  left: 0;
  right: -10px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  overflow-y: auto;
  transition: all 0.4s;
}

div.sidemenu.open {
  z-index: 14;
  opacity: 1;
  pointer-events: auto;
  right: 0;
}

nav.sidemenu {
  padding: 57px 30px 30px;
}

nav.sidemenu .social_list {
  justify-content: center;
}

.social_link {
  display: flex;
  align-items: center;
  color: #707070;
}

.social_item {
  display: block;
  margin: 0 10px;
}

.social_share {
  display: block;
  margin-left: 5px;
}

.sidemenu_list {
  text-align: center;
  margin-bottom: 20px;
}

.sidemenu_item {
  margin-bottom: 10px;
}

.sidemenu_item>.sidemenu_link {
  color: #707070;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
  margin-top: 15px;
}

.sidemenu_link {
  display: block;
  padding: 10px 0;
  text-align: center;
}

.second_list {
  margin-bottom: 10px;
}

.second_list .sidemenu_link {
  padding: 5px 0;
  color: #707070;
}

.second_list .sidemenu_link.active {
  background: #707070;
  color: #eee;
}

.section-kv {
  padding: 0;
  background: #ffffff;
  margin-top: 57px;
}

@media (min-width: 768px) {
  .section-kv {
    margin-top: 66px;
  }
}

.kv {
  position: relative;
  overflow-x: auto;
  max-width: 1440px;
  margin: auto;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
  display: flex;
}

@media (min-width: 1440px) {

  .kv::before,
  .kv::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    z-index: 3;
  }

  .kv::before {
    left: 0;
    top: 0;
    bottom: 0;
    background: white;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, white 100%);
  }

  .kv::after {
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, white 100%);
  }
}

.kv.pc {
  display: none;
}

@media (min-width: 992px) {
  .kv.pc {
    display: flex;
  }
}

.kv_title {
  position: absolute;
  right: 7.8125%;
  /*top: 65%;*/
  top: 74%;
  z-index: 3;
  font-weight: bold;
  letter-spacing: 3.9px;
  color: #9082b3;
  font-size: 1.25rem;
  opacity: 0;
}

@media (min-width: 1200px) {
  .kv_title {
    font-size: 1.5rem;
  }
}

@media (min-width: 1440px) {
  .kv_title {
    font-size: 1.75rem;
  }
}

.kv_bg {
  padding-top: 56.25%;
}

.kv_bg_cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  transition: width 5s 0.5s;
}

.kv_bg_img {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 1440px;
  height: 100%;
  background: url("img/kv.png") no-repeat center bottom;
  background-size: contain;
}

.kv_header {
  position: absolute;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 3.6px;
  font-size: 1.3125rem;
  opacity: 0;
}

@media (min-width: 1440px) {
  .kv_header {
    font-size: 1.75rem;
  }
}

.kv_left .kv_header {
  color: #7db97f;
  top: 4.0703052729%;
  left: 7.3643410853%;
}

.kv_right .kv_header {
  color: #70bad5;
  top: 4.0703052729%;
  left: 0%;
}

.kv_left,
.kv_right {
  position: relative;
  z-index: 3;
}

.kv_left {
  width: 49.5%;
}

.kv_right {
  width: 51.5%;
  overflow: hidden;
}

.kv_item_header {
  opacity: 0;
}

.kv_left .kv_item_header {
  margin-bottom: 25px;
}

.kv_right .kv_item_header {
  margin-bottom: 25px;
}

.kv_item_title {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  letter-spacing: 1.9px;
  white-space: nowrap;
}
.kv_item_stitle {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  letter-spacing: 1px;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .kv_item_title {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .kv_item_stitle {font-size: 0.85rem; }
}

@media (min-width: 1440px) {
  .kv_item_title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1440px) {
  .kv_item_stitle {
    font-size: 1.1rem;
  }
}

.kv_left .kv_item_title,
.kv_left .kv_item_stitle {
  color: #7db97f;
}

.kv_right .kv_item_title,
.kv_right .kv_item_stitle {
  color: #70bad5;
}

.kv_item_content {
  color: #464646;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 1.9px;
  font-size: 0.75rem;
  max-width: 8.5rem;
}

.kv_item_content_plus {
  color: #464646;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 1.9px;
  font-size: 0.75rem;
  max-width: 50rem;
}

.kv_left .kv_item_content {
  max-width: 7.5rem;
}

@media (min-width: 1440px) {
  .kv_left .kv_item_content {
    font-size: 0.8125rem;
    max-width: 10rem;
  }
}

@media (min-width: 1440px) {
  .kv_item_content {
    font-size: 0.8125rem;
    max-width: 10rem;
  }
}

.kv_item_body {
  position: relative;
  width: 75%;
}

.kv_box {
  position: relative;
}

.kv_flag {
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s;
}

.kv_icon {
  position: absolute;
  z-index: 2;
}

.amway-logoDown {
  position: relative;
  top: 0px;
}

.kv_item {
  width: 100%;
  position: absolute;
  transition: all 0.3s;
  max-width: 140px;
  opacity: 0;
}

.kv_item:hover {
  transform: scale(1.1) translate(10px);
  transition: all 0.3s;
}

.kv_item:hover .kv_flag {
  opacity: 1;
}

/*左邊熊*/
.kv_left .kv_flag {
  max-width: 60px;
  width: 100%;
}

.kv_left .kv_item:nth-child(1) {
  left: 7.3643410853%;
  top: 55.6891766883%;
}

.kv_left .kv_item:nth-child(1) .kv_bear:before {
  padding-top: 99.0291262136%;
}

.kv_left .kv_item:nth-child(1) .kv_flag {
  top: -20.5882352941%;
  right: -21.359223301%;
  max-width: 29.1262135922%;
}

.kv_left .kv_item:nth-child(1) .kv_icon {
  bottom: -15.1960784314%;
  left: 15.5339805825%;
  max-width: 70.8737864078%;
}

.kv_left .kv_item:nth-child(1) .kv_item_body {
  max-width: 103px;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(1) .kv_item_body {
    max-width: 123.6px;
  }
}

.kv_left .kv_item:nth-child(2) {
  left: 32%;
  top: 48.7511563367%;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(2) {
    left: 32%;
  }
}

.kv_left .kv_item:nth-child(2) .kv_bear:before {
  padding-top: 102.538071066%;
}

.kv_left .kv_item:nth-child(2) .kv_flag {
  top: -18.3168316832%;
  right: -23.8578680203%;
  max-width: 30.4568527919%;
}

.kv_left .kv_item:nth-child(2) .kv_icon {
  bottom: -20.7920792079%;
  left: 21.3197969543%;
  max-width: 74.1116751269%;
}

.kv_left .kv_item:nth-child(2) .kv_item_body {
  max-width: 98.5px;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(2) .kv_item_body {
    max-width: 118.2px;
  }
}

/*新!銅獎章獎銜 位置*/
.kv_left .kv_item:nth-child(3) {
  left: 56.5%;
  top: 43.3857539315%;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(3) {
    left: 56.5%;
  }
}

/*amway圖示*/
.kv_left .kv_item:nth-child(3) .kv_icon {
  max-width: 83.908045977%;
  text-align: center;
  margin: auto;
  position: relative;
}

.kv_left .kv_item:nth-child(3) .kv_item_body {
  max-width: 87px;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(3) .kv_item_body {
    max-width: 104.4px;
  }
}

/*左邊第三隻熊位置*/
.kv_left .kv_item:nth-child(4) {
  left: 72%;
  top: 30.4255319149%;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(4) {
    left: 72.5%;
  }
}

/*第三隻熊位置*/
.kv_left .kv_item:nth-child(4) .kv_bear:before {
  padding-top: 160.9885057471%;
}

.kv_left .kv_item:nth-child(4) .kv_flag {
  top: 7%;
  right: -20.1149425287%;
  max-width: 34.4827586207%;
}

/*第三隻熊圓圖示*/
.kv_left .kv_item:nth-child(4) .kv_icon {
  bottom: -10.4205607477%;
  right: -25.8620689655%;
  max-width: 83.908045977%;
}


.kv_left .kv_item:nth-child(4) .kv_item_header {
  margin-bottom: 0;
  margin: auto;
  /*text-align: center;*/
}

.kv_left .kv_item:nth-child(4) .kv_item_body {
  margin: auto;
  max-width: 91px;
}

@media (min-width: 1440px) {
  .kv_left .kv_item:nth-child(4) .kv_item_body {
    max-width: 109.2px;
  }
}

/*右邊熊*/
.kv_right .kv_flag {
  max-width: 60px;
  width: 100%;
}

.kv_right .kv_item:nth-child(1) {
  left: 0%;
  top: 24%;
}

.kv_right .kv_item:nth-child(1) .kv_bear:before {
  padding-top: 143%;
}

.kv_right .kv_item:nth-child(1) .kv_flag {
  top: -15%;
  right: -40%;
  max-width: 55%;
}

.kv_right .kv_item:nth-child(1) .kv_icon {
  left: -15%;
  top: 55%;
  max-width: 86.9047619048%;
}

.kv_right .kv_item:nth-child(1) .kv_item_body {
  margin: auto;
  max-width: 84px;
}

@media (min-width: 1440px) {
  .kv_right .kv_item:nth-child(1) .kv_item_body {
    max-width: 100.8px;
  }
}

.kv_right .kv_item:nth-child(2) {
  left: 25%;
  top: 17.2987974098%;
}

.kv_right .kv_item:nth-child(2) .kv_bear:before {
  padding-top: 142.2619047619%;
}

.kv_right .kv_item:nth-child(2) .kv_flag {
  top: -3.7656903766%;
  right: -25.5952380952%;
  max-width: 35.7142857143%;
  z-index: 1;
}

.kv_right .kv_item:nth-child(2) .kv_icon {
  left: -25%;
  bottom: -3.3472803347%;
  max-width: 86.9047619048%;
}

.kv_right .kv_item:nth-child(2) .kv_item_body {
  margin: auto;
  max-width: 84px;
}

@media (min-width: 1440px) {
  .kv_right .kv_item:nth-child(2) .kv_item_body {
    max-width: 100.8px;
  }
}

.kv_right .kv_item:nth-child(3) {
  left: 51%;
  top: 10.3607770583%;
}

.kv_right .kv_item:nth-child(3) .kv_bear:before {
  padding-top: 106.511627907%;
}

.kv_right .kv_item:nth-child(3) .kv_flag {
  top: -9.6069868996%;
  right: -20.9302325581%;
  max-width: 27.9069767442%;
}

.kv_right .kv_item:nth-child(3) .kv_icon {
  right: -11.6279069767%;
  bottom: -12.6637554585%;
  max-width: 67.9069767442%;
}

.kv_right .kv_item:nth-child(3) .kv_item_body {
  max-width: 107.5px;
}

@media (min-width: 1440px) {
  .kv_right .kv_item:nth-child(3) .kv_item_body {
    max-width: 129px;
  }
}

.kv_right .kv_item:nth-child(4) {
  left: 77%;
  top: 6.4754856614%;
}

.kv_right .kv_item:nth-child(4) .kv_bear:before {
  padding-top: 69.4006309148%;
}

.kv_right .kv_item:nth-child(4) .kv_flag {
  top: -5.4545454545%;
  right: 4.4164037855%;
  max-width: 31.5457413249%;
}

.kv_right .kv_item:nth-child(4) .kv_icon {
  right: 12.3028391167%;
  bottom: -22.7272727273%;
  max-width: 46.0567823344%;
}

.kv_right .kv_item:nth-child(4) .kv_item_body {
  width: 100%;
}

@media (min-width: 1440px) {
  .kv_right .kv_item:nth-child(4) .kv_item_body {
    width: 100%;
  }
}

/*@media (max-width: 576px) {
  .cover_kv {
  pointer-events: all;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url("img/mobile_cover2425.jpg") no-repeat center;
  background-size: cover;
  z-index: 13;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Meiryo, "Droid Sans";
 }
}*/

@media (max-width: 1023px){
.cover_kv {
  pointer-events: all;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url("img/mobile_cover2425.jpg") no-repeat center;
  background-size: cover;
  z-index: 12;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
	}}
@media (min-width: 1024px){
.cover_kv {
  pointer-events: all;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url("img/cover_202425.jpg") no-repeat center;
  background-size: cover;
  z-index: 12;
  opacity: 1;
  display: flex;
  align-items:center;
  justify-content: center;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
	}}

.cover_kv.close {
  pointer-events: none;
  transition: opacity 0.5s, z-index 1s;
  z-index: -1;
  opacity: 0;
}

.cover_header,
.cover_content {
  padding: 0 20px;
}

.cover_header {
  text-align: center;
}

.cover_title {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 5.8px;
  color: #070707;
  margin:0 0 20px 0;
  padding:0;
  text-align: center;
}

/*2021-0830新增*/
.grayType{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #666;
  text-align: center;
  margin:0 0 20px 0;
  padding:0;
  position: relative;
  top:-30px;
}

@media (max-width: 768px) {
  .grayType{
    font-size: 18px;
    top:-12px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .grayType{
    font-size: 20px;
    top:-30px;
  }
}

@media (min-width: 576px) {
  .cover_title {
    font-size: 38px;
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .cover_title {
    font-size: 58px;
  }
}

.cover_img {
  max-width: 300px;
}

.cover_info {
  font-size: 0.9375rem;
  color: #3a3939;
  line-height: 1.72;
  letter-spacing: 2.5px;
  text-align: center;
  width: 100%;
  max-width: 445px;
}

.cover_info:nth-child(1) {
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .cover_info {
    font-size: 1rem;
  }
}

.cover_skip {
  cursor: pointer;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: 54px;
  border-radius: 23px;
  color: #ffffff;
  background: #000;
  letter-spacing: 2px;
  padding: 5px 28px 5px 37px;
}

@media (min-width: 992px) {
  .cover_skip {
    right: 132px;
  }
}

.on-animate .kv_bg_cover {
  width: 100%;
}

.on-animate .kv_title {
  opacity: 1;
}

.on-animate .kv_header {
  opacity: 1;
}

.on-animate .kv_item_header {
  opacity: 1;
}

.on-animate .kv_item {
  animation: show-bear 0.5s linear;
  animation-fill-mode: both;
}

@keyframes show-bear {
  0% {
    transform: translateY(-30px);
  }

  10% {
    opacity: 1;
  }

  50% {
    transform: translateY(0px);
  }

  75% {
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.kvslider {
  position: relative;
  height: calc(100vh - 57px);
  height: calc(var(--vh, 1vh) * 100 - 57px);
}

@media (min-width: 576px) {
  .kvslider {
    height: auto;
  }
}

.kvslider.mb {
  display: block;
}

@media (min-width: 576px) {
  .kvslider.mb {
    display: none;
  }
}

.kvslider.pad {
  display: none;
}

@media (min-width: 576px) {
  .kvslider.pad {
    display: block;
  }
}

@media (min-width: 992px) {
  .kvslider.pad {
    display: none;
  }
}

.kvslider.pad .swiper-slide .kvslider_img {
  max-width: initial;
  left: 0;
}

.kvslider.pad .kvslider_subtitle {
  z-index: 3;
  font-size: 26px;
  left: 4.3%;
  width: auto;
  top: 7%;
}

.kvslider.pad .kvslider_fixed {
  width: 100%;
}

.kvslider.pad .kvslider_title {
  font-size: 24px;
}

.kvslider_subtitle {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 14%;
  letter-spacing: 3.6px;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s, top 0.5s ease;
}

.kvslider_subtitle.purple {
  color: #b98cb7;
}

.kvslider_subtitle.green {
  color: #7db97f;
}
.kvslider_subtitle.blue {
  color: #3ca1c6;
}

.kvslider_subtitle.on {
  opacity: 1;
  top: 9.2%;
}

.kvslider_card {
  width: 100%;
  margin: auto;
  padding-top: 28.338762215%;
}

.kvslider_header {
  width: 100%;
  max-width: 260px;
  margin: 0 auto 2rem;
  padding: 0.75rem;
  /*border-radius: 1rem;*/
  text-align: center;
  /*background-color: #fff;*/
}

.kvslider_cart_title {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 4px;
  margin-bottom: 0.5rem;
}
.kvslider_cart_stitle {
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 2px;
  margin-bottom: 0.5rem;
}

.kvslider_content {
  letter-spacing: 2px;
  font-size: 14px;
}

/*手機兩欄 第三隻熊*/
.kv_two_col {
  display: flex;
}

.kv_two_col .kvslider_card:nth-child(2) {
  padding-left: 10px;
  margin-top: 0;
}

.kv_two_col .kvslider_card:nth-child(1) {
  margin: initial;
  width: 60%;
  margin-top: 1rem;
}

.kv_two_col .kvslider_card:nth-child(1) .kvslider_cart_title {
  font-size: 14px;
  text-align: center;
  margin-top: 2rem;
}

.kv_two_col .kvslider_card:nth-child(1) .kvslider_img {
  width: 50%;
}

.kvslider.mb .kvslider_img {
  z-index: 3;
}

.kvslider.mb .swiper-slide:nth-child(1) .kvslider_cart_title {
  color: #7db97f;
}

.kvslider.mb .swiper-slide:nth-child(1) .kvslider_img {
  position: relative;
  left: 4%;
  max-width: 46.8533333333%;
  margin: auto;
}

.kvslider.mb .swiper-slide:nth-child(2) .kvslider_cart_title {
  color: #7db97f;
}

/*第二隻*/
.kvslider.mb .swiper-slide:nth-child(2) .kvslider_img {
  max-width: 45.5466666667%;
  margin: auto;
}

.kvslider.mb .swiper-slide:nth-child(3) .kvslider_cart_title,
.kvslider.mb .swiper-slide:nth-child(3) .kvslider_cart_stitle{
  color: #7db97f;
}

.kvslider.mb .swiper-slide:nth-child(3) .kvslider_img {
  max-width: 47.888%;
  margin: auto;
	
}

.kvslider.mb .swiper-slide:nth-child(4) .kvslider_cart_title {
  color: #3ca1c6;
}

.kvslider.mb .swiper-slide:nth-child(4) .kvslider_img {
  max-width: 48%;
  margin: auto;
  
}

.kvslider.mb .swiper-slide:nth-child(5) .kvslider_cart_title {
  color: #3ca1c6;
}

.kvslider.mb .swiper-slide:nth-child(5) .kvslider_img {
  max-width: 48.5333333333%;
  margin: auto;
}

.kvslider.mb .swiper-slide:nth-child(6) .kvslider_cart_title,
.kvslider.mb .swiper-slide:nth-child(6) .kvslider_cart_stitle,
.kvslider.mb .swiper-slide:nth-child(7) .kvslider_cart_title,
.kvslider.mb .swiper-slide:nth-child(8) .kvslider_cart_title{
  color: #3ca1c6;

}

.kvslider.mb .swiper-slide:nth-child(6) .kvslider_img {
  max-width: 45%;
  margin: auto;
  margin-top:-10%;
}
.kvslider.mb .swiper-slide:nth-child(7) .kvslider_img {
  max-width: 59.1733333333%;
  margin: auto;
}
.kvslider.mb .swiper-slide:nth-child(8) .kvslider_img {
  max-width: 59.1733333333%;
  margin: auto;
}

.kv_wave {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  z-index: -1;
}

.kv_wave_img {
  width: 100%;
}

.slide-left-img,
.slide-right-img {
  position: relative;
}

.slide-left-img:before,
.slide-right-img:before {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 119.3359375%;
}

.slide-left-img .embed_image,
.slide-right-img .embed_image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0;
}

/*ipad是用圖片*/
.slide-left-img .embed_image {
  background: url(img/pad-left-kv.jpg) no-repeat center bottom;
  background-size: cover;
}

.slide-right-img .embed_image {
  background: url(img/pad-right-kv.jpg) no-repeat center bottom;
  background-size: cover;
}

.kvslider_fixed {
  pointer-events: none;
  position: absolute;
  bottom: 3.013029316%;
  left: 50%;
  transform: translateX(-50%);
  width: 16.5rem;
  text-align: center;
  z-index: 2;
}

.kvslider_title {
  color: #9082b3;
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 3.9px;
  font-size: 14px;
}

.kv_counter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-align: right;
  padding-right: 7px;
  margin-bottom: 0.5rem;
  transition: 0.32s ease;
}

.kv_counter:after {
  content: "";
  display: block;
  position: absolute;
  background: url("img/up.png") no-repeat center;
  background-size: cover;
  width: 12px;
  height: 12px;
  top: 3px;
  right: 10px;
  opacity: 0;
  transition: all 0.3s;
  transform: translateY(5px);
}

.kv_counter .increase {
  transition: 0.32s ease;
  margin-right: 5px;
}

.kv_counter.up {
  padding-right: 25px;
}

.kv_counter.up:after {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s;
}

.kv_counter .unit {
  display: block;
  width: 20px;
  text-align: left;
}

.js-counting-pct.counting,
.js-counting-pv.counting {
  font-size: 14px;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.54);
}

.kvslider_wave {
  flex: 1 0 30px;
  width: 100%;
  height: 30px;
  z-index: 12;
  animation: wave-animation 2.6s infinite linear;
  background: url("img/wave2.png") 0 0 repeat-x;
}

.kvslider_box {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.kvslider_height {
  position: relative;
  height: 90px;
  background: #406685;
  transition: height 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.kvslider_height::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 10px;
  background: #406685;
  top: -7px;
  z-index: -1;
}

@keyframes wave-animation {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1601px 0;
  }
}

.swiper-container {
  z-index: 2;
  height: 100%;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-next {
  background-image: url("img/button-right.png");
  background-size: cover;
  width: 14px;
  height: 25px;
}

.swiper-button-prev {
  background-image: url("img/button-left.png");
  background-size: cover;
  width: 14px;
  height: 25px;
}

.section_header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 1200px) {
  .section_header {
    width: 50%;
  }
}

.section_icon {
  max-width: 40px;
  width: 100%;
  margin-right: 10px;
}

@media (min-width: 576px) {
  .section_icon {
    max-width: 65px;
  }
}

.section_title {
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 3.6px;
  width: 100%;
  padding: 5px;
}

@media (min-width: 576px) {
  .section_title {
    font-size: 1.125rem;
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .section_title {
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .section_title {
    width: calc(100% - 76px);
  }
}

.section_title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: -20px;
  width: 100%;
  height: 2px;
}

.section_type {
  font-size: 12px;
  position: absolute;
  bottom: -2px;
  right: 0;
  max-width: 41px;
  height: 40px;
  padding-left: 5px;
  font-weight: bold;
  letter-spacing: 1px;
}

@media (min-width: 576px) {
  .section_type {
    font-size: 14px;
    max-width: 45px;
    height: 45px;
  }
}

.section_subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  letter-spacing: 2.1px;
  margin-bottom: 1rem;
}

.section_sample .section_subtitle {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 1rem;
}

.section_sample .section_subtitle:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  max-width: 450px;
  background: #464646;
}

@media (min-width: 1200px) {
  .section_body {
    display: flex;
  }
}

.section_content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  .section_content {
    padding-right: 25px;
    padding-left: 75px;
    margin-bottom: 0;
    max-width: 50%;
  }
}

.section_content:last-child {
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  .section_content:last-child {
    padding-left: 25px;
    padding-right: 75px;
    max-width: 50%;
  }
}

.section_reward,
.section_sample {
  margin-bottom: 30px;
}

@media (min-width: 768px) {

  .section_reward,
  .section_sample {
    margin-bottom: 60px;
  }
}

.section_standard {
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .section_standard {
    margin-bottom: 0px;
  }
}

.section_calculate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
  padding: 15px 0;
  margin: 20px 0px;
  color: #313131;
}

@media (min-width: 576px) {
  .section_calculate {
    max-width: 450px;
  }
}

.section_calculate.no-line {
  justify-content: flex-start;
  border-top: 0px;
  border-bottom: 0px;
}

.section_calculate.no-line .cal-line {
  color: #707070;
}

.section_calculate.no-line .icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #7db97f;
  color: #fff;
  margin: 10px;
  font-size: 14px;
}
.section_calculate.no-line .icon-circle2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #3ca1c6;
  color: #fff;
  margin: 10px;
  font-size: 14px;
}

@media (min-width: 576px) {
  .section_calculate.no-line .icon-circle,
  .section_calculate.no-line .icon-circle2
	{
    margin: 0 20px;
  }
}

.section_calculate.no-line .cal-pink {
  font-size: 28px;
  color: #945141;
}

.section_calculate .cal-line {
  font-size: 16px;
}

.section_calculate .icon-circle ,
.section_calculate .icon-circle {
  font-size: 14px;
  margin: 10px 0;
}

@media (min-width: 576px) {
  .section_calculate .icon-circle,
  .section_calculate .icon-circle2{
    font-size: 20px;
    margin: 0;
  }
}

.section_calculate .cal-pink {
  color: #945141;
  font-size: 20px;
}

.icon-circle ,
.icon-circle2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #464646;
}


.icon-blue {
  background: #3ca1c6;
  color: #fff;
  margin: 0 20px;
}

.icon-green {
  background: #7db97f;
  color: #fff;
  margin: 0 20px;
}

.section-customer .section_title,
.section-basic .section_title,
.section-copper .section_title {
  color: #7db97f;
  border-bottom: 2px solid #7db97f;
}

.section-customer .section_type,
.section-basic .section_type,
.section-copper .section_type {
  border: 2px solid #7db97f;
}

.section-Qspecial .section_title,
.section-person .section_title,
.section-organization .section_title,
.section-platinum .section_title,
.section-double .section_title {
  color: #3ca1c6;
  border-bottom: 2px solid #3ca1c6;
}

.section-Qspecial .section_type,
.section-person .section_type,
.section-organization .section_type,
.section-platinum .section_type,
.section-double .section_type {
  border: 2px solid #3ca1c6;
}

.section_sample .info_line {
  margin-bottom: 30px;
}

.section-customer .section_calculate {
  max-width: initial;
  flex-direction: column;
}

@media (min-width: 576px) {
  .section-customer .section_calculate {
    flex-direction: row;
    justify-content: center;
  }
}

.section-customer .table-wrap {
  padding: 20px;
  background: #fcebeb;
}

.section-customer .cal-line {
  text-align: center;
}

.section-customer .section_reward table {
  max-width: 360px;
  margin: auto;
}

.section-customer .section_reward .table_wrap {
  overflow: auto;
}

.section-customer .section_reward .table_wrap th {
  width: 50%;
}

.section-customer .section_reward .table_wrap th.newcol {
  width: 30% !important;
}

@media (min-width: 992px) {

  .section-customer .section_standard th:nth-child(1),
  .section-customer .section_standard th:nth-child(2) {
    min-width: auto;
  }
}

.section-customer .section_sample .info_line {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .section-basic {
    background: url("img/line-purple.png");
    background-position: 92% 93%;
    background-repeat: no-repeat;
    background-size: 58%;
  }
}

.section-copper .note_content {
  display: block;
}

@media (min-width: 576px) {
  .section-copper .note_content {
    display: flex;
  }
}

.section-copper .section_sample .info_img {
  margin-top: 15px;
}

@media (min-width: 576px) {
  .section-copper .section_sample .info_wrap {
    padding-right: 20px;
  }
}

@media (min-width: 576px) {
  .section-copper .section_sample .table-flex {
    position: relative;
    padding-right: 120px;
  }
}

@media (min-width: 1200px) {
  .section-copper .section_sample .table-flex {
    padding-right: 60px;
  }
}

.section-copper .section_sample .table-flex .table-tag {
  width: 148px;
  height: 85px;
  background: url("img/tag.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 12px;
  padding: 7px 10px 7px 40px;
  color: #f0908a;
  margin-top: 20px;
}

@media (min-width: 576px) {
  .section-copper .section_sample .table-flex .table-tag {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-63%);
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .section-copper .section_sample .table-flex .table-tag {
    right: -70px;
  }
}

@media (min-width: 1200px) {
  .section-copper {
    background: url("img/line-grey.png");
    background-position: 0% 94%;
    background-repeat: no-repeat;
    background-size: 56%;
  }
}
@media (min-width: 1200px) {
  .section-Qspecial {
    background: url("img/line-purple.png");
    background-position: 10% 93%;
    background-repeat: no-repeat;
    background-size: 50%;
  }
}

@media (min-width: 1200px) {
  .section-organization {
    background: url("img/line-orange.png");
    background-position: 98% 93%;
    background-repeat: no-repeat;
    background-size: 70%;
  }
}


.section-person .section_sample .section_subtitle {
  margin-top: 40px;
}

.section-person .section_sample .table {
  max-width: 360px;
  margin: auto;
}

.section-person .section_sample .table th {
  width: 50%;
}

@media (min-width: 992px) {
  .section-person .section_sample .table {
    margin-top: 38px;
  }
}

@media (min-width: 1200px) {
  .section-person {
    background: url("img/line-pink.png");
    background-position: 0% 92%;
    background-repeat: no-repeat;
    background-size: 58%;
  }
}

.section-organization .section_reward th {
  width: 50%;
}

.section-double .section_header {
  margin-bottom: 40px;
}

.section-double .section_sample .section_standard {
  margin: 0;
}

.section-double .section_sample .section_subtitle {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .section-double .section_sample {
    margin-top: 38px;
  }
}

@media (min-width: 1200px) {
  .section-double {
    background: url("img/line-green.png");
    background-position: 90% 99%;
    background-repeat: no-repeat;
    background-size: 55%;
  }
}

.section-attention {
  padding: 30px;
  max-width: 1460px;
}

.section-attention .section_inner {
  background: #406685;
  padding: 20px 20px;
  max-width: 1480px;
  margin: auto;
}

@media (min-width: 576px) {
  .section-attention .section_inner {
    padding: 30px 55px;
  }
}

.section-attention .section_inner .section_title {
  margin: 0 auto 20px;
}

.section-attention .section_title {
  text-align: center;
  color: #fff;
  margin-bottom: 1rem;
  letter-spacing: 5.35px;
  max-width: 100%;
}

.section-attention .list {
  color: #fff;
  letter-spacing: 3.27px;
  line-height: 1.66;
}

.section-attention .list_item {
  margin-bottom: 3px;
}

.section_content:nth-child(1) {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 1s, opacity 1s;
}

.section_content:nth-child(2) {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 1s, opacity 1s;
  transition-delay: 0.3s;
}

.section.on-animate .section_content:nth-child(1) {
  transform: translateY(0px);
  opacity: 1;
}

.section.on-animate .section_content:nth-child(2) {
  transform: translateY(0px);
  opacity: 1;
}

section[id^=faq-] {
  max-width: 1260px;
  padding: 30px 20px;
}

@media (min-width: 768px) {
  section[id^=faq-] {
    padding: 70px 20px;
  }
}

section.faq-kv {
  padding-top: 100px;
}

@media (min-width: 768px) {
  section.faq-kv {
    padding-top: 66px;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

section.faq-kv .faq_title {
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 2px;
}

@media (min-width: 576px) {
  section.faq-kv .faq_title {
    font-size: 1.1rem;
    letter-spacing: 3.6px;
  }
}

@media (min-width: 768px) {
  section.faq-kv .faq_title {
    font-size: 1.375rem;
  }
}

section.faq-kv .faq_item {
  flex: 1 0 50%;
  width: 50%;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  section.faq-kv .faq_item {
    flex: 1 0 33.3333%;
    max-width: 33.3333%;
    width: 33.3333%;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  section.faq-kv .faq_item {
    flex: 1 0 25%;
    max-width: 25%;
    width: 25%;
    margin-bottom: 20px;
  }
}

section.faq-kv .faq_item:hover {
  transform: scale(1.1);
}

.faq_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.faq_header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .faq_header {
    margin-bottom: 45px;
  }
}

@media (min-width: 768px) {
  .faq_content {
    padding: 0 40px;
  }
}

.faq_icon {
  max-width: 65px;
  margin-right: 10px;
}

.faq_title {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 3.6px;
  margin-left: 10px;
}

@media (min-width: 768px) {
  .faq_title {
    font-size: 1.375rem;
  }
}

.faq-kv .faq_title {
  margin: 0;
  text-align: center;
}

.faq_title.color-green {
  color: #78ad89;
}
.faq_title.color-blue {
  color: #3ca1c6;
}

.faq_title.color-purple {
  color: #b98cb7;
}

.faq_title.color-grey {
  color: #313131;
}

.faq_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.faq_item {
  padding: 10px;
}

.faq_item:last-child {
  margin-bottom: 0;
}

.faq_name {
  text-align: center;
  font-size: 18px;
}

.faq_cover {
  text-align: center;
  margin: 0 auto 10px;
  max-width: 100px;
}

.faq_item {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .faq_item {
    margin-bottom: 45px;
  }
}

.faq_question {
  font-weight: bold;
  color: #e94b73;
  line-height: 1.52;
  letter-spacing: 2.5px;
  margin-bottom: 1rem;
  text-align: justify;
}

.faq_answer {
  font-weight: bold;
  color: #313131;
  line-height: 1.52;
  letter-spacing: 2.5px;
  text-align: justify;
}

.faq_note {
  font-size: 1rem;
}

.faq_note {
  font-weight: bold;
  color: #313131;
}

.faq_num {
  display: inline-block;
  /*width: 2.8rem;*/
  padding: 0 5px 0 0;
  /*QA數字的距離*/
}

.faq-file .faq_cover {
  margin: 0 auto 20px;
  max-width: 60px;
  width: 100%;
}

@media (min-width: 576px) {
  .faq-file .faq_cover {
    max-width: 80px;
  }
}

.faq-file .faq_content {
  display: flex;
  flex-wrap: wrap;
}

.faq-file .faq_item {
  flex: 1 0 50%;
  padding: 10px;
  max-width: 50%;
}

@media (min-width: 768px) {
  .faq-file .faq_item {
    flex: 1 0 33.3333%;
    max-width: 33.3333%;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .faq-file .faq_item {
    flex: 1 0 25%;
    max-width: 25%;
    margin-bottom: 20px;
  }
}

.faq-file p.faq_title {
  margin: 0;
  text-align: center;
  padding: 0;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .faq-file p.faq_title {
    font-size: 1.2rem;
  }
}

.footer {
  background: #D8D9D8;
  color: #707070;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", 微軟正黑體, Microsoft JhengHei, Meiryo, "Droid Sans";
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
  letter-spacing: 2px;
}

.t11 {
  font-size: 11px;
  line-height: inherit;
  text-align: center;
  letter-spacing: -5px;
}

html.ie .logo img {
  width: 80px;
}

html.ie .menu {
  flex: 1 0 1090px;
}

html.ie .section_type {
  padding-top: 5px;
}

html.ie .kvslider.mb {
  overflow: hidden;
}

html.ie .kvslider.pad {
  overflow: hidden;
}

html.ie .kvslider.pad .kvslider_img {
  max-width: auto;
}

@media (min-width: 576px) {
  html.ie .section-customer .section_calculate {
    max-width: 100%;
  }
}

html.ie .faq_list {
  width: 100%;
}

html.ie .faq_item {
  flex: 1 0 auto;
}

html.ie .faq_icon {
  width: 65px;
}

html.firefox .section_type {
  padding-top: 3px;
}

.imgforon{
  width: 100%;
}

@media (min-width: 1200px) {
  .imgforon{
    width: 90%;
	margin-left:auto;
	  margin-right:auto;
  }
}