@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box; }

html,
body,
dl,
dt,
dd,
input,
button,
select,
optgroup,
textarea {
  margin: 0; }

@media screen and (min-width: 769px) {
  html {
    font-size: max(calc(100vw / 1920 * 16), 14px); } }

@media screen and (max-width: 768px) {
  html {
    font-size: calc(100vw / 375 * 16); } }

body {
  font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    color: #19172e; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

p {
  margin: 0; }

img,
svg,
video {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

hr {
  border: 0;
  border-top: 1px solid #eee;
  margin: 1rem 0; }

iframe {
  border: 0; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

th, td {
  border: 1px solid #ced4da; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: auto;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  outline: none; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  appearance: none;
  -webkit-appearance: none;
  background: #fff no-repeat right center;
  background-size: 2rem 1rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Im0zMCA5LTYgNi02LTYiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjIiLz48L3N2Zz4=); }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

a {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s; }

.color-main {
  color: #3d3a71; }

.color-minor {
  color: #dc3545; }

.color-white {
  color: #fff; }

.color-light {
  color: #f8f9fa; }

.color-gray {
  color: #808080; }

.color-black {
  color: #000; }

.color-red {
  color: #dc3545; }

.color-yellow {
  color: #ffc107; }

.color-green {
  color: #198754; }

.color-blue {
  color: #0d6efd; }

.color-orange {
  color: #fd7e14; }

.bg-main {
  background-color: #3d3a71; }

.bg-minor {
  background-color: #dc3545; }

.bg-white {
  background-color: #fff; }

.bg-light {
  background-color: #f8f9fa; }

.bg-gray {
  background-color: #808080; }

.bg-black {
  background-color: #000; }

.bg-red {
  background-color: #dc3545; }

.bg-yellow {
  background-color: #ffc107; }

.bg-green {
  background-color: #198754; }

.bg-blue {
  background-color: #0d6efd; }

.bg-orange {
  background-color: #fd7e14; }

.t-sm {
  font-size: 0.875rem; }

.t-lg {
  font-size: 1.25rem; }

.tb {
  font-weight: bold; }
  .tb-300 {
    font-weight: 300; }
  .tb-400 {
    font-weight: 400; }
  .tb-700 {
    font-weight: 700; }

.ta-l {
  text-align: left; }

.ta-c {
  text-align: center; }

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

.ta-j {
  text-align: justify; }

@media screen and (min-width: 769px) {
  .t-sm-d {
    font-size: 0.875rem; }
  .t-lg-d {
    font-size: 1.25rem; }
  .tb {
    font-weight: bold; }
    .tb-300-d {
      font-weight: 300; }
    .tb-400-d {
      font-weight: 400; }
    .tb-700-d {
      font-weight: 700; }
  .ta-l-d {
    text-align: left; }
  .ta-c-d {
    text-align: center; }
  .ta-r-d {
    text-align: right; }
  .ta-j-d {
    text-align: justify; } }

@media screen and (max-width: 768px) {
  .t-sm-m {
    font-size: 0.875rem; }
  .t-lg-m {
    font-size: 1.25rem; }
  .tb {
    font-weight: bold; }
    .tb-300-m {
      font-weight: 300; }
    .tb-400-m {
      font-weight: 400; }
    .tb-700-m {
      font-weight: 700; }
  .ta-l-m {
    text-align: left; }
  .ta-c-m {
    text-align: center; }
  .ta-r-m {
    text-align: right; }
  .ta-j-m {
    text-align: justify; } }

.pp p {
  margin-bottom: 1em; }
  .pp p:last-child {
    margin-bottom: 0; }

.pp img {
  margin: auto;
  height: auto !important; }

.pp .image {
  margin: 0 auto;
  text-align: center; }

.pp .text-big {
  font-size: 1.25rem; }

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

@media screen and (min-width: 769px) {
  .show-d {
    display: block !important; }
  .hide-d {
    display: none !important; } }

@media screen and (max-width: 768px) {
  .show-m {
    display: block !important; }
  .hide-m {
    display: none !important; } }

.clear::after, .dl-01::after, .dl-02::after, .section-02::after, .section-03 .imgs::after, .section-04::after, .section-07 .imgs::after, .section-12 .body::after, .section-15 .body::after, .section-17 .list::after, .section-18 .list::after, .section-19 .list::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

.fn {
  float: none; }

.w-0 {
  width: 0%; }

.w-50 {
  width: 50%; }

.w-100 {
  width: 100%; }

.h-0 {
  height: 0%; }

.h-50 {
  height: 50%; }

.h-100 {
  height: 100%; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-static {
  position: static; }

.position-top {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.position-center {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.position-bottom {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.position-full {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.fixed-top {
  z-index: 10;
  position: fixed;
  left: 0;
  right: 0;
  top: 0; }

.fixed-bottom {
  z-index: 10;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

@media screen and (min-width: 769px) {
  .fl-d {
    float: left; }
  .fr-d {
    float: right; }
  .fn-d {
    float: none; }
  .w-0-d {
    width: 0%; }
  .w-50-d {
    width: 50%; }
  .w-100-d {
    width: 100%; }
  .h-0-d {
    height: 0%; }
  .h-50-d {
    height: 50%; }
  .h-100-d {
    height: 100%; }
  .position-relative-d {
    position: relative; }
  .position-absolute-d {
    position: absolute; }
  .position-static-d {
    position: static; }
  .position-top-d {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
  .position-center-d {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .position-bottom-d {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .position-full-d {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .fixed-top-d {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    top: 0; }
  .fixed-bottom-d {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; } }

@media screen and (max-width: 768px) {
  .fl-m {
    float: left; }
  .fr-m {
    float: right; }
  .fn-m {
    float: none; }
  .w-0-m {
    width: 0%; }
  .w-50-m {
    width: 50%; }
  .w-100-m {
    width: 100%; }
  .h-0-m {
    height: 0%; }
  .h-50-m {
    height: 50%; }
  .h-100-m {
    height: 100%; }
  .position-relative-m {
    position: relative; }
  .position-absolute-m {
    position: absolute; }
  .position-static-m {
    position: static; }
  .position-top-m {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
  .position-center-m {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .position-bottom-m {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .position-full-m {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .fixed-top-m {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    top: 0; }
  .fixed-bottom-m {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; } }

.m-a {
  margin-left: auto;
  margin-right: auto; }

.m {
  margin: 0.5rem !important; }

.m-0 {
  margin: 0rem !important; }

.m-1 {
  margin: 1rem !important; }

.m-2 {
  margin: 2rem !important; }

.m-3 {
  margin: 3rem !important; }

.m-5 {
  margin: 5rem !important; }

.m-l {
  margin-left: 0.5rem !important; }

.m-l-0 {
  margin-left: 0rem !important; }

.m-l-1 {
  margin-left: 1rem !important; }

.m-l-2 {
  margin-left: 2rem !important; }

.m-l-3 {
  margin-left: 3rem !important; }

.m-l-5 {
  margin-left: 5rem !important; }

.m-r {
  margin-right: 0.5rem !important; }

.m-r-0 {
  margin-right: 0rem !important; }

.m-r-1 {
  margin-right: 1rem !important; }

.m-r-2 {
  margin-right: 2rem !important; }

.m-r-3 {
  margin-right: 3rem !important; }

.m-r-5 {
  margin-right: 5rem !important; }

.m-t {
  margin-top: 0.5rem !important; }

.m-t-0 {
  margin-top: 0rem !important; }

.m-t-1 {
  margin-top: 1rem !important; }

.m-t-2 {
  margin-top: 2rem !important; }

.m-t-3 {
  margin-top: 3rem !important; }

.m-t-5 {
  margin-top: 5rem !important; }

.m-b {
  margin-bottom: 0.5rem !important; }

.m-b-0 {
  margin-bottom: 0rem !important; }

.m-b-1 {
  margin-bottom: 1rem !important; }

.m-b-2 {
  margin-bottom: 2rem !important; }

.m-b-3 {
  margin-bottom: 3rem !important; }

.m-b-5 {
  margin-bottom: 5rem !important; }

.p {
  padding: 0.5rem !important; }

.p-0 {
  padding: 0rem !important; }

.p-1 {
  padding: 1rem !important; }

.p-2 {
  padding: 2rem !important; }

.p-3 {
  padding: 3rem !important; }

.p-5 {
  padding: 5rem !important; }

.p-l {
  padding-left: 0.5rem !important; }

.p-l-0 {
  padding-left: 0rem !important; }

.p-l-1 {
  padding-left: 1rem !important; }

.p-l-2 {
  padding-left: 2rem !important; }

.p-l-3 {
  padding-left: 3rem !important; }

.p-l-5 {
  padding-left: 5rem !important; }

.p-r {
  padding-right: 0.5rem !important; }

.p-r-0 {
  padding-right: 0rem !important; }

.p-r-1 {
  padding-right: 1rem !important; }

.p-r-2 {
  padding-right: 2rem !important; }

.p-r-3 {
  padding-right: 3rem !important; }

.p-r-5 {
  padding-right: 5rem !important; }

.p-t {
  padding-top: 0.5rem !important; }

.p-t-0 {
  padding-top: 0rem !important; }

.p-t-1 {
  padding-top: 1rem !important; }

.p-t-2 {
  padding-top: 2rem !important; }

.p-t-3 {
  padding-top: 3rem !important; }

.p-t-5 {
  padding-top: 5rem !important; }

.p-b {
  padding-bottom: 0.5rem !important; }

.p-b-0 {
  padding-bottom: 0rem !important; }

.p-b-1 {
  padding-bottom: 1rem !important; }

.p-b-2 {
  padding-bottom: 2rem !important; }

.p-b-3 {
  padding-bottom: 3rem !important; }

.p-b-5 {
  padding-bottom: 5rem !important; }

@media screen and (min-width: 769px) {
  .m-a-d {
    margin-left: auto;
    margin-right: auto; }
  .m-d {
    margin: 0.5rem !important; }
  .m-0-d {
    margin: 0rem !important; }
  .m-1-d {
    margin: 1rem !important; }
  .m-2-d {
    margin: 2rem !important; }
  .m-3-d {
    margin: 3rem !important; }
  .m-5-d {
    margin: 5rem !important; }
  .m-l-d {
    margin-left: 0.5rem !important; }
  .m-l-0-d {
    margin-left: 0rem !important; }
  .m-l-1-d {
    margin-left: 1rem !important; }
  .m-l-2-d {
    margin-left: 2rem !important; }
  .m-l-3-d {
    margin-left: 3rem !important; }
  .m-l-5-d {
    margin-left: 5rem !important; }
  .m-r-d {
    margin-right: 0.5rem !important; }
  .m-r-0-d {
    margin-right: 0rem !important; }
  .m-r-1-d {
    margin-right: 1rem !important; }
  .m-r-2-d {
    margin-right: 2rem !important; }
  .m-r-3-d {
    margin-right: 3rem !important; }
  .m-r-5-d {
    margin-right: 5rem !important; }
  .m-t-d {
    margin-top: 0.5rem !important; }
  .m-t-0-d {
    margin-top: 0rem !important; }
  .m-t-1-d {
    margin-top: 1rem !important; }
  .m-t-2-d {
    margin-top: 2rem !important; }
  .m-t-3-d {
    margin-top: 3rem !important; }
  .m-t-5-d {
    margin-top: 5rem !important; }
  .m-b-d {
    margin-bottom: 0.5rem !important; }
  .m-b-0-d {
    margin-bottom: 0rem !important; }
  .m-b-1-d {
    margin-bottom: 1rem !important; }
  .m-b-2-d {
    margin-bottom: 2rem !important; }
  .m-b-3-d {
    margin-bottom: 3rem !important; }
  .m-b-5-d {
    margin-bottom: 5rem !important; }
  .p-d {
    padding: 0.5rem !important; }
  .p-0-d {
    padding: 0rem !important; }
  .p-1-d {
    padding: 1rem !important; }
  .p-2-d {
    padding: 2rem !important; }
  .p-3-d {
    padding: 3rem !important; }
  .p-5-d {
    padding: 5rem !important; }
  .p-l-d {
    padding-left: 0.5rem !important; }
  .p-l-0-d {
    padding-left: 0rem !important; }
  .p-l-1-d {
    padding-left: 1rem !important; }
  .p-l-2-d {
    padding-left: 2rem !important; }
  .p-l-3-d {
    padding-left: 3rem !important; }
  .p-l-5-d {
    padding-left: 5rem !important; }
  .p-r-d {
    padding-right: 0.5rem !important; }
  .p-r-0-d {
    padding-right: 0rem !important; }
  .p-r-1-d {
    padding-right: 1rem !important; }
  .p-r-2-d {
    padding-right: 2rem !important; }
  .p-r-3-d {
    padding-right: 3rem !important; }
  .p-r-5-d {
    padding-right: 5rem !important; }
  .p-t-d {
    padding-top: 0.5rem !important; }
  .p-t-0-d {
    padding-top: 0rem !important; }
  .p-t-1-d {
    padding-top: 1rem !important; }
  .p-t-2-d {
    padding-top: 2rem !important; }
  .p-t-3-d {
    padding-top: 3rem !important; }
  .p-t-5-d {
    padding-top: 5rem !important; }
  .p-b-d {
    padding-bottom: 0.5rem !important; }
  .p-b-0-d {
    padding-bottom: 0rem !important; }
  .p-b-1-d {
    padding-bottom: 1rem !important; }
  .p-b-2-d {
    padding-bottom: 2rem !important; }
  .p-b-3-d {
    padding-bottom: 3rem !important; }
  .p-b-5-d {
    padding-bottom: 5rem !important; } }

@media screen and (max-width: 768px) {
  .m-a-m {
    margin-left: auto;
    margin-right: auto; }
  .m-m {
    margin: 0.5rem !important; }
  .m-0-m {
    margin: 0rem !important; }
  .m-1-m {
    margin: 1rem !important; }
  .m-2-m {
    margin: 2rem !important; }
  .m-3-m {
    margin: 3rem !important; }
  .m-5-m {
    margin: 5rem !important; }
  .m-l-m {
    margin-left: 0.5rem !important; }
  .m-l-0-m {
    margin-left: 0rem !important; }
  .m-l-1-m {
    margin-left: 1rem !important; }
  .m-l-2-m {
    margin-left: 2rem !important; }
  .m-l-3-m {
    margin-left: 3rem !important; }
  .m-l-5-m {
    margin-left: 5rem !important; }
  .m-r-m {
    margin-right: 0.5rem !important; }
  .m-r-0-m {
    margin-right: 0rem !important; }
  .m-r-1-m {
    margin-right: 1rem !important; }
  .m-r-2-m {
    margin-right: 2rem !important; }
  .m-r-3-m {
    margin-right: 3rem !important; }
  .m-r-5-m {
    margin-right: 5rem !important; }
  .m-t-m {
    margin-top: 0.5rem !important; }
  .m-t-0-m {
    margin-top: 0rem !important; }
  .m-t-1-m {
    margin-top: 1rem !important; }
  .m-t-2-m {
    margin-top: 2rem !important; }
  .m-t-3-m {
    margin-top: 3rem !important; }
  .m-t-5-m {
    margin-top: 5rem !important; }
  .m-b-m {
    margin-bottom: 0.5rem !important; }
  .m-b-0-m {
    margin-bottom: 0rem !important; }
  .m-b-1-m {
    margin-bottom: 1rem !important; }
  .m-b-2-m {
    margin-bottom: 2rem !important; }
  .m-b-3-m {
    margin-bottom: 3rem !important; }
  .m-b-5-m {
    margin-bottom: 5rem !important; }
  .p-m {
    padding: 0.5rem !important; }
  .p-0-m {
    padding: 0rem !important; }
  .p-1-m {
    padding: 1rem !important; }
  .p-2-m {
    padding: 2rem !important; }
  .p-3-m {
    padding: 3rem !important; }
  .p-5-m {
    padding: 5rem !important; }
  .p-l-m {
    padding-left: 0.5rem !important; }
  .p-l-0-m {
    padding-left: 0rem !important; }
  .p-l-1-m {
    padding-left: 1rem !important; }
  .p-l-2-m {
    padding-left: 2rem !important; }
  .p-l-3-m {
    padding-left: 3rem !important; }
  .p-l-5-m {
    padding-left: 5rem !important; }
  .p-r-m {
    padding-right: 0.5rem !important; }
  .p-r-0-m {
    padding-right: 0rem !important; }
  .p-r-1-m {
    padding-right: 1rem !important; }
  .p-r-2-m {
    padding-right: 2rem !important; }
  .p-r-3-m {
    padding-right: 3rem !important; }
  .p-r-5-m {
    padding-right: 5rem !important; }
  .p-t-m {
    padding-top: 0.5rem !important; }
  .p-t-0-m {
    padding-top: 0rem !important; }
  .p-t-1-m {
    padding-top: 1rem !important; }
  .p-t-2-m {
    padding-top: 2rem !important; }
  .p-t-3-m {
    padding-top: 3rem !important; }
  .p-t-5-m {
    padding-top: 5rem !important; }
  .p-b-m {
    padding-bottom: 0.5rem !important; }
  .p-b-0-m {
    padding-bottom: 0rem !important; }
  .p-b-1-m {
    padding-bottom: 1rem !important; }
  .p-b-2-m {
    padding-bottom: 2rem !important; }
  .p-b-3-m {
    padding-bottom: 3rem !important; }
  .p-b-5-m {
    padding-bottom: 5rem !important; } }

.border-solid {
  border: 1px solid #eee; }

.border-solid-left {
  border-left: 1px solid #eee; }

.border-solid-right {
  border-right: 1px solid #eee; }

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

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

.border-dashed {
  border: 1px dashed #eee; }

.border-dashed-left {
  border-left: 1px dashed #eee; }

.border-dashed-right {
  border-right: 1px dashed #eee; }

.border-dashed-top {
  border-top: 1px dashed #eee; }

.border-dashed-bottom {
  border-bottom: 1px dashed #eee; }

.border-none {
  border: 0; }

@media screen and (max-width: 768px) {
  .border-solid-m {
    border: 1px solid #eee; }
  .border-solid-left-m {
    border-left: 1px solid #eee; }
  .border-solid-right-m {
    border-right: 1px solid #eee; }
  .border-solid-top-m {
    border-top: 1px solid #eee; }
  .border-solid-bottom-m {
    border-bottom: 1px solid #eee; }
  .border-dashed-m {
    border: 1px dashed #eee; }
  .border-dashed-left-m {
    border-left: 1px dashed #eee; }
  .border-dashed-right-m {
    border-right: 1px dashed #eee; }
  .border-dashed-top-m {
    border-top: 1px dashed #eee; }
  .border-dashed-bottom-m {
    border-bottom: 1px dashed #eee; }
  .border-none-m {
    border: 0; } }

.box-shadow {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); }

.flex, .flex-column {
  display: flex; }

.flex-column {
  flex-direction: column; }

@media screen and (min-width: 769px) {
  .flex-d, .flex-column-d {
    display: flex; }
  .flex-column-d {
    flex-direction: column; } }

@media screen and (max-width: 768px) {
  .flex-m, .flex-column-m {
    display: flex; }
  .flex-column-m {
    flex-direction: column; } }

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

.flex-justify-center {
  justify-content: center; }

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

.flex-justify-between {
  justify-content: space-between; }

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

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

.flex-align-center {
  align-items: center; }

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

.row {
  font-size: 0 !important;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.row .col-0, .row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12, .row .col-13, .row .col-14, .row .col-15, .row .col-16, .row .col-17, .row .col-18, .row .col-19, .row .col-20, .row .col-21, .row .col-22, .row .col-23, .row .col-24 {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.col-auto {
  width: auto; }

.col-0 {
  width: 0%; }

.col-1 {
  width: 4.16667%; }

.col-2 {
  width: 8.33333%; }

.col-3 {
  width: 12.5%; }

.col-4 {
  width: 16.66667%; }

.col-5 {
  width: 20.83333%; }

.col-6 {
  width: 25%; }

.col-7 {
  width: 29.16667%; }

.col-8 {
  width: 33.33333%; }

.col-9 {
  width: 37.5%; }

.col-10 {
  width: 41.66667%; }

.col-11 {
  width: 45.83333%; }

.col-12 {
  width: 50%; }

.col-13 {
  width: 54.16667%; }

.col-14 {
  width: 58.33333%; }

.col-15 {
  width: 62.5%; }

.col-16 {
  width: 66.66667%; }

.col-17 {
  width: 70.83333%; }

.col-18 {
  width: 75%; }

.col-19 {
  width: 79.16667%; }

.col-20 {
  width: 83.33333%; }

.col-21 {
  width: 87.5%; }

.col-22 {
  width: 91.66667%; }

.col-23 {
  width: 95.83333%; }

.col-24 {
  width: 100%; }

.offset-0 {
  margin-left: 0; }

.offset-1 {
  margin-left: 4.16667%; }

.offset-2 {
  margin-left: 8.33333%; }

.offset-3 {
  margin-left: 12.5%; }

.offset-4 {
  margin-left: 16.66667%; }

.offset-5 {
  margin-left: 20.83333%; }

.offset-6 {
  margin-left: 25%; }

.offset-7 {
  margin-left: 29.16667%; }

.offset-8 {
  margin-left: 33.33333%; }

.offset-9 {
  margin-left: 37.5%; }

.offset-10 {
  margin-left: 41.66667%; }

.offset-11 {
  margin-left: 45.83333%; }

.offset-12 {
  margin-left: 50%; }

.offset-13 {
  margin-left: 54.16667%; }

.offset-14 {
  margin-left: 58.33333%; }

.offset-15 {
  margin-left: 62.5%; }

.offset-16 {
  margin-left: 66.66667%; }

.offset-17 {
  margin-left: 70.83333%; }

.offset-18 {
  margin-left: 75%; }

.offset-19 {
  margin-left: 79.16667%; }

.offset-20 {
  margin-left: 83.33333%; }

.offset-21 {
  margin-left: 87.5%; }

.offset-22 {
  margin-left: 91.66667%; }

.offset-23 {
  margin-left: 95.83333%; }

.offset-24 {
  margin-left: 100%; }

.row-column .col-0, .row-column .col-1, .row-column .col-2, .row-column .col-3, .row-column .col-4, .row-column .col-5, .row-column .col-6, .row-column .col-7, .row-column .col-8, .row-column .col-9, .row-column .col-10, .row-column .col-11, .row-column .col-12, .row-column .col-13, .row-column .col-14, .row-column .col-15, .row-column .col-16, .row-column .col-17, .row-column .col-18, .row-column .col-19, .row-column .col-20, .row-column .col-21, .row-column .col-22, .row-column .col-23, .row-column .col-24 {
  display: block;
  width: auto !important; }

.row-table {
  display: table;
  width: 100%; }

.row-table .col-0, .row-table .col-1, .row-table .col-2, .row-table .col-3, .row-table .col-4, .row-table .col-5, .row-table .col-6, .row-table .col-7, .row-table .col-8, .row-table .col-9, .row-table .col-10, .row-table .col-11, .row-table .col-12, .row-table .col-13, .row-table .col-14, .row-table .col-15, .row-table .col-16, .row-table .col-17, .row-table .col-18, .row-table .col-19, .row-table .col-20, .row-table .col-21, .row-table .col-22, .row-table .col-23, .row-table .col-24 {
  display: table-cell;
  vertical-align: middle; }

.gutter1 {
  margin: -0.5rem; }
  .gutter1 > div {
    padding: 0.5rem; }

.gutter2 {
  margin: -1rem; }
  .gutter2 > div {
    padding: 1rem; }

.gutter3 {
  margin: -1.5rem; }
  .gutter3 > div {
    padding: 1.5rem; }

.gutter4 {
  margin: -2rem; }
  .gutter4 > div {
    padding: 2rem; }

.gutter5 {
  margin: -2.5rem; }
  .gutter5 > div {
    padding: 2.5rem; }

.gutter-1px {
  margin-left: -1px;
  margin-top: -1px; }
  .gutter-1px > div {
    padding-left: 1px;
    padding-top: 1px; }

.gutter-5px {
  margin-left: -5px;
  margin-top: -5px; }
  .gutter-5px > div {
    padding-left: 5px;
    padding-top: 5px; }

.gutter-10px {
  margin-left: -10px;
  margin-top: -10px; }
  .gutter-10px > div {
    padding-left: 10px;
    padding-top: 10px; }

.vertical-top {
  vertical-align: top !important; }

.vertical-middle {
  vertical-align: middle !important; }

.vertical-bottom {
  vertical-align: bottom !important; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

@media screen and (min-width: 769px) {
  .col-auto-d {
    width: auto; }
  .col-0-d {
    width: 0%; }
  .col-1-d {
    width: 4.16667%; }
  .col-2-d {
    width: 8.33333%; }
  .col-3-d {
    width: 12.5%; }
  .col-4-d {
    width: 16.66667%; }
  .col-5-d {
    width: 20.83333%; }
  .col-6-d {
    width: 25%; }
  .col-7-d {
    width: 29.16667%; }
  .col-8-d {
    width: 33.33333%; }
  .col-9-d {
    width: 37.5%; }
  .col-10-d {
    width: 41.66667%; }
  .col-11-d {
    width: 45.83333%; }
  .col-12-d {
    width: 50%; }
  .col-13-d {
    width: 54.16667%; }
  .col-14-d {
    width: 58.33333%; }
  .col-15-d {
    width: 62.5%; }
  .col-16-d {
    width: 66.66667%; }
  .col-17-d {
    width: 70.83333%; }
  .col-18-d {
    width: 75%; }
  .col-19-d {
    width: 79.16667%; }
  .col-20-d {
    width: 83.33333%; }
  .col-21-d {
    width: 87.5%; }
  .col-22-d {
    width: 91.66667%; }
  .col-23-d {
    width: 95.83333%; }
  .col-24-d {
    width: 100%; }
  .offset-0-d {
    margin-left: 0; }
  .offset-1-d {
    margin-left: 4.16667%; }
  .offset-2-d {
    margin-left: 8.33333%; }
  .offset-3-d {
    margin-left: 12.5%; }
  .offset-4-d {
    margin-left: 16.66667%; }
  .offset-5-d {
    margin-left: 20.83333%; }
  .offset-6-d {
    margin-left: 25%; }
  .offset-7-d {
    margin-left: 29.16667%; }
  .offset-8-d {
    margin-left: 33.33333%; }
  .offset-9-d {
    margin-left: 37.5%; }
  .offset-10-d {
    margin-left: 41.66667%; }
  .offset-11-d {
    margin-left: 45.83333%; }
  .offset-12-d {
    margin-left: 50%; }
  .offset-13-d {
    margin-left: 54.16667%; }
  .offset-14-d {
    margin-left: 58.33333%; }
  .offset-15-d {
    margin-left: 62.5%; }
  .offset-16-d {
    margin-left: 66.66667%; }
  .offset-17-d {
    margin-left: 70.83333%; }
  .offset-18-d {
    margin-left: 75%; }
  .offset-19-d {
    margin-left: 79.16667%; }
  .offset-20-d {
    margin-left: 83.33333%; }
  .offset-21-d {
    margin-left: 87.5%; }
  .offset-22-d {
    margin-left: 91.66667%; }
  .offset-23-d {
    margin-left: 95.83333%; }
  .offset-24-d {
    margin-left: 100%; }
  .row-column-d .col-0, .row-column-d .col-1, .row-column-d .col-2, .row-column-d .col-3, .row-column-d .col-4, .row-column-d .col-5, .row-column-d .col-6, .row-column-d .col-7, .row-column-d .col-8, .row-column-d .col-9, .row-column-d .col-10, .row-column-d .col-11, .row-column-d .col-12, .row-column-d .col-13, .row-column-d .col-14, .row-column-d .col-15, .row-column-d .col-16, .row-column-d .col-17, .row-column-d .col-18, .row-column-d .col-19, .row-column-d .col-20, .row-column-d .col-21, .row-column-d .col-22, .row-column-d .col-23, .row-column-d .col-24 {
    display: block;
    width: auto !important; }
  .row-table-d {
    display: table;
    width: 100%; }
  .row-table-d .col-0, .row-table-d .col-1, .row-table-d .col-2, .row-table-d .col-3, .row-table-d .col-4, .row-table-d .col-5, .row-table-d .col-6, .row-table-d .col-7, .row-table-d .col-8, .row-table-d .col-9, .row-table-d .col-10, .row-table-d .col-11, .row-table-d .col-12, .row-table-d .col-13, .row-table-d .col-14, .row-table-d .col-15, .row-table-d .col-16, .row-table-d .col-17, .row-table-d .col-18, .row-table-d .col-19, .row-table-d .col-20, .row-table-d .col-21, .row-table-d .col-22, .row-table-d .col-23, .row-table-d .col-24 {
    display: table-cell;
    vertical-align: middle; }
  .gutter1-d {
    margin: -0.5rem; }
    .gutter1-d > div {
      padding: 0.5rem; }
  .gutter2-d {
    margin: -1rem; }
    .gutter2-d > div {
      padding: 1rem; }
  .gutter3-d {
    margin: -1.5rem; }
    .gutter3-d > div {
      padding: 1.5rem; }
  .gutter4-d {
    margin: -2rem; }
    .gutter4-d > div {
      padding: 2rem; }
  .gutter5-d {
    margin: -2.5rem; }
    .gutter5-d > div {
      padding: 2.5rem; }
  .gutter-1px-d {
    margin-left: -1px;
    margin-top: -1px; }
    .gutter-1px-d > div {
      padding-left: 1px;
      padding-top: 1px; }
  .gutter-5px-d {
    margin-left: -5px;
    margin-top: -5px; }
    .gutter-5px-d > div {
      padding-left: 5px;
      padding-top: 5px; }
  .gutter-10px-d {
    margin-left: -10px;
    margin-top: -10px; }
    .gutter-10px-d > div {
      padding-left: 10px;
      padding-top: 10px; }
  .vertical-top-d {
    vertical-align: top !important; }
  .vertical-middle-d {
    vertical-align: middle !important; }
  .vertical-bottom-d {
    vertical-align: bottom !important; }
  .order-1-d {
    order: 1; }
  .order-2-d {
    order: 2; }
  .order-3-d {
    order: 3; }
  .order-4-d {
    order: 4; }
  .order-5-d {
    order: 5; } }

@media screen and (max-width: 768px) {
  .col-auto-m {
    width: auto; }
  .col-0-m {
    width: 0%; }
  .col-1-m {
    width: 4.16667%; }
  .col-2-m {
    width: 8.33333%; }
  .col-3-m {
    width: 12.5%; }
  .col-4-m {
    width: 16.66667%; }
  .col-5-m {
    width: 20.83333%; }
  .col-6-m {
    width: 25%; }
  .col-7-m {
    width: 29.16667%; }
  .col-8-m {
    width: 33.33333%; }
  .col-9-m {
    width: 37.5%; }
  .col-10-m {
    width: 41.66667%; }
  .col-11-m {
    width: 45.83333%; }
  .col-12-m {
    width: 50%; }
  .col-13-m {
    width: 54.16667%; }
  .col-14-m {
    width: 58.33333%; }
  .col-15-m {
    width: 62.5%; }
  .col-16-m {
    width: 66.66667%; }
  .col-17-m {
    width: 70.83333%; }
  .col-18-m {
    width: 75%; }
  .col-19-m {
    width: 79.16667%; }
  .col-20-m {
    width: 83.33333%; }
  .col-21-m {
    width: 87.5%; }
  .col-22-m {
    width: 91.66667%; }
  .col-23-m {
    width: 95.83333%; }
  .col-24-m {
    width: 100%; }
  .offset-0-m {
    margin-left: 0; }
  .offset-1-m {
    margin-left: 4.16667%; }
  .offset-2-m {
    margin-left: 8.33333%; }
  .offset-3-m {
    margin-left: 12.5%; }
  .offset-4-m {
    margin-left: 16.66667%; }
  .offset-5-m {
    margin-left: 20.83333%; }
  .offset-6-m {
    margin-left: 25%; }
  .offset-7-m {
    margin-left: 29.16667%; }
  .offset-8-m {
    margin-left: 33.33333%; }
  .offset-9-m {
    margin-left: 37.5%; }
  .offset-10-m {
    margin-left: 41.66667%; }
  .offset-11-m {
    margin-left: 45.83333%; }
  .offset-12-m {
    margin-left: 50%; }
  .offset-13-m {
    margin-left: 54.16667%; }
  .offset-14-m {
    margin-left: 58.33333%; }
  .offset-15-m {
    margin-left: 62.5%; }
  .offset-16-m {
    margin-left: 66.66667%; }
  .offset-17-m {
    margin-left: 70.83333%; }
  .offset-18-m {
    margin-left: 75%; }
  .offset-19-m {
    margin-left: 79.16667%; }
  .offset-20-m {
    margin-left: 83.33333%; }
  .offset-21-m {
    margin-left: 87.5%; }
  .offset-22-m {
    margin-left: 91.66667%; }
  .offset-23-m {
    margin-left: 95.83333%; }
  .offset-24-m {
    margin-left: 100%; }
  .row-column-m .col-0, .row-column-m .col-1, .row-column-m .col-2, .row-column-m .col-3, .row-column-m .col-4, .row-column-m .col-5, .row-column-m .col-6, .row-column-m .col-7, .row-column-m .col-8, .row-column-m .col-9, .row-column-m .col-10, .row-column-m .col-11, .row-column-m .col-12, .row-column-m .col-13, .row-column-m .col-14, .row-column-m .col-15, .row-column-m .col-16, .row-column-m .col-17, .row-column-m .col-18, .row-column-m .col-19, .row-column-m .col-20, .row-column-m .col-21, .row-column-m .col-22, .row-column-m .col-23, .row-column-m .col-24 {
    display: block;
    width: auto !important; }
  .row-table-m {
    display: table;
    width: 100%; }
  .row-table-m .col-0, .row-table-m .col-1, .row-table-m .col-2, .row-table-m .col-3, .row-table-m .col-4, .row-table-m .col-5, .row-table-m .col-6, .row-table-m .col-7, .row-table-m .col-8, .row-table-m .col-9, .row-table-m .col-10, .row-table-m .col-11, .row-table-m .col-12, .row-table-m .col-13, .row-table-m .col-14, .row-table-m .col-15, .row-table-m .col-16, .row-table-m .col-17, .row-table-m .col-18, .row-table-m .col-19, .row-table-m .col-20, .row-table-m .col-21, .row-table-m .col-22, .row-table-m .col-23, .row-table-m .col-24 {
    display: table-cell;
    vertical-align: middle; }
  .gutter1-m {
    margin: -0.5rem; }
    .gutter1-m > div {
      padding: 0.5rem; }
  .gutter2-m {
    margin: -1rem; }
    .gutter2-m > div {
      padding: 1rem; }
  .gutter3-m {
    margin: -1.5rem; }
    .gutter3-m > div {
      padding: 1.5rem; }
  .gutter4-m {
    margin: -2rem; }
    .gutter4-m > div {
      padding: 2rem; }
  .gutter5-m {
    margin: -2.5rem; }
    .gutter5-m > div {
      padding: 2.5rem; }
  .gutter-1px-m {
    margin-left: -1px;
    margin-top: -1px; }
    .gutter-1px-m > div {
      padding-left: 1px;
      padding-top: 1px; }
  .gutter-5px-m {
    margin-left: -5px;
    margin-top: -5px; }
    .gutter-5px-m > div {
      padding-left: 5px;
      padding-top: 5px; }
  .gutter-10px-m {
    margin-left: -10px;
    margin-top: -10px; }
    .gutter-10px-m > div {
      padding-left: 10px;
      padding-top: 10px; }
  .vertical-top-m {
    vertical-align: top !important; }
  .vertical-middle-m {
    vertical-align: middle !important; }
  .vertical-bottom-m {
    vertical-align: bottom !important; }
  .order-1-m {
    order: 1; }
  .order-2-m {
    order: 2; }
  .order-3-m {
    order: 3; }
  .order-4-m {
    order: 4; }
  .order-5-m {
    order: 5; } }

.btn {
  display: inline-block;
  cursor: pointer;
  color: #000;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2em;
  padding: 0.75em 2em; }
  .btn:hover {
    border-color: #808080; }
  .btn-lg {
    font-size: 1.25rem; }
  .btn-sm {
    font-size: 0.875rem; }
  .btn-default {
    border: 1px solid #d9d9d9; }
  .btn-block {
    display: block;
    width: 100%; }
  .btn-main {
    color: #fff;
    background-color: #3d3a71;
    border-color: #3d3a71; }
    .btn-main:hover {
      color: #fff;
      background-color: #2b294f;
      border-color: #2b294f; }
  .btn-minor {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-minor:hover {
      color: #fff;
      background-color: #bd2130;
      border-color: #bd2130; }
  .btn-white {
    color: #fff;
    background-color: #fff;
    border-color: #fff; }
    .btn-white:hover {
      color: #fff;
      background-color: #e6e6e6;
      border-color: #e6e6e6; }
  .btn-light {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-light:hover {
      color: #fff;
      background-color: #dae0e5;
      border-color: #dae0e5; }
  .btn-gray {
    color: #fff;
    background-color: #808080;
    border-color: #808080; }
    .btn-gray:hover {
      color: #fff;
      background-color: #676767;
      border-color: #676767; }
  .btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000; }
    .btn-black:hover {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-red:hover {
      color: #fff;
      background-color: #bd2130;
      border-color: #bd2130; }
  .btn-yellow {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-yellow:hover {
      color: #fff;
      background-color: #d39e00;
      border-color: #d39e00; }
  .btn-green {
    color: #fff;
    background-color: #198754;
    border-color: #198754; }
    .btn-green:hover {
      color: #fff;
      background-color: #115c39;
      border-color: #115c39; }
  .btn-blue {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd; }
    .btn-blue:hover {
      color: #fff;
      background-color: #0257d5;
      border-color: #0257d5; }
  .btn-orange {
    color: #fff;
    background-color: #fd7e14;
    border-color: #fd7e14; }
    .btn-orange:hover {
      color: #fff;
      background-color: #dc6502;
      border-color: #dc6502; }

.form-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  opacity: 0.9; }

.form-control {
  display: block;
  width: 100%;
  color: #000;
  border: 1px solid #808080;
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem; }
  .form-control:focus {
    color: invert;
    background-color: invert;
    border-color: #808080;
    outline: 0; }

.form-checkbox, .form-radio {
  display: block; }
  .form-checkbox label, .form-radio label {
    display: inline-block;
    white-space: nowrap;
    margin-right: 0.5rem; }
  .form-checkbox input, .form-radio input {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    border: 1px solid #808080; }

.form textarea {
  min-height: 5rem; }

.pagination {
  font-size: 0;
  margin: 2rem 0;
  text-align: center; }
  .pagination a, .pagination span {
    font-size: 1.125rem;
    display: inline-block;
    margin: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background-color: #f2f2f2; }
  .pagination a:hover {
    color: #fff;
    background-color: #2e2982; }
  .pagination span.active {
    color: #fff;
    background-color: #3d3a71; }

@media screen and (max-width: 768px) {
  .pagination a, .pagination span {
    margin: 0.25rem; }
  .pagination .prev, .pagination .next, .pagination .active {
    display: inline-block; }
  .pagination .prev, .pagination .next {
    padding-left: 1rem;
    padding-right: 1rem; } }

.container {
  width: 90rem;
  margin: 0 auto; }

.title-01 {
  color: #747474;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0; }

.title-02 {
  font-size: 4rem;
  font-weight: bold;
  margin: 1rem 0; }

.dl-01, .dl-02 {
  padding: 1px 0 0 1px; }
  .dl-01 dl, .dl-02 dl {
    float: left;
    width: 33.33%;
    height: 15rem;
    padding: 1rem 4rem;
    margin: -1px 0 0 -1px;
    border: 1px solid #707070; }
    .dl-01 dl dt, .dl-02 dl dt {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 1rem; }
      .dl-01 dl dt::after, .dl-02 dl dt::after {
        content: '';
        width: 2.5rem;
        height: 0.5rem;
        background-color: #ffbb54;
        display: block;
        overflow: hidden; }
    .dl-01 dl dd, .dl-02 dl dd {
      font-size: 1.5rem; }

.dl-02 {
  color: #fff;
  background: #333; }
  .dl-02 dl dt {
    color: #ffbb54; }

.table-01 {
  font-size: 1.25rem; }
  .table-01 th, .table-01 td {
    padding: 1rem 2rem; }
  .table-01 th {
    color: #ffbb54;
    font-weight: bold; }

.section-01 {
  position: relative; }
  .section-01 .body {
    position: absolute;
    color: white;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center; }
    .section-01 .body .txt1 {
      font-size: 1.375rem;
      letter-spacing: 0.85rem;
      text-transform: uppercase; }
    .section-01 .body .txt2 {
      font-size: 3.5rem;
      line-height: 8rem; }
      .section-01 .body .txt2 .line {
        color: #ffbb54;
        margin: 0 1rem; }
    .section-01 .body .txt3 {
      font-size: 12.5rem;
      font-weight: bold;
      line-height: 15rem; }
    .section-01 .body .txt4 {
      font-size: 6.25rem;
      letter-spacing: 0.85rem;
      font-weight: bold; }
  .section-01 .bg img {
    width: 100%; }

.section-02 {
  position: relative;
  padding: 8rem 0; }
  .section-02 .body {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 1.875rem;
    width: 64%;
    padding: 1rem 10rem;
    background-color: #F2F2F2; }
    .section-02 .body p {
      margin: 1rem 0; }
  .section-02 .bg {
    text-align: right; }
    .section-02 .bg img {
      width: 39%; }

.section-03 {
  overflow: hidden; }
  .section-03 .imgs {
    margin: 0 -0.5%; }
    .section-03 .imgs img {
      float: left;
      width: 24%;
      margin: 0.5% 0.5%; }

.section-04 {
  position: relative;
  padding: 8rem 0; }
  .section-04 .body {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 1.3rem;
    width: 65%;
    padding: 1rem 10%;
    background-color: #F2F2F2; }
    .section-04 .body p {
      margin: 1rem 0; }
    .section-04 .body hr {
      border: 0;
      border-top: 1px solid #ccc;
      height: 0;
      overflow: hidden; }
    .section-04 .body .txt1 {
      font-size: 1.75rem; }
    .section-04 .body .txt2 {
      font-size: 2.5rem; }
  .section-04 .bg img {
    width: 37%; }

.section-05 {
  position: relative;
  padding: 10rem 6.25rem;
  background: url(../image/pic-05-bg.jpg) no-repeat top center;
  background-size: 100% auto; }
  .section-05 .body {
    position: absolute;
    width: 32rem;
    font-size: 1.5rem; }
    .section-05 .body p {
      margin: 1rem 0; }
    .section-05 .body .txt1 {
      font-size: 3rem;
      font-weight: bold; }
  .section-05 .img {
    text-align: right; }
    .section-05 .img img {
      width: 72%; }
  .section-05 .table-01 {
    position: absolute;
    bottom: 10rem; }

.section-05-2 {
  font-size: 1.5rem;
  padding: 5rem 0;
  color: white;
  background: url(../image/pic-05-bg-2.jpg) no-repeat center center;
  background-size: cover; }
  .section-05-2 p {
    margin: 1rem 0; }
  .section-05-2 .txt1 {
    font-size: 4rem;
    font-weight: bold; }

.section-06 {
  margin: 4rem 0; }

.section-07 {
  margin: 4rem 0;
  overflow: hidden; }
  .section-07 .imgs {
    margin: 0 -0.5%; }
    .section-07 .imgs img {
      float: left;
      width: 32.333%;
      margin: 0 0.5%; }

.section-08 {
  margin: 4rem 0; }
  .section-08 .img {
    padding: 2rem 0 5rem;
    border: 1px solid #707070;
    background-color: #F2F2F2;
    text-align: center; }

.section-09 {
  margin: 4rem 0;
  font-size: 1.5rem; }

.section-10 {
  margin: 4rem 0; }

.section-11 {
  margin: 4rem 0; }
  .section-11 .body {
    font-size: 2rem;
    text-align: center; }

.section-12 {
  margin: 4rem 0; }
  .section-12 .body {
    padding-left: 1px; }
    .section-12 .body dl {
      float: left;
      width: 16.666%;
      border: 1px solid #707070;
      margin-left: -1px; }
      .section-12 .body dl dt {
        padding: 1rem 0;
        text-align: center; }
        .section-12 .body dl dt img {
          display: block;
          margin: 0 auto; }
        .section-12 .body dl dt span {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          color: #ffbb54;
          font-size: 1.5rem;
          line-height: 2rem;
          border: 2px solid #ffbb54;
          border-radius: 100%; }
      .section-12 .body dl dd {
        height: 20rem;
        padding: 2rem 0; }
        .section-12 .body dl dd strong {
          display: block;
          color: #fff;
          background-color: #333;
          text-align: center;
          padding: 0.5rem 0; }
        .section-12 .body dl dd p:last-child {
          padding: 1rem; }

.section-13 .body {
  padding: 5rem 0;
  text-align: center;
  background-color: #F4F4F4; }

.section-14 {
  margin: 4rem 0; }
  .section-14 .title {
    padding: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    background-color: #ccc; }
  .section-14 table {
    width: 100%;
    margin-bottom: 3rem; }
    .section-14 table th, .section-14 table td {
      padding: 0.5rem; }
  .section-14 .table {
    text-align: center; }

.section-15 {
  margin: 4rem 0; }
  .section-15 .body {
    padding: 3rem;
    border: 1px solid #707070; }
    .section-15 .body .img {
      float: left;
      width: 66%; }
    .section-15 .body .table {
      float: right;
      width: 30%; }
  .section-15 .imgs {
    padding: 3rem 0;
    text-align: center;
    border: 1px solid #707070;
    border-top: 0; }

.section-16 {
  margin: 4rem 0;
  padding: 10rem 0;
  background: url(../image/pic-11-bg.jpg) no-repeat top center;
  background-size: cover; }
  .section-16 .body {
    font-size: 1.5rem;
    line-height: 1.8; }
    .section-16 .body strong {
      padding: 0.2rem 0.5rem;
      color: #fff;
      background-color: #333; }

.section-17 {
  margin: 4rem 0;
  color: #fff;
  background-color: #363C41; }
  .section-17 .list {
    padding: 3rem 0;
    margin: 0 -0.5%;
    font-size: 1.5rem;
    text-align: center; }
    .section-17 .list dl {
      float: left;
      width: 32.333%;
      margin: 1rem 0.5%; }
      .section-17 .list dl dt {
        padding: 1.5rem 0; }

.section-17 {
  margin: 4rem 0;
  padding: 6rem 0; }

.section-18 {
  margin: 4rem 0; }
  .section-18 .list {
    padding: 2rem 0; }
    .section-18 .list dl {
      float: left;
      width: 20%; }
      .section-18 .list dl dt {
        font-size: 2rem;
        margin-bottom: 1rem; }
        .section-18 .list dl dt::after {
          content: '';
          width: 2.5rem;
          height: 0.5rem;
          background-color: #ffbb54;
          display: block;
          overflow: hidden; }
      .section-18 .list dl dd {
        font-size: 1.5rem; }
      .section-18 .list dl:nth-child(2), .section-18 .list dl:nth-child(4) {
        margin-top: 16rem; }

.section-19 {
  margin: 4rem 0;
  padding: 10rem 0;
  background: url(../image/pic-13-bg.jpg) no-repeat top center;
  background-size: cover; }
  .section-19 .list {
    margin: 0 -0.5%;
    font-size: 1.5rem;
    text-align: center; }
    .section-19 .list dl {
      float: left;
      width: 32.333%;
      margin: 0 0.5%; }
      .section-19 .list dl dt {
        padding: 1.5rem 0; }

.section-20 {
  margin: 4rem 0;
  font-size: 2rem;
  line-height: 3;
  text-align: center; }

.section-21 {
  padding: 8rem 0;
  font-size: 2rem;
  text-align: center;
  color: #fff;
  background: url(../image/pic-15.jpg) no-repeat top center;
  background-size: cover; }
  .section-21 .txt1, .section-21 .txt3 {
    font-size: 3rem; }
  .section-21 .txt2 {
    color: #333;
    background: #d3d2d4;
    padding: 2rem 0;
    margin: 3rem 0 8rem;
    line-height: 2; }
    .section-21 .txt2 strong {
      color: #c77b09; }

@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 1rem; }
  .title-01 {
    font-size: 1.5rem; }
  .title-02 {
    font-size: 2rem; }
  .dl-01 dl, .dl-02 dl {
    width: 50%;
    padding: 1rem; }
    .dl-01 dl dt, .dl-02 dl dt {
      font-size: 1.5rem; }
    .dl-01 dl dd, .dl-02 dl dd {
      font-size: 1rem; }
  .table-01 {
    width: 100%;
    font-size: 1rem; }
    .table-01 th, .table-01 td {
      padding: 0.5rem 1rem; }
  .section-01 .body .txt1 {
    font-size: 0.75rem;
    letter-spacing: 0; }
  .section-01 .body .txt2 {
    font-size: 2rem;
    line-height: 2; }
  .section-01 .body .txt3 {
    font-size: 6rem;
    line-height: 1.5; }
  .section-01 .body .txt4 {
    font-size: 3rem; }
  .section-02 {
    padding: 2rem 0; }
    .section-02 .body {
      position: static;
      width: auto;
      font-size: 1rem;
      padding: 1rem;
      transform: none; }
    .section-02 .bg img {
      width: 100%; }
  .section-03 .imgs img {
    width: 49%; }
  .section-04 {
    padding: 2rem 0; }
    .section-04 .body {
      position: static;
      width: auto;
      font-size: 1rem;
      padding: 1rem;
      transform: none; }
      .section-04 .body .txt2 {
        font-size: 2rem; }
    .section-04 .bg img {
      width: 100%; }
  .section-05 {
    padding: 2rem 1rem; }
    .section-05 .body {
      position: static;
      width: auto;
      font-size: 1rem; }
      .section-05 .body .txt1 {
        font-size: 2rem; }
    .section-05 .table-01 {
      position: static; }
    .section-05 .img {
      padding: 1rem 0; }
      .section-05 .img img {
        width: 100%; }
  .section-05-2 {
    font-size: 1rem; }
  .section-06 {
    margin: 2rem 0; }
  .section-07 {
    margin: 2rem 0; }
    .section-07 .imgs img {
      float: none;
      width: 100%;
      margin: 0.5rem 0; }
  .section-08 {
    margin: 2rem 0; }
  .section-09 {
    margin: 2rem 0;
    font-size: 1rem; }
  .section-10 {
    margin: 2rem 0; }
  .section-11 {
    margin: 2rem 0; }
  .section-12 {
    margin: 2rem 0; }
    .section-12 .body {
      font-size: 0.85rem; }
      .section-12 .body dl {
        width: 33.333%; }
  .section-13 .body {
    padding: 2rem 0; }
  .section-14 {
    margin: 2rem 0; }
    .section-14 .title {
      font-size: 1rem; }
    .section-14 table {
      margin-bottom: 1rem; }
      .section-14 table th, .section-14 table td {
        padding: 0.25rem;
        font-size: 0.875rem; }
  .section-15 {
    margin: 2rem 0; }
    .section-15 .body {
      padding: 1rem; }
      .section-15 .body .img, .section-15 .body .table {
        float: none;
        width: 100%; }
  .section-16 {
    margin: 2rem 0;
    padding: 2rem 0; }
    .section-16 .body {
      font-size: 1rem; }
  .section-17 {
    margin: 2rem 0;
    padding: 2rem 0; }
    .section-17 .list {
      font-size: 1rem;
      padding: 0; }
      .section-17 .list dl {
        width: 49%;
        margin: 0 0.5%; }
        .section-17 .list dl dt {
          padding: 0.5rem 0; }
  .section-18 {
    margin: 2rem 0; }
    .section-18 .list {
      padding: 0; }
      .section-18 .list dl {
        width: 50%;
        margin: 0 !important; }
        .section-18 .list dl dd {
          font-size: 1rem; }
  .section-19 {
    margin: 2rem 0;
    padding: 2rem 0; }
    .section-19 .list {
      font-size: 1rem; }
      .section-19 .list dl {
        width: 49%; }
        .section-19 .list dl dt {
          padding: 0.5rem 0; }
  .section-20 {
    margin: 2rem 0;
    font-size: 1rem;
    line-height: 2; }
  .section-21 {
    padding: 4rem 0;
    font-size: 1rem; }
    .section-21 .txt1, .section-21 .txt3 {
      font-size: 2rem; }
    .section-21 .txt2 {
      padding: 1rem;
      margin: 2rem 0; } }

.footer-phone {
	display: none;
	justify-content: space-between;
	align-items: center;
	
	z-index: 99999;
	position: fixed;
	bottom: 0;
	width: 100vw;
	
	color: #fff;
	background: #19779B;
	box-shadow: -2px 0 5px rgba(0,0,0,0.2);
}
.footer-phone a {
	display: block;
	color: #fff;
	background: #0097ac;
	padding: 12px 16px;
	font-size: 18px;
}
.footer-phone span {
	padding: 12px 16px;
}

@media screen and (max-width: 768px) {
.footer-phone {
	display: flex;
	}
}