body {
  background-color: #000;
  font-family: "Roboto", sans-serif;
  max-width: 100%;
  overflow-x: hidden;
}

.noscroll {
  overflow: hidden;
}

.mail_wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.mail_wrap .mail_fixed {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.mail_wrap .mail_fixed .mail_img {
  width: 2vw;
  padding: 1.5vw;
  background-color: #0099ff;
  opacity: 0;
  transition: 0.3s;
}
.mail_wrap .mail_fixed .mail_img img {
  max-width: 100%;
}

.mail_visible {
  opacity: 1 !important;
}

.header_top_fixed {
  position: fixed;
  top: -16vh;
  left: 0;
  z-index: 10;
  background-color: #000;
  width: 100%;
  transition: 0.3s;
}
.header_top_fixed .header_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2vh 5vw;
}
.header_top_fixed .header_wrap .left_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header_top_fixed .header_wrap .left_wrap .logo_wrap {
  width: 7.5vw;
}
.header_top_fixed .header_wrap .left_wrap .logo_wrap img {
  max-width: 100%;
}
.header_top_fixed .header_wrap .left_wrap .slogan_wrap {
  margin-left: 1vw;
  position: relative;
  bottom: 2px;
}
.header_top_fixed .header_wrap .left_wrap .slogan_wrap .slogan {
  color: #fff;
  font-size: 0.9vw;
  line-height: 1;
  font-weight: lighter;
}
.header_top_fixed .header_wrap .right_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header_top_fixed .header_wrap .right_wrap .menu {
  padding-left: 2.5vw;
}
.header_top_fixed .header_wrap .right_wrap .menu a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9vw;
}
.header_top_fixed .header_wrap .right_wrap .contact_button {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-left: 2.5vw;
  transition: 0.3s;
}
.header_top_fixed .header_wrap .right_wrap .contact_button a {
  display: inline-block;
  text-decoration: none;
  padding: 1.75vh 3.5vw;
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
}
.header_top_fixed .header_wrap .right_wrap .contact_button:hover {
  background-color: #0099ff;
  border: 1px solid #0099ff;
}
.header_top_fixed .header_wrap .right_wrap_sp {
  display: none;
}
.header_top_fixed .sp_menu_2 {
  display: none;
}

.header_active {
  top: 0;
}

.section_1 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
.section_1 .nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 4vh;
}
.section_1 .slider_wrap {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: absolute;
}
.section_1 .slider_wrap .slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100vh;
}
.section_1 .slider_wrap .slide:nth-child(1) {
  background: url("../img/back_img_1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: slider 40s 0s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
.section_1 .slider_wrap .slide:nth-child(2) {
  background: url("../img/back_img_2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: slider 40s 10s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
.section_1 .slider_wrap .slide:nth-child(3) {
  background: url("../img/back_img_3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: slider 40s 20s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
.section_1 .slider_wrap .slide:nth-child(4) {
  background: url("../img/back_img_4.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  animation: slider 40s 30s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
.section_1 .top_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5vh 5vw 15vh;
  position: relative;
  z-index: 2;
}
.section_1 .top_header .left_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_1 .top_header .left_wrap .logo_wrap {
  width: 7.5vw;
}
.section_1 .top_header .left_wrap .logo_wrap img {
  max-width: 100%;
}
.section_1 .top_header .left_wrap .slogan_wrap {
  margin-left: 1vw;
  position: relative;
  bottom: 2px;
}
.section_1 .top_header .left_wrap .slogan_wrap .slogan {
  color: #fff;
  font-size: 0.9vw;
  line-height: 1;
  font-weight: lighter;
}
.section_1 .top_header .right_wrap {
  display: block;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_1 .top_header .right_wrap .menu {
  padding-left: 2.5vw;
}
.section_1 .top_header .right_wrap .menu a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9vw;
}
.section_1 .top_header .right_wrap .contact_button {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-left: 2.5vw;
  transition: 0.3s;
}
.section_1 .top_header .right_wrap .contact_button a {
  display: inline-block;
  text-decoration: none;
  padding: 1.75vh 3.5vw;
  color: #fff;
  font-size: 1vw;
}
.section_1 .top_header .right_wrap .contact_button:hover {
  background-color: #0099ff;
  border: 1px solid #0099ff;
}
.section_1 .top_header .right_wrap_sp {
  display: none;
}
.section_1 .sp_menu_1 {
  display: none;
}
.section_1 .middle_part {
  position: relative;
  z-index: 2;
  padding: 0 5vw;
}
.section_1 .middle_part .middle_title_wrap p {
  color: #fff;
}
.section_1 .middle_part .middle_title_wrap .title_1,
.section_1 .middle_part .middle_title_wrap .title_2 {
  font-family: "Rozha One", serif;
}
.section_1 .middle_part .middle_title_wrap .title_1 {
  font-size: 5vw;
}
.section_1 .middle_part .middle_title_wrap .title_2 {
  font-size: 10vw;
}
.section_1 .middle_part .middle_title_wrap .title_3 {
  font-size: 2vw;
}
.section_1 .middle_part .middle_title_wrap .contact_button {
  margin-top: 5vh;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #0099ff;
  background-color: #0099ff;
  width: 13.5vw;
  transition: 0.3s;
  text-decoration: none;
}
.section_1 .middle_part .middle_title_wrap .contact_button p {
  color: #fff;
  font-size: 1.25vw;
  position: relative;
  bottom: 1px;
  padding: 1.75vh 0;
}
.section_1 .middle_part .middle_title_wrap .contact_button .mask {
  position: absolute;
  right: 1.25vw;
  width: 0.8vw;
  height: 0.8vw;
  background-color: #fff;
  -webkit-mask: url("../img/sideway_arrow.svg") no-repeat center;
  mask: url("../img/sideway_arrow.svg") no-repeat center;
  -webkit-mask-size: cover;
}
.section_1 .middle_part .middle_title_wrap .contact_button:hover {
  background-color: transparent;
}
.section_1 .middle_part .middle_title_wrap .contact_button:hover p {
  color: #0099ff;
}
.section_1 .middle_part .middle_title_wrap .contact_button:hover .mask {
  background-color: #0099ff;
}
.section_1 .bottom_part {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.section_1 .bottom_part .loading_bar_wrap {
  position: relative;
  z-index: 2;
  animation-name: loading_bar;
  animation-duration: 10s;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.section_1 .bottom_part .loading_bar_wrap .loading_bar {
  background-color: #0099ff;
  height: 0.25rem;
}
.section_1 .bottom_part .scroll_bar_wrap {
  position: absolute;
  z-index: 1;
  bottom: 2px;
  left: 5vw;
}
.section_1 .bottom_part .scroll_bar_wrap .bar_case {
  position: relative;
  overflow: hidden;
  width: 0.1vw;
  height: 10vh;
  background-color: #000;
}
.section_1 .bottom_part .scroll_bar_wrap .bar_case .white_bar {
  position: relative;
  width: 0.1vw;
  height: 60%;
  background-color: #fff;
  animation: moving_white_bar;
  animation-duration: 2s;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.section_1 .bottom_part .scroll_bar_wrap p {
  position: absolute;
  top: 10px;
  font-size: 0.8vw;
  transform: rotate(90deg);
  color: #fff;
}
.section_1 .bottom_part .dot_wrap {
  position: absolute;
  display: flex;
  bottom: 2rem;
  right: 2vw;
  display: flex;
  flex-direction: column;
}
.section_1 .bottom_part .dot_wrap .dot_part {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 1rem;
}
.section_1 .bottom_part .dot_wrap .dot_part .dot_circle {
  width: 16px;
  height: 16px;
  border-radius: 20px;
  border: 1px solid #0099ff;
  opacity: 0;
}
.section_1 .bottom_part .dot_wrap .dot_part .dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #fff;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(1) .dot_circle {
  animation: slider 40s 0s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(1) .dot {
  animation: blue_dot 40s 0s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(2) .dot_circle {
  animation: slider 40s 10s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(2) .dot {
  animation: blue_dot 40s 10s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(3) .dot_circle {
  animation: slider 40s 20s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(3) .dot {
  animation: blue_dot 40s 20s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(4) .dot_circle {
  animation: slider 40s 30s infinite;
}
.section_1 .bottom_part .dot_wrap .dot_part:nth-child(4) .dot {
  animation: blue_dot 40s 30s infinite;
}

.section_2 {
  padding: 10vw 15vw 0;
}
.section_2 .content_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
.section_2 .content_wrap .left_part {
  width: 45%;
}
.section_2 .content_wrap .left_part .article_part {
  display: flex;
  flex-direction: column;
}
.section_2 .content_wrap .left_part .article_part p {
  color: #fff;
}
.section_2 .content_wrap .left_part .article_part .img_sp {
  display: none;
}
.section_2 .content_wrap .left_part .article_part .title {
  font-size: 2.4vw;
  line-height: 2.75vw;
  font-weight: 400;
}
.section_2 .content_wrap .left_part .article_part .img {
  display: none;
}
.section_2 .content_wrap .left_part .article_part .main_article {
  font-size: 0.9vw;
  line-height: 1.75;
  margin-top: 2vh;
  font-weight: 100;
}
.section_2 .content_wrap .left_part .small_img {
  position: absolute;
  left: -5vw;
  bottom: 0;
  width: 13vw;
}
.section_2 .content_wrap .left_part .small_img img {
  max-width: 100%;
}
.section_2 .content_wrap .right_part {
  width: 50%;
  position: relative;
  display: flex;
  justify-content: end;
}
.section_2 .content_wrap .right_part .big_img {
  width: 90%;
}
.section_2 .content_wrap .right_part .big_img img {
  max-width: 100%;
}

.section_3 .content_wrap {
  padding: 20vh 15vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.section_3 .content_wrap .left_part {
  width: 50%;
}
.section_3 .content_wrap .left_part p {
  color: #fff;
}
.section_3 .content_wrap .left_part .article_type {
  color: #0099ff;
  font-size: 1vw;
  padding-bottom: 1rem;
}
.section_3 .content_wrap .left_part .title {
  font-size: 2.4vw;
  line-height: 2.75vw;
  padding-bottom: 2rem;
  font-weight: 400;
}
.section_3 .content_wrap .left_part .big_img {
  display: none;
}
.section_3 .content_wrap .left_part .article {
  font-size: 0.9vw;
  line-height: 1.75;
  font-weight: 100;
}
.section_3 .content_wrap .right_part {
  display: flex;
  justify-content: end;
  width: 50%;
}
.section_3 .content_wrap .right_part .big_img {
  width: 90%;
}
.section_3 .content_wrap .right_part .big_img img {
  max-width: 100%;
}
.section_3 .card_slider_wrap {
  display: flex;
  flex-direction: row;
  position: relative;
}
.section_3 .card_slider_wrap .slide {
  position: relative;
  margin: 0 1rem;
}
.section_3 .card_slider_wrap .slide .card_img {
  width: 4.5vw;
  top: 25px;
  left: 1rem;
  position: relative;
}
.section_3 .card_slider_wrap .slide .card_img img {
  max-width: 100%;
}
.section_3 .card_slider_wrap .slide .card_vertical {
  width: 3.5vw;
}
.section_3 .card_slider_wrap .slide .ring_img {
  width: 4vw;
}
.section_3 .card_slider_wrap .slide .content_box {
  background-color: #272727;
  padding: 2.5rem 1rem 2.5rem;
  height: 5vw;
  display: flex;
  flex-direction: column;
}
.section_3 .card_slider_wrap .slide .content_box .category {
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
}
.section_3 .card_slider_wrap .slide .content_box .category p {
  background-color: #000;
  padding: 0.4rem 0.5rem 0.25rem;
  color: #fff;
  font-size: 0.75vw;
  margin-right: 1rem;
}
.section_3 .card_slider_wrap .slide .content_box .desc {
  color: #fff;
  font-size: 0.9vw;
  line-height: 1.25vw;
  font-weight: 100;
}
.section_3 .card_slider_wrap .slide_1,
.section_3 .card_slider_wrap .slide_2,
.section_3 .card_slider_wrap .slide_3,
.section_3 .card_slider_wrap .slide_6 {
  margin-top: 2.4vw;
}
.section_3 .card_slider_wrap .slide_5 {
  margin-top: 1.3vw;
}
.section_3 .slider_nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 2rem;
}
.section_3 .slider_nav #slick_next {
  margin-left: 2rem;
}
.section_3 .slider_nav .nav_button {
  cursor: pointer;
  width: 1.75vw;
}
.section_3 .slider_nav .nav_button img {
  max-width: 100%;
}
.section_3 .more_button {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}
.section_3 .more_button a {
  position: relative;
  width: 14vw;
  padding: 1.75vh 0;
  font-size: 1.25vw;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}
.section_3 .more_button a span {
  position: absolute;
  right: 1.5vw;
  display: block;
  width: 0.8vw;
}
.section_3 .more_button a span img {
  max-width: 100%;
}
.section_3 .more_button a:hover {
  background-color: #0099ff;
  border: 1px solid #0099ff;
}

.section_4 {
  padding: 20vh 15vw;
}
.section_4 .content_wrap .top_part p {
  color: #fff;
}
.section_4 .content_wrap .top_part .article_type {
  color: #0099ff;
  font-size: 1vw;
  padding-bottom: 1rem;
}
.section_4 .content_wrap .top_part .title {
  font-size: 2.4vw;
  line-height: 2.75vw;
  padding-bottom: 1vw;
  font-weight: 400;
}
.section_4 .content_wrap .top_part .article {
  font-size: 1.75vw;
  line-height: 2vw;
}
.section_4 .content_wrap .bottom_part {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 10vh;
}
.section_4 .content_wrap .bottom_part .features {
  width: 33.3333333333%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 8vh;
}
.section_4 .content_wrap .bottom_part .features .icon {
  width: 5vw;
  padding-right: 1rem;
}
.section_4 .content_wrap .bottom_part .features .icon img {
  max-width: 100%;
}
.section_4 .content_wrap .bottom_part .features .desc_part {
  width: 75%;
}
.section_4 .content_wrap .bottom_part .features .desc_part p {
  color: #fff;
}
.section_4 .content_wrap .bottom_part .features .desc_part .title {
  font-size: 1.25vw;
  font-weight: 500;
  padding-bottom: 0.75rem;
  line-height: 1.5vw;
}
.section_4 .content_wrap .bottom_part .features .desc_part .desc {
  font-size: 0.9vw;
  font-weight: 100;
}
.section_4 .content_wrap .bottom_part .features .desc_part .desc .sp_break {
  display: none;
}

.section_5 {
  background-color: #1C1C1C;
  position: relative;
}
.section_5 .about_us_wrap {
  display: flex;
  flex-direction: row;
  padding: 10vh 0 50vh 15vw;
  position: relative;
}
.section_5 .about_us_wrap .desc_part {
  width: 34%;
}
.section_5 .about_us_wrap .desc_part p {
  color: #fff;
}
.section_5 .about_us_wrap .desc_part .title {
  font-size: 2.4vw;
  line-height: 2.75vw;
  padding-bottom: 2.5vh;
  font-weight: 400;
}
.section_5 .about_us_wrap .desc_part .desc {
  font-size: 0.9vw;
  line-height: 1.75;
  margin-top: 1rem;
  font-weight: 100;
}
.section_5 .about_us_wrap .desc_part .button {
  display: flex;
  padding-top: 3vw;
}
.section_5 .about_us_wrap .desc_part .button a {
  position: relative;
  width: 14vw;
  padding: 1.75vh 0;
  font-size: 1.25vw;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}
.section_5 .about_us_wrap .desc_part .button a span {
  position: absolute;
  right: 1.5vw;
  display: block;
  width: 0.8vw;
}
.section_5 .about_us_wrap .desc_part .button a span img {
  max-width: 100%;
}
.section_5 .about_us_wrap .desc_part .button a:hover {
  background-color: #0099ff;
  border: 1px solid #0099ff;
}
.section_5 .about_us_wrap .back_img {
  position: absolute;
  right: 0;
  top: -5vh;
  width: 50%;
  height: 40vw;
  background-image: url("../img/about_us_back_img.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.section_5 .about_us_wrap .back_img .logo_wrap {
  background-color: rgba(0, 0, 0, 0.8);
  width: 55%;
  height: 25vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_5 .about_us_wrap .back_img .logo_wrap .logo_part {
  width: 15vw;
}
.section_5 .about_us_wrap .back_img .logo_wrap .logo_part img {
  max-width: 100%;
}
.section_5 .contact_wrap {
  width: 85vw;
  left: 0;
  right: 0;
  bottom: -22vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}
.section_5 .contact_wrap .contact_img {
  background-image: url("../img/about_us_img.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 15vh 7.5vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.section_5 .contact_wrap .contact_img .desc {
  display: flex;
  flex-direction: column;
}
.section_5 .contact_wrap .contact_img .desc .category {
  color: #0099ff;
  font-size: 1vw;
  padding-bottom: 1rem;
}
.section_5 .contact_wrap .contact_img .desc .title {
  color: #fff;
  font-size: 2.4vw;
  line-height: 1.25;
  font-weight: 400;
}
.section_5 .contact_wrap .contact_img .button {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  padding-right: 5vw;
}
.section_5 .contact_wrap .contact_img .button .contact_button {
  margin-top: 5vh;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #0099ff;
  background-color: #0099ff;
  width: 14vw;
  transition: 0.3s;
  text-decoration: none;
}
.section_5 .contact_wrap .contact_img .button .contact_button p {
  color: #fff;
  font-size: 1.25vw;
  position: relative;
  bottom: 1px;
  padding: 2vh 0;
}
.section_5 .contact_wrap .contact_img .button .contact_button .mask {
  position: absolute;
  right: 1.25vw;
  width: 0.8vw;
  height: 0.8vw;
  background-color: #fff;
  -webkit-mask: url("../img/sideway_arrow.svg") no-repeat center;
  mask: url("../img/sideway_arrow.svg") no-repeat center;
  -webkit-mask-size: cover;
}
.section_5 .contact_wrap .contact_img .button .contact_button:hover {
  background-color: transparent;
}
.section_5 .contact_wrap .contact_img .button .contact_button:hover p {
  color: #0099ff;
}
.section_5 .contact_wrap .contact_img .button .contact_button:hover .mask {
  background-color: #0099ff;
}

.section_6 {
  position: relative;
  top: 22vh;
  padding: 10vh 15vw;
}
.section_6 .news_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_6 .news_wrap .all_sp {
  display: none;
}
.section_6 .news_wrap .news_title {
  width: 35%;
}
.section_6 .news_wrap .news_title p {
  color: #fff;
  font-size: 2.4vw;
  padding-bottom: 3vh;
  font-weight: 400;
}
.section_6 .news_wrap .news_title a {
  display: inline-flex;
  text-decoration: none;
  color: #0099ff;
  font-size: 1.25vw;
  height: 3vh;
  border-bottom: 1px solid black;
  transition: 0.3s;
}
.section_6 .news_wrap .news_title a span {
  display: inline-block;
  padding-left: 1.5vw;
  width: 0.75vw;
}
.section_6 .news_wrap .news_title a span img {
  max-width: 100%;
}
.section_6 .news_wrap .news_title a:hover {
  border-bottom: 1px solid #0099ff;
  transition: 0.3s;
}
.section_6 .news_wrap .news_list {
  width: 60%;
}
.section_6 .news_wrap .news_list .news_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
}
.section_6 .news_wrap .news_list .news_box p {
  color: #fff;
}
.section_6 .news_wrap .news_list .news_box .date {
  width: 10%;
  font-size: 0.75vw;
}
.section_6 .news_wrap .news_list .news_box .news_desc_wrap {
  width: 80%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.section_6 .news_wrap .news_list .news_box .news_desc_wrap .news_desc {
  width: 80%;
  display: block;
  font-size: 1vw;
  padding-right: 3vw;
  line-height: 1.5vw;
  transition: 0.3s;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #000;
}
.section_6 .news_wrap .news_list .news_box .news_desc_wrap .arrow_img {
  display: block;
  width: 1.5vw;
  height: 1.5vw;
  background-image: url("../img/blue_round_arrow.png");
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s;
}
.section_6 .news_wrap .news_list .news_box:hover .news_desc {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section_6 .news_wrap .news_list .news_box:hover .arrow_img {
  background-image: url("../img/blue_round_arrow_active.png");
}
.section_6 .news_wrap .news_list .line {
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin: 4vh 0;
  opacity: 0.4;
}

footer {
  position: relative;
  top: 22vh;
  height: 100vh;
  background-color: #1C1C1C;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .footer_top_part {
  display: flex;
  flex-direction: column;
  padding: 12vh 15vw 0;
}
footer .footer_top_part .logo_wrap {
  display: flex;
  flex-direction: row;
  padding-bottom: 15vh;
}
footer .footer_top_part .logo_wrap .logo_part {
  width: 10vw;
  margin-right: 5vw;
}
footer .footer_top_part .logo_wrap .logo_part img {
  max-width: 100%;
}
footer .footer_top_part .logo_wrap .visa_logo {
  width: 80px;
}
footer .footer_top_part .logo_wrap .visa_logo img {
  max-width: 100%;
}
footer .footer_top_part .link_part {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 70%;
}
footer .footer_top_part .link_part .link {
  width: 30%;
  margin-right: 9vw;
  margin-bottom: 8vh;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #1C1C1C;
  transition: 0.3s;
}
footer .footer_top_part .link_part .link p {
  font-weight: 500;
  font-size: 28px;
}
footer .footer_top_part .link_part .link .arrow_img {
  margin-left: 1vw;
  width: 1.25vw;
}
footer .footer_top_part .link_part .link .arrow_img img {
  max-width: 100%;
}
footer .footer_top_part .link_part .link:hover {
  border-bottom: 1px solid #fff;
}
footer .footer_bottom_part {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 15vw 10vh;
}
footer .footer_bottom_part .desc_part .product_desc {
  font-weight: lighter;
  color: #fff;
  font-size: 0.8vw;
  line-height: 0.9vw;
}
footer .footer_bottom_part .policy_copyright {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .footer_bottom_part .policy_copyright a {
  text-decoration: underline;
  text-underline-offset: 1px;
  color: #fff;
}
footer .footer_bottom_part .policy_copyright p {
  color: rgba(255, 255, 255, 0.6);
  padding-top: 1rem;
  font-size: 0.75vw;
}

@keyframes circle {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  28% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blue_dot {
  0% {
    background-color: #fff;
  }
  5% {
    background-color: #0099ff;
  }
  25% {
    background-color: #0099ff;
  }
  28% {
    background-color: #fff;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes moving_white_bar {
  0% {
    top: -60%;
  }
  100% {
    top: 100%;
  }
}
@keyframes loading_bar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes slider {
  0% {
    opacity: 0;
    transform: scale(1, 1);
  }
  3% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  28% {
    opacity: 0;
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1550px) {
  .header_top_fixed .header_wrap {
    padding: 4vh 5vw;
  }
  .header_top_fixed .header_wrap .left_wrap .slogan_wrap .slogan {
    font-size: 0.9vw;
  }
  .header_top_fixed .header_wrap .right_wrap .menu a {
    font-size: 1.1vw;
  }
  .header_top_fixed .header_wrap .right_wrap .contact_button a {
    font-size: 1.25vw;
  }
  .section_1 .top_header .left_wrap .slogan_wrap .slogan {
    font-size: 0.9vw;
  }
  .section_1 .top_header .right_wrap .menu a {
    font-size: 1.1vw;
  }
  .section_1 .top_header .right_wrap .contact_button a {
    font-size: 1.25vw;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button p {
    font-size: 1.25vw;
    line-height: 1;
  }
  .section_2 {
    padding: 10vw 12vw 0;
  }
  .section_2 .content_wrap .left_part .article_part .title {
    font-size: 3vw;
    line-height: 1.25;
  }
  .section_2 .content_wrap .left_part .article_part .main_article {
    font-size: 1.1vw;
  }
  .section_3 .content_wrap {
    padding: 20vh 12vw;
  }
  .section_3 .content_wrap .left_part .article_type {
    font-size: 1.25vw;
  }
  .section_3 .content_wrap .left_part .title {
    font-size: 3vw;
    line-height: 1.25;
  }
  .section_3 .content_wrap .left_part .article {
    font-size: 1.1vw;
  }
  .section_3 .card_slider_wrap .slide .content_box {
    height: 7vw;
  }
  .section_3 .card_slider_wrap .slide .content_box .category p {
    font-size: 0.9vw;
  }
  .section_3 .card_slider_wrap .slide .content_box .desc {
    font-size: 1.1vw;
    line-height: 1.25;
  }
  .section_3 .slider_nav .nav_button {
    width: 2.5vw;
  }
  .section_3 .more_button a {
    font-size: 1.25vw;
  }
  .section_4 {
    padding: 20vh 12vw;
  }
  .section_4 .content_wrap .top_part .article_type {
    font-size: 1.25vw;
  }
  .section_4 .content_wrap .top_part .title {
    font-size: 3vw;
  }
  .section_4 .content_wrap .top_part .article {
    font-size: 2vw;
    line-height: 1.25;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .title {
    font-size: 1.25vw;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .desc {
    font-size: 1.1vw;
    line-height: 1.25;
  }
  .section_5 .about_us_wrap {
    padding: 10vh 0 50vh 12vw;
  }
  .section_5 .about_us_wrap .desc_part .title {
    font-size: 3vw;
    line-height: 1.15;
  }
  .section_5 .about_us_wrap .desc_part .desc {
    font-size: 1.1vw;
  }
  .section_5 .about_us_wrap .desc_part .button a {
    font-size: 1.25vw;
  }
  .section_5 .contact_wrap .contact_img .desc .category {
    font-size: 1.25vw;
  }
  .section_5 .contact_wrap .contact_img .desc .title {
    font-size: 3vw;
    line-height: 1.25;
  }
  .section_5 .contact_wrap .contact_img .button a {
    font-size: 1.25vw;
  }
  .section_6 .news_wrap .news_title p {
    font-size: 3vw;
  }
  .section_6 .news_wrap .news_title a {
    font-size: 1.25vw;
  }
  .section_6 .news_wrap .news_list .news_box .date {
    font-size: 0.8vw;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .news_desc {
    font-size: 1.1vw;
  }
  footer .footer_top_part .link_part .link p {
    font-size: 1.65vw;
  }
}
@media screen and (max-width: 1113px) {
  .header_top_fixed .header_wrap {
    padding: 2.5vh 5vw;
  }
  .header_top_fixed .header_wrap .left_wrap .logo_wrap {
    width: 9vw;
  }
  .header_top_fixed .header_wrap .left_wrap .slogan_wrap {
    margin-left: 1.5vw;
  }
  .header_top_fixed .header_wrap .left_wrap .slogan_wrap .slogan {
    font-size: 0.9vw;
    line-height: 1vw;
  }
  .header_top_fixed .header_wrap .right_wrap .menu a {
    font-size: 1.25vw;
  }
  .header_top_fixed .header_wrap .right_wrap .contact_button a {
    font-size: 1.5vw;
  }
  .mail_wrap .mail_fixed .mail_img {
    width: 2.5vw;
    padding: 2vw;
  }
  .section_1 .top_header {
    padding: 5vh 5vw 18vh;
  }
  .section_1 .top_header .left_wrap .logo_wrap {
    width: 9vw;
  }
  .section_1 .top_header .left_wrap .slogan_wrap {
    margin-left: 1.5vw;
  }
  .section_1 .top_header .left_wrap .slogan_wrap .slogan {
    font-size: 0.9vw;
    line-height: 1vw;
  }
  .section_1 .top_header .right_wrap .menu a {
    font-size: 1.25vw;
  }
  .section_1 .top_header .right_wrap .contact_button a {
    font-size: 1.5vw;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button {
    width: 15.5vw;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button p {
    font-size: 1.5vw;
  }
  .section_2 {
    padding: 10vw 10vw 0;
  }
  .section_2 .content_wrap .left_part .article_part .title {
    font-size: 3vw;
    line-height: 3.75vw;
  }
  .section_2 .content_wrap .left_part .article_part .main_article {
    font-size: 1.25vw;
    line-height: 1.75vw;
  }
  .section_3 .content_wrap {
    padding: 20vh 10vw;
  }
  .section_3 .content_wrap .left_part .article_type {
    font-size: 1.75vw;
    padding-bottom: 1.25vh;
  }
  .section_3 .content_wrap .left_part .title {
    font-size: 3vw;
    line-height: 3.75vw;
    padding-bottom: 3vh;
  }
  .section_3 .content_wrap .left_part .article {
    font-size: 1.25vw;
    line-height: 1.75vw;
  }
  .section_3 .content_wrap .right_part .big_img {
    width: 100%;
  }
  .section_3 .card_slider_wrap .slide .content_box {
    height: 9vw;
  }
  .section_3 .card_slider_wrap .slide .content_box .category p {
    font-size: 1.25vw;
    line-height: 1.75vw;
  }
  .section_3 .card_slider_wrap .slide .content_box .desc {
    font-size: 1.2vw;
    line-height: 1.75vw;
  }
  .section_3 .slider_nav .nav_button {
    width: 3vw;
  }
  .section_3 .more_button a {
    width: 15vw;
    font-size: 1.5vw;
  }
  .section_4 {
    padding: 20vh 10vw;
  }
  .section_4 .content_wrap .top_part .article_type {
    font-size: 1.75vw;
    padding-bottom: 1.25vh;
  }
  .section_4 .content_wrap .top_part .title {
    font-size: 3vw;
    line-height: 3.75vw;
    padding-bottom: 2vh;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .title {
    font-size: 1.5vw;
    line-height: 1.75vw;
    padding-bottom: 0.5vw;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .desc {
    font-size: 1.2vw;
    line-height: 1.5vw;
  }
  .section_5 .about_us_wrap {
    padding: 10vh 0 50vh 10vw;
  }
  .section_5 .about_us_wrap .desc_part {
    width: 38%;
  }
  .section_5 .about_us_wrap .desc_part .title {
    font-size: 3vw;
    line-height: 3.75vw;
    padding-bottom: 1vh;
  }
  .section_5 .about_us_wrap .desc_part .desc {
    font-size: 1.25vw;
    line-height: 1.75vw;
  }
  .section_5 .about_us_wrap .desc_part .button a {
    width: 15vw;
    font-size: 1.5vw;
  }
  .section_5 .contact_wrap {
    width: 90vw;
    bottom: -21vh;
  }
  .section_5 .contact_wrap .contact_img {
    padding: 12.5vh 7.5vw;
  }
  .section_5 .contact_wrap .contact_img .desc .category {
    font-size: 1.75vw;
    padding-bottom: 1.25vh;
  }
  .section_5 .contact_wrap .contact_img .desc .title {
    font-size: 3vw;
    line-height: 3.75vw;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button {
    width: 16vw;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button p {
    font-size: 1.5vw;
    padding: 1.75vh 0 1.5vh;
  }
  .section_6 {
    padding: 10vh 10vw;
  }
  .section_6 .news_wrap .news_title {
    width: 35%;
  }
  .section_6 .news_wrap .news_title a {
    font-size: 1.5vw;
  }
  .section_6 .news_wrap .news_title a span {
    padding-left: 1.5vw;
    width: 1vw;
  }
  .section_6 .news_wrap .news_list {
    width: 65%;
  }
  .section_6 .news_wrap .news_list .news_box .date {
    font-size: 1vw;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .news_desc {
    font-size: 1.25vw;
    line-height: 1.75vw;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .arrow_img {
    width: 2vw;
    height: 2vw;
  }
  footer .footer_top_part {
    padding: 22vh 10vw 0;
  }
  footer .footer_top_part .logo_wrap .logo_part {
    width: 12vw;
    padding-bottom: 10vh;
  }
  footer .footer_top_part .logo_wrap .visa_logo {
    width: 10vw;
    max-width: 65px;
  }
  footer .footer_top_part .link_part {
    font-size: 2vw;
  }
  footer .footer_top_part .link_part .link p {
    font-size: 2vw;
  }
  footer .footer_top_part .link_part .link .arrow_img {
    width: 1.5vw;
  }
  footer .footer_bottom_part {
    padding: 0 10vw 10vh;
  }
  footer .footer_bottom_part .desc_part .product_desc {
    font-size: 1vw;
    line-height: 1.25vw;
  }
  footer .footer_bottom_part .policy_copyright p {
    font-size: 1vw;
  }
}
@media screen and (max-width: 860px) {
  .header_top_fixed .header_wrap {
    padding: 2.25vh 5vw 3vh;
    position: relative;
    z-index: 34;
  }
  .header_top_fixed .header_wrap .left_wrap .logo_wrap {
    width: 17vw;
  }
  .header_top_fixed .header_wrap .left_wrap .slogan_wrap {
    display: none;
  }
  .header_top_fixed .header_wrap .right_wrap {
    display: none;
  }
  .header_top_fixed .header_wrap .right_wrap_sp {
    display: block;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 3.5vh;
    transition: 0.3s;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_2 .line {
    position: relative;
    height: 2px;
    background-color: #fff;
    width: 6vw;
    transition: 0.3s;
    top: 0;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_2 .line_2 {
    width: 3vw;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line_1 {
    position: relative;
    top: 1.8vh;
    transform: rotate(45deg);
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line_2 {
    width: 0;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line_3 {
    position: relative;
    top: -1.5vh;
    transform: rotate(-45deg);
  }
  .header_top_fixed .sp_menu_2 {
    display: none;
    opacity: 0;
    position: fixed;
    bottom: -100vh;
    height: 89%;
    width: 100%;
    z-index: -2;
    background-color: #000;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s;
  }
  .header_top_fixed .sp_menu_2 .menu_wrap {
    display: flex;
    flex-direction: column;
    padding: 0 5vw 0;
  }
  .header_top_fixed .sp_menu_2 .menu_wrap a {
    text-decoration: none;
    font-size: 4vw;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 6vh;
  }
  .header_top_fixed .sp_menu_2 .menu_wrap a span {
    width: 2.5vw;
  }
  .header_top_fixed .sp_menu_2 .menu_wrap a span img {
    max-width: 100%;
  }
  .header_top_fixed .sp_menu_2 .slogan_wrap {
    padding: 10vh 5vw 0;
    position: absolute;
    top: 0;
  }
  .header_top_fixed .sp_menu_2 .slogan_wrap p {
    opacity: 0.6;
    color: #fff;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .header_top_fixed .sp_menu_2_active {
    display: flex;
    opacity: 1;
    z-index: 33;
    bottom: 0;
    height: 100%;
  }
  .mail_wrap .mail_fixed .mail_img {
    width: 4vw;
    padding: 2.75vw;
  }
  .section_1 .slider_wrap .slide:nth-child(1) {
    background: url("../img/back_img_1.jpg");
    background-position: 65%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .slider_wrap .slide:nth-child(2) {
    background: url("../img/back_img_2.jpg");
    background-position: 70%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .slider_wrap .slide:nth-child(3) {
    background: url("../img/back_img_3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .slider_wrap .slide:nth-child(4) {
    background: url("../img/back_img_4.jpg");
    background-position: 65%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .top_header {
    padding: 2vh 5vw 0vh;
    height: 7vh;
  }
  .section_1 .top_header .left_wrap .logo_wrap {
    width: 17vw;
  }
  .section_1 .top_header .left_wrap .slogan_wrap {
    display: none;
  }
  .section_1 .top_header .right_wrap {
    display: none;
  }
  .section_1 .top_header .right_wrap_sp {
    display: block;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 3.5vh;
    transition: 0.1s;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_1 .line {
    position: relative;
    height: 2px;
    background-color: #fff;
    width: 6vw;
    transition: 0.3s;
    top: 0;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_1 .line_2 {
    width: 3vw;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line_1 {
    position: relative;
    top: 1.85vh;
    transform: rotate(45deg);
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line_2 {
    width: 0;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line_3 {
    position: relative;
    top: -1.5vh;
    transform: rotate(-45deg);
  }
  .section_1 .top_header_active {
    background-color: #000;
    position: relative;
    z-index: 34;
  }
  .section_1 .sp_menu_1 {
    opacity: 0;
    position: fixed;
    bottom: -100vh;
    height: 100%;
    width: 100%;
    z-index: -2;
    background-color: #000;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s;
  }
  .section_1 .sp_menu_1 .menu_wrap {
    display: flex;
    flex-direction: column;
    padding: 0 5vw 0;
  }
  .section_1 .sp_menu_1 .menu_wrap a {
    text-decoration: none;
    font-size: 4vw;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 6vh;
  }
  .section_1 .sp_menu_1 .menu_wrap a span {
    width: 2.5vw;
  }
  .section_1 .sp_menu_1 .menu_wrap a span img {
    max-width: 100%;
  }
  .section_1 .sp_menu_1 .slogan_wrap {
    padding: 10vh 5vw 0;
    position: absolute;
    top: 0;
  }
  .section_1 .sp_menu_1 .slogan_wrap p {
    opacity: 0.6;
    color: #fff;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .section_1 .sp_menu_1_active {
    display: flex;
    opacity: 1;
    z-index: 33;
    bottom: 0;
  }
  .section_1 .middle_part {
    padding: 17vh 5vw 0;
  }
  .section_1 .middle_part .middle_title_wrap .title_1 {
    font-size: 10vw;
  }
  .section_1 .middle_part .middle_title_wrap .title_2 {
    font-size: 16vw;
    line-height: 11vh;
  }
  .section_1 .middle_part .middle_title_wrap .title_3 {
    font-size: 3.5vw;
    line-height: 7vh;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button {
    width: 32vw;
    margin-top: 3vh;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button p {
    font-size: 3vw;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button .mask {
    width: 1.75vw;
    height: 1.75vw;
    right: 2.5vw;
  }
  .section_1 .bottom_part .scroll_bar_wrap .bar_case {
    width: 1px;
  }
  .section_1 .bottom_part .scroll_bar_wrap .bar_case .white_bar {
    width: 1px;
  }
  .section_1 .bottom_part .scroll_bar_wrap p {
    font-size: 2vw;
  }
  .section_2 {
    padding: 10vw 5vw 0;
    max-width: 100%;
    overflow-x: hidden;
  }
  .section_2 .content_wrap .left_part {
    width: 60%;
  }
  .section_2 .content_wrap .left_part .article_part .title {
    font-size: 5vw;
    line-height: 5.5vw;
  }
  .section_2 .content_wrap .left_part .article_part .main_article {
    font-size: 2.5vw;
    line-height: 3.25vw;
  }
  .section_2 .content_wrap .left_part .small_img {
    display: none;
  }
  .section_2 .content_wrap .right_part {
    position: relative;
    left: 6vw;
    top: 3vh;
  }
  .section_2 .content_wrap .right_part .big_img {
    width: 100%;
  }
  .section_3 .content_wrap {
    padding: 15vh 5vw 5vh;
  }
  .section_3 .content_wrap .left_part {
    width: 100%;
  }
  .section_3 .content_wrap .left_part .article_type {
    font-size: 3vw;
  }
  .section_3 .content_wrap .left_part .title {
    font-size: 5vw;
    line-height: 5.5vw;
  }
  .section_3 .content_wrap .left_part .title .sp {
    display: none;
  }
  .section_3 .content_wrap .left_part .big_img {
    width: 80%;
    margin: auto;
    display: block;
  }
  .section_3 .content_wrap .left_part .big_img img {
    max-width: 100%;
  }
  .section_3 .content_wrap .left_part .article {
    font-size: 2.5vw;
    line-height: 3.25vw;
    padding-top: 3vh;
    display: flex;
    justify-content: center;
  }
  .section_3 .content_wrap .right_part {
    display: none;
  }
  .section_3 .card_slider_wrap .slide .card_img {
    width: 10vw;
  }
  .section_3 .card_slider_wrap .slide .card_vertical {
    width: 7vw;
  }
  .section_3 .card_slider_wrap .slide .ring_img {
    width: 7.5vw;
  }
  .section_3 .card_slider_wrap .slide .content_box {
    height: 13vw;
  }
  .section_3 .card_slider_wrap .slide .content_box .category p {
    font-size: 1.5vw;
    line-height: 0;
    padding: 0.75rem 0.75rem;
  }
  .section_3 .card_slider_wrap .slide .content_box .desc {
    font-size: 1.75vw;
    line-height: 2.5vw;
  }
  .section_3 .card_slider_wrap .slide_1,
  .section_3 .card_slider_wrap .slide_2,
  .section_3 .card_slider_wrap .slide_3,
  .section_3 .card_slider_wrap .slide_6 {
    margin-top: 4vw;
  }
  .section_3 .card_slider_wrap .slide_5 {
    margin-top: 3vw;
  }
  .section_3 .slider_nav .nav_button {
    width: 6vw;
  }
  .section_3 .more_button a {
    width: 30vw;
    font-size: 3vw;
  }
  .section_3 .more_button a span {
    right: 2.5vw;
    width: 1.75vw;
  }
  .section_4 {
    padding: 15vh 5vw;
  }
  .section_4 .content_wrap .top_part .article_type {
    font-size: 3vw;
  }
  .section_4 .content_wrap .top_part .title {
    font-size: 5vw;
    line-height: 5.5vw;
  }
  .section_4 .content_wrap .top_part .article {
    font-size: 3vw;
    line-height: 3.25vw;
  }
  .section_4 .content_wrap .bottom_part {
    padding-top: 8vh;
  }
  .section_4 .content_wrap .bottom_part .features {
    width: 50%;
    padding-bottom: 6vh;
    display: flex;
    align-items: baseline;
  }
  .section_4 .content_wrap .bottom_part .features .icon {
    width: 8vw;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part {
    position: relative;
    bottom: 4vh;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .title {
    font-size: 2.75vw;
    line-height: 2.75vw;
    padding-bottom: 1.5vw;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .desc {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .section_5 {
    background-color: #1C1C1C;
  }
  .section_5 .about_us_wrap {
    flex-direction: column-reverse;
    padding: 0;
  }
  .section_5 .about_us_wrap .desc_part {
    padding: 0 5vw 10vh;
    width: 90%;
  }
  .section_5 .about_us_wrap .desc_part .title {
    font-size: 5vw;
    line-height: 5.5vw;
  }
  .section_5 .about_us_wrap .desc_part .desc {
    font-size: 2.5vw;
    line-height: 3.25vw;
  }
  .section_5 .about_us_wrap .desc_part .button {
    padding-top: 5vh;
  }
  .section_5 .about_us_wrap .desc_part .button a {
    width: 30vw;
    font-size: 3vw;
  }
  .section_5 .about_us_wrap .desc_part .button a span {
    width: 1.75vw;
    right: 2.5vw;
  }
  .section_5 .about_us_wrap .back_img {
    width: 100%;
    position: relative;
    top: 0;
    margin-bottom: 5vh;
    height: 70vw;
  }
  .section_5 .about_us_wrap .back_img .logo_wrap {
    height: 20vh;
  }
  .section_5 .about_us_wrap .back_img .logo_wrap .logo_part {
    width: 35vw;
  }
  .section_5 .contact_wrap {
    position: relative;
    bottom: 0;
    width: 100vw;
  }
  .section_5 .contact_wrap .contact_img {
    background-image: url("../img/about_us_img_sp.jpg");
    background-position: top;
    align-items: flex-start;
    flex-direction: column;
    padding: 10vh 5vw;
  }
  .section_5 .contact_wrap .contact_img .desc .category {
    font-size: 3vw;
  }
  .section_5 .contact_wrap .contact_img .desc .title {
    font-size: 5vw;
    line-height: 5.5vw;
  }
  .section_5 .contact_wrap .contact_img .button {
    padding-top: 5vh;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button {
    width: 30vw;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button p {
    font-size: 3vw;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button .mask {
    right: 2vw;
    width: 1.75vw;
    height: 1.75vw;
  }
  .section_6 {
    top: 0;
    padding: 10vh 5vw;
  }
  .section_6 .news_wrap {
    flex-direction: column;
  }
  .section_6 .news_wrap .news_title {
    width: 100%;
  }
  .section_6 .news_wrap .news_title p {
    font-size: 5vw;
  }
  .section_6 .news_wrap .news_title a {
    display: none;
  }
  .section_6 .news_wrap .news_list {
    width: 100%;
  }
  .section_6 .news_wrap .news_list .news_box .date {
    font-size: 1.5vw;
    padding-right: 3vw;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .news_desc {
    font-size: 2vw;
    line-height: 2.75vw;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .arrow_img {
    width: 3vw;
    height: 3vw;
  }
  .section_6 .news_wrap .all_sp {
    display: inline-flex;
    text-decoration: none;
    color: #0099ff;
    font-size: 3vw;
    height: 3vh;
    border-bottom: 1px solid black;
    transition: 0.3s;
  }
  .section_6 .news_wrap .all_sp span {
    display: inline-block;
    width: 2vw;
    padding-left: 3vw;
  }
  .section_6 .news_wrap .all_sp span img {
    max-width: 100%;
  }
  .section_6 .news_wrap .all_sp:hover {
    transition: 0.3s;
  }
  footer {
    top: 0;
  }
  footer .footer_top_part .logo_wrap {
    padding-bottom: 10vh;
  }
  footer .footer_top_part .logo_wrap .logo_part {
    width: 17vw;
    padding-bottom: 0;
  }
  footer .footer_top_part .link_part {
    width: 95%;
  }
  footer .footer_top_part .link_part .link {
    width: 35%;
  }
  footer .footer_top_part .link_part .link p {
    font-size: 3vw;
  }
  footer .footer_top_part .link_part .link .arrow_img {
    width: 2.5vw;
  }
  footer .footer_bottom_part .desc_part .product_desc {
    font-size: 1.25vw;
    line-height: 1.5vw;
  }
  footer .footer_bottom_part .policy_copyright p {
    font-size: 1.5vw;
    padding-top: 1vw;
  }
}
@media screen and (max-width: 600px) {
  .header_top_fixed .header_wrap {
    padding: 2vh 5vw 2vh;
  }
  .header_top_fixed .header_wrap .left_wrap .logo_wrap {
    width: 25vw;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_2 .line {
    width: 9vw;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_2 .line_2 {
    width: 5vw;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line {
    width: 10vw;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line_1 {
    position: relative;
    top: 1.85vh;
    transform: rotate(45deg);
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line_2 {
    width: 0;
  }
  .header_top_fixed .header_wrap .right_wrap_sp .menu_button_active_2 .line_3 {
    position: relative;
    top: -1.5vh;
    transform: rotate(-45deg);
  }
  .header_top_fixed .sp_menu_2 {
    height: 91%;
  }
  .header_top_fixed .sp_menu_2 .slogan_wrap p {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .header_top_fixed .sp_menu_2 .menu_wrap a {
    font-size: 6vw;
  }
  .header_top_fixed .sp_menu_2 .menu_wrap a span {
    width: 4.5vw;
  }
  .mail_wrap .mail_fixed .mail_img {
    width: 7vw;
    padding: 4vw;
  }
  .section_1 .slider_wrap .slide:nth-child(1) {
    background: url("../img/back_img_1_sp.jpg");
    background-position: 75%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .slider_wrap .slide:nth-child(2) {
    background: url("../img/back_img_2_sp.jpg");
    background-position: 70%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .slider_wrap .slide:nth-child(3) {
    background: url("../img/back_img_3_sp.jpg");
    background-position: 30%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .slider_wrap .slide:nth-child(4) {
    background: url("../img/back_img_4_sp.jpg");
    background-position: 55%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section_1 .top_header {
    padding: 2vh 5vw 0vh;
    position: relative;
    z-index: 34;
  }
  .section_1 .top_header .left_wrap .logo_wrap {
    width: 25vw;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_1 .line {
    width: 9vw;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_1 .line_2 {
    width: 5vw;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line {
    width: 10vw;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line_1 {
    position: relative;
    top: 1.85vh;
    transform: rotate(45deg);
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line_2 {
    width: 0;
  }
  .section_1 .top_header .right_wrap_sp .menu_button_active_1 .line_3 {
    position: relative;
    top: -1.5vh;
    transform: rotate(-45deg);
  }
  .section_1 .middle_part {
    padding: 22.5vh 5vw 0;
  }
  .section_1 .middle_part .middle_title_wrap .title_1 {
    font-size: 12vw;
  }
  .section_1 .middle_part .middle_title_wrap .title_2 {
    font-size: 17vw;
    line-height: 6vh;
    padding-top: 0.5rem;
  }
  .section_1 .middle_part .middle_title_wrap .title_3 {
    font-size: 4vw;
    line-height: 4vh;
    padding-top: 0.5rem;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button {
    width: 50vw;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button .mask {
    width: 3vw;
    height: 3vw;
    right: 4vw;
  }
  .section_1 .middle_part .middle_title_wrap .contact_button p {
    font-size: 5vw;
  }
  .section_1 .bottom_part .scroll_bar_wrap p {
    font-size: 3vw;
  }
  .section_1 .bottom_part .dot_wrap {
    right: 6vw;
  }
  .section_1 .bottom_part .dot_wrap .dot_part {
    margin-bottom: 0.5rem;
  }
  .section_1 .bottom_part .dot_wrap .dot_part .dot_circle {
    width: 11px;
    height: 11px;
  }
  .section_1 .bottom_part .dot_wrap .dot_part .dot {
    width: 5px;
    height: 5px;
  }
  .section_1 .sp_menu_1 {
    height: 100%;
  }
  .section_1 .sp_menu_1 .slogan_wrap p {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .section_1 .sp_menu_1 .menu_wrap a {
    font-size: 6vw;
  }
  .section_1 .sp_menu_1 .menu_wrap a span {
    width: 4.5vw;
  }
  .section_2 {
    padding: 10vh 5vw 0;
  }
  .section_2 .content_wrap {
    flex-direction: column;
  }
  .section_2 .content_wrap .left_part {
    width: 100%;
  }
  .section_2 .content_wrap .left_part .article_part .title {
    font-size: 8vw;
    line-height: 9vw;
    position: relative;
    z-index: 2;
  }
  .section_2 .content_wrap .left_part .article_part .img_sp {
    display: flex;
    width: 90%;
    position: relative;
    bottom: 2vh;
    left: 7vw;
    z-index: 1;
    align-self: flex-end;
  }
  .section_2 .content_wrap .left_part .article_part .img_sp img {
    max-width: 100%;
  }
  .section_2 .content_wrap .left_part .article_part .main_article {
    font-size: 4vw;
    line-height: 1.5;
  }
  .section_2 .content_wrap .left_part .small_img {
    display: block;
    position: relative;
    width: 50%;
    padding-top: 4vh;
  }
  .section_2 .content_wrap .right_part {
    display: none;
  }
  .section_3 .content_wrap .left_part .article_type {
    font-size: 4vw;
    padding-bottom: 3vh;
  }
  .section_3 .content_wrap .left_part .title {
    font-size: 8vw;
    line-height: 1.25;
  }
  .section_3 .content_wrap .left_part .title .sp {
    display: block;
  }
  .section_3 .content_wrap .left_part .big_img {
    width: 100%;
  }
  .section_3 .content_wrap .left_part .article {
    font-size: 4vw;
    line-height: 1.5;
  }
  .section_3 .card_slider_wrap .slide .card_img {
    width: 18vw;
  }
  .section_3 .card_slider_wrap .slide .card_vertical {
    width: 13vw;
  }
  .section_3 .card_slider_wrap .slide .ring_img {
    width: 12vw;
  }
  .section_3 .card_slider_wrap .slide .content_box {
    height: 33vw;
  }
  .section_3 .card_slider_wrap .slide .content_box .category p {
    font-size: 2.75vw;
    padding: 0.75rem 0.5rem;
    margin-right: 0.5rem;
  }
  .section_3 .card_slider_wrap .slide .content_box .desc {
    font-size: 4vw;
    line-height: 1.5;
  }
  .section_3 .card_slider_wrap .slide_1,
  .section_3 .card_slider_wrap .slide_2,
  .section_3 .card_slider_wrap .slide_3,
  .section_3 .card_slider_wrap .slide_5,
  .section_3 .card_slider_wrap .slide_6 {
    margin-top: 8vw;
  }
  .section_3 .slider_nav .nav_button {
    width: 7vw;
  }
  .section_3 .more_button a {
    width: 50vw;
    font-size: 5vw;
  }
  .section_3 .more_button a span {
    right: 4vw;
    width: 3vw;
  }
  .section_4 {
    padding: 10vh 5vw;
  }
  .section_4 .content_wrap .top_part .title {
    font-size: 8vw;
    line-height: 9vw;
  }
  .section_4 .content_wrap .top_part .article_type {
    font-size: 4vw;
    padding-bottom: 3vh;
  }
  .section_4 .content_wrap .top_part .article {
    font-size: 4vw;
    line-height: 1.5;
  }
  .section_4 .content_wrap .bottom_part {
    flex-direction: column;
  }
  .section_4 .content_wrap .bottom_part .features {
    width: 100%;
    padding-bottom: 2vh;
  }
  .section_4 .content_wrap .bottom_part .features .icon {
    width: 17vw;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part {
    bottom: 5vh;
    width: 75%;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .title {
    font-size: 5.5vw;
    line-height: 1.25;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .desc {
    font-size: 3.75vw;
    line-height: 5.5vw;
  }
  .section_4 .content_wrap .bottom_part .features .desc_part .desc .sp_break {
    display: block;
  }
  .section_5 .about_us_wrap .back_img .logo_wrap {
    width: 65%;
  }
  .section_5 .about_us_wrap .back_img .logo_wrap .logo_part {
    width: 50vw;
  }
  .section_5 .about_us_wrap .desc_part .title {
    font-size: 8vw;
    line-height: 1.25;
  }
  .section_5 .about_us_wrap .desc_part .desc {
    font-size: 4vw;
    line-height: 1.5;
  }
  .section_5 .about_us_wrap .desc_part .button a {
    width: 50vw;
    font-size: 5vw;
  }
  .section_5 .about_us_wrap .desc_part .button a span {
    right: 4vw;
    width: 3vw;
  }
  .section_5 .contact_wrap .contact_img .desc .category {
    font-size: 4vw;
    padding-bottom: 3vh;
  }
  .section_5 .contact_wrap .contact_img .desc .title {
    font-size: 8vw;
    line-height: 9vw;
  }
  .section_5 .contact_wrap .contact_img .desc .title .sp_break {
    display: none;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button {
    width: 50vw;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button p {
    font-size: 5vw;
  }
  .section_5 .contact_wrap .contact_img .button .contact_button .mask {
    right: 3vw;
    width: 3vw;
    height: 3vw;
  }
  .section_6 .news_wrap .news_title p {
    font-size: 8vw;
    line-height: 9vw;
    padding-bottom: 5vh;
  }
  .section_6 .news_wrap .news_list .news_box {
    flex-direction: column;
  }
  .section_6 .news_wrap .news_list .news_box .date {
    font-size: 3.5vw;
    padding-right: 0;
    padding-bottom: 1vh;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .news_desc {
    font-size: 4vw;
    line-height: 5vw;
    width: 100%;
    padding-bottom: 2vh;
  }
  .section_6 .news_wrap .news_list .news_box .news_desc_wrap .arrow_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 5vw;
    height: 5vw;
  }
  .section_6 .news_wrap .all_sp {
    font-size: 5vw;
  }
  .section_6 .news_wrap .all_sp span {
    width: 3.5vw;
    padding-left: 5vw;
  }
  footer .footer_top_part .logo_wrap {
    justify-content: space-evenly;
  }
  footer .footer_top_part .logo_wrap .logo_part {
    width: 35vw;
  }
  footer .footer_top_part .logo_wrap .visa_logo {
    width: 15vw;
    max-width: 60px;
  }
  footer .footer_top_part .link_part {
    width: 100%;
  }
  footer .footer_top_part .link_part .link {
    width: 45%;
    margin-right: 0;
  }
  footer .footer_top_part .link_part .link p {
    font-size: 4.5vw;
  }
  footer .footer_top_part .link_part .link .arrow_img {
    width: 3.75vw;
  }
  footer .footer_bottom_part {
    padding: 0 5vw 5vh;
    flex-direction: column;
    align-items: center;
  }
  footer .footer_bottom_part .desc_part {
    padding-bottom: 2.5vh;
  }
  footer .footer_bottom_part .desc_part .product_desc {
    font-size: 2.75vw;
    line-height: 1.5;
    text-align: center;
  }
  footer .footer_bottom_part .policy_copyright {
    flex-direction: column;
    align-items: center;
  }
  footer .footer_bottom_part .policy_copyright a {
    font-size: 4vw;
    padding-bottom: 2.5vh;
  }
  footer .footer_bottom_part .policy_copyright p {
    font-size: 3.5vw;
  }
}
/* 20230703 btn-hover-style */
.btn {
  position: relative;
  display: block;
  border-radius: 12px;
  /* overflow: hidden; */
  cursor: pointer;
}

.btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  transition: 0.2s ease-in-out;
}

.btn:hover img:nth-of-type(2) {
  opacity: 0;
}

/* 20240513 */
.news_box_margin_bottom {
  margin-bottom: 10px;
}/*# sourceMappingURL=top.css.map */