@charset "UTF-8";
/* ======================= VARIABLE ====== */
/* placeholder color */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@500;700&family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap");

:placeholder-shown {
  color: #808080;
}

::-webkit-input-placeholder {
  color: #808080;
}

:-moz-placeholder {
  color: #808080;
  opacity: 1;
}

::-moz-placeholder {
  color: #808080;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #808080;
}

/* ======================= IMPORT ====== */
/*=================

    basic.scss

=======================*/
.common_wrap {
  margin: 510px 0 0;
  background: #fff;
  position: relative;
  z-index: 5;
  padding: 80px 80px 0;
  -moz-border-radius: 150px 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 150px 0 0 0;
}

@media only screen and (max-width: 1200px) {
  .common_wrap {
    padding: 80px 40px 0;
  }
}

@media only screen and (max-width: 960px) {
  .common_wrap {
    margin: 300px 0 0;
    padding: 64px 16px 0;
    -moz-border-radius: 30px 30px 0 0;
    -webkit-border-radius: 0px;
    border-radius: 30px 30px 0 0;
  }
}

.common_wrap.contact {
  background: #EAEAEA;
  padding: 160px 80px 80px;
}

@media only screen and (max-width: 1200px) {
  .common_wrap.contact {
    padding: 160px 40px 80px;
  }
}

@media only screen and (max-width: 960px) {
  .common_wrap.contact {
    padding: 64px 16px 0;
  }
}

.common_wrap.contact:before {
  content: "";
  display: none;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: #EE7C58;
}

@media only screen and (max-width: 768px) {
  .common_wrap.contact:before {
    display: block;
  }
}

.common_wrap.contact:after {
  background: #EAEAEA;
}

@media only screen and (max-width: 768px) {
  .common_wrap.contact:after {
    bottom: -16px;
  }
}

@media only screen and (max-width: 768px) {
  .common_wrap.b_contact:after {
    bottom: -16px;
  }
}

.common_wrap.b_contact:before {
  content: "";
  display: none;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: #EE7C58;
}

@media only screen and (max-width: 768px) {
  .common_wrap.b_contact:before {
    display: block;
  }
}

.common_wrap.service01 {
  padding: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .common_wrap.service01 {
    padding: 64px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .common_wrap.service01:after {
    bottom: -16px;
  }
}

.common_wrap.service01:before {
  content: "";
  display: none;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: #EE7C58;
}

@media only screen and (max-width: 768px) {
  .common_wrap.service01:before {
    display: block;
  }
}

.common_wrap.service01 .common_contact_wrap {
  padding: 80px 16px 0;
}

@media only screen and (max-width: 960px) {
  .common_wrap.service01 .common_contact_wrap {
    padding: 40px 16px 0;
  }
}

.common_wrap.water {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .common_wrap.water:after {
    bottom: -16px;
  }
}

.common_wrap.water:before {
  content: "";
  display: none;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: #EE7C58;
}

@media only screen and (max-width: 768px) {
  .common_wrap.water:before {
    display: block;
  }
}

.common_wrap.water .common_contact_wrap {
  padding: 80px 16px 0;
}

@media only screen and (max-width: 960px) {
  .common_wrap.water .common_contact_wrap {
    padding: 40px 16px 0;
  }
}

.common_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: #fff;
  position: absolute;
  bottom: -80px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-border-radius: 0 0 100px 100px;
  -webkit-border-radius: 0;
  border-radius: 0 0 100px 100px;
  z-index: 2;
}

@media only screen and (max-width: 960px) {
  .common_wrap:after {
    height: 40px;
    bottom: -40px;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0;
    border-radius: 0 0 30px 30px;
  }
}

.anchor_line {
  padding: 134px 0 0;
  margin: -134px 0 0;
}

@media only screen and (max-width: 1366px) {
  .anchor_line {
    padding: 124px 0 0;
    margin: -124px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .anchor_line {
    padding: 96px 0 0;
    margin: -96px 0 0;
  }
}

/* 余白 */
.mb150 {
  margin: 0 0 150px;
}

@media only screen and (max-width: 960px) {
  .mb150 {
    margin: 0 0 75px;
  }
}

.mb80 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .mb80 {
    margin: 0 0 60px;
  }
}

.mb60 {
  margin: 0 0 60px;
}

.mb50 {
  margin: 0 0 50px;
}

@media only screen and (max-width: 960px) {
  .mb50 {
    margin: 0 0 30px;
  }
}

.mb40 {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .mb40 {
    margin: 0 0 30px;
  }
}

.mb32 {
  margin: 0 0 32px;
}

.mb30 {
  margin: 0 0 30px;
}

.mb25 {
  margin: 0 0 25px;
}

.mb24 {
  margin: 0 0 24px;
}

.mb20 {
  margin: 0 0 20px;
}

.mb15 {
  margin: 0 0 15px;
}

.mb12 {
  margin: 0 0 12px;
}

.mb10 {
  margin: 0 0 10px;
}

.mb8 {
  margin: 0 0 8px;
}

.mb4 {
  margin: 0 0 4px;
}

/* LINK */
/* ALIGN */
.align_right {
  text-align: right;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.align_center {
  text-align: center;
}

/* WEIGHT */
.fw_bold {
  font-weight: bold;
}

/* EDITOR */
.marker {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(234, 57, 0, 0.2) 60%);
}

.ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}

.ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}

.rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}

.rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}

.bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}

.bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

/* circle */
.circle {
  width: 1374px;
  height: 1374px;
  background: #f2f2f2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-animation: circle 20s ease-in-out infinite;
  -webkit-animation: circle 20s ease-in-out infinite;
  animation: circle 20s ease-in-out infinite;
}

@media only screen and (max-width: 1200px) {
  .circle {
    width: 1100px;
    height: 1100px;
  }
}

@media only screen and (max-width: 960px) {
  .circle {
    width: 650px;
    height: 650px;
  }
}

@-moz-keyframes circle {
  0% {
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

  12.5% {
    -moz-border-radius: 50% 50% 50% 70%;
    border-radius: 50% 50% 50% 70%;
  }

  25% {
    -moz-border-radius: 50% 50% 70% 60%;
    border-radius: 50% 50% 70% 60%;
  }

  37.5% {
    -moz-border-radius: 80% 30% 50% 50%;
    border-radius: 80% 30% 50% 50%;
  }

  50% {
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

  62.5% {
    -moz-border-radius: 40% 40% 50% 40%;
    border-radius: 40% 40% 50% 40%;
  }

  75% {
    -moz-border-radius: 30% 50% 40% 80%;
    border-radius: 30% 50% 40% 80%;
  }

  87.5% {
    -moz-border-radius: 50% 50% 50% 70%;
    border-radius: 50% 50% 50% 70%;
  }

  100% {
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
}

@-webkit-keyframes circle {
  0% {
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }

  12.5% {
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 70%;
  }

  25% {
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 70% 60%;
  }

  37.5% {
    -webkit-border-radius: 80%;
    border-radius: 80% 30% 50% 50%;
  }

  50% {
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }

  62.5% {
    -webkit-border-radius: 40%;
    border-radius: 40% 40% 50% 40%;
  }

  75% {
    -webkit-border-radius: 30%;
    border-radius: 30% 50% 40% 80%;
  }

  87.5% {
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 70%;
  }

  100% {
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}

@keyframes circle {
  0% {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }

  12.5% {
    -moz-border-radius: 50% 50% 50% 70%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 70%;
  }

  25% {
    -moz-border-radius: 50% 50% 70% 60%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 70% 60%;
  }

  37.5% {
    -moz-border-radius: 80% 30% 50% 50%;
    -webkit-border-radius: 80%;
    border-radius: 80% 30% 50% 50%;
  }

  50% {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }

  62.5% {
    -moz-border-radius: 40% 40% 50% 40%;
    -webkit-border-radius: 40%;
    border-radius: 40% 40% 50% 40%;
  }

  75% {
    -moz-border-radius: 30% 50% 40% 80%;
    -webkit-border-radius: 30%;
    border-radius: 30% 50% 40% 80%;
  }

  87.5% {
    -moz-border-radius: 50% 50% 50% 70%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 70%;
  }

  100% {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}

/*=================

    button.scss

=======================*/
.common_btn01 {
  position: relative;
  display: inline-block;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  padding: 10px 38px;
  background: #fff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 640px) {
  .common_btn01 {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px;
  }
}

.common_btn01:hover {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.common_btn01:hover img {
  filter: brightness(0) invert(1);
}

.common_btn01 img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -4px;
}

@media only screen and (max-width: 640px) {
  .common_btn01 img {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.common_btn02 {
  outline: none;
  display: block;
  width: 100%;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  padding: 10px 38px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.common_btn02:hover {
  background: #fff;
  color: #1f3b6a;
}

.common_btn02:hover img {
  filter: none;
}

.common_btn02 img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -4px;
  filter: brightness(0) invert(1);
}

.common_btn02.w242 {
  max-width: 242px;
}

.common_btn02.center {
  margin: 0 auto;
}

.common_btn02.contact {
  max-width: 338px;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 960px) {
  .common_btn02.contact {
    font-size: 14px;
  }
}

.common_btn03 {
  position: relative;
  display: inline-block;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  padding: 10px 38px;
  background: #fff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.common_btn03:hover {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.common_btn03:hover img {
  filter: brightness(0) invert(1);
}

.common_btn03 img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -4px;
}

/* link */
.common_all_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: fit-content;
  font-size: 14px;
  line-height: 1.5;
  color: #1f3b6a;
  ;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .common_all_link {
    font-size: 13px;
  }
}

.common_all_link:hover small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.common_all_link:hover small img {
  filter: brightness(0) invert(1);
}

.common_all_link span {
  display: inline-block;
  vertical-align: middle;
}

.common_all_link small {
  margin: 0 0 0 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  min-width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #1f3b6a;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .common_all_link small {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
}

.common_all_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.common_all_link small .arrow_icon {
  width: 16px;
}

.common_all_link small .menu_icon {
  width: 21px;
}

.common_all_link small .cart_icon {
  width: 18px;
}

.common_all-l_link {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  color: #1f3b6a;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .common_all-l_link {
    font-size: 13px;
  }
}

.common_all-l_link:hover small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.common_all-l_link:hover small img {
  filter: brightness(0) invert(1);
}

.common_all-l_link span {
  display: inline-block;
  vertical-align: middle;
}

.common_all-l_link small {
  margin: 0 0 0 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .common_all-l_link small {
    width: 36px;
    height: 36px;
  }
}

.common_all-l_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.common_all-l_link small .arrow_icon {
  width: 16px;
}

.common_all-l_link small .menu_icon {
  width: 21px;
}

.common_all-l_link small .cart_icon {
  width: 18px;
}

.common_all-bl_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: fit-content;
  font-size: 16px;
  line-height: 1.5;
  color: #2DB0E7;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .common_all-bl_link {
    font-size: 13px;
  }
}

.common_all-bl_link:hover small {
  background: #2DB0E7;
}

.common_all-bl_link:hover small img {
  filter: brightness(0) invert(1);
}

.common_all-bl_link span {
  display: inline-block;
  vertical-align: middle;
}

.common_all-bl_link small {
  margin: 0 0 0 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #fff;
  border: 1px #2DB0E7 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .common_all-bl_link small {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}

.common_all-bl_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.common_all-bl_link small .arrow_icon {
  width: 16px;
}

.common_all-bl_link small .menu_icon {
  width: 21px;
}

.common_all-bl_link small .cart_icon {
  width: 18px;
}

.common_all-gl_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: fit-content;
  font-size: 16px;
  line-height: 1.5;
  color: #23B195;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .common_all-gl_link {
    font-size: 13px;
  }
}

.common_all-gl_link:hover small {
  background: #23B195;
}

.common_all-gl_link:hover small img {
  filter: brightness(0) invert(1);
}

.common_all-gl_link span {
  display: inline-block;
  vertical-align: middle;
}

.common_all-gl_link small {
  margin: 0 0 0 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #fff;
  border: 1px #23B195 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .common_all-gl_link small {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}

.common_all-gl_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.common_all-gl_link small .arrow_icon {
  width: 16px;
}

.common_all-gl_link small .menu_icon {
  width: 21px;
}

.common_all-gl_link small .cart_icon {
  width: 18px;
}

.slider_btnarea_block {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.slider_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 116px;
}

@media only screen and (max-width: 960px) {
  .slider_btnarea {
    width: 76px;
  }
}

.slider_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/index/prev_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}

.slider_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 16px;
}

.slider_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}

.slider_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slider_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/index/next_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}

@media only screen and (max-width: 960px) {
  .slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}

.slider_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 16px;
}

.slider_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}

.slider_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slider-s_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100px;
}

@media only screen and (max-width: 960px) {
  .slider-s_btnarea {
    width: 76px;
  }
}

.slider-s_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 48px;
  height: 48px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/index/prev_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .slider-s_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}

.slider-s_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 16px;
}

.slider-s_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}

.slider-s_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.slider-s_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 48px;
  height: 48px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/index/next_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}

@media only screen and (max-width: 960px) {
  .slider-s_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}

.slider-s_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 16px;
}

.slider-s_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}

.slider-s_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.common_aside_btn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: url("../../uploads/2025/06/sokuuritai2.png") center center no-repeat;
  background-size: cover;
  border: 2px #fff solid;
  border-right: none;
  -moz-border-radius: 15px 0 0 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px 0 0 15px;
  width: 119px;
  height: 299px;
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 30;
  overflow: hidden;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .common_aside_btn {
    width: calc(100% - 32px);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px #fff solid;
    border-right: 1px #fff solid;
    height: 67px;
    display: block;
    right: inherit;
    left: 50%;
    top: inherit;
    bottom: 16px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 768px) {
  .common_aside_btn.product {
    bottom: 67px;
  }
}

.common_aside_btn:hover:after {
  opacity: 1;
}

.common_aside_btn:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.common_aside_btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.common_aside_btn .common_aside_btn_main {
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .common_aside_btn .common_aside_btn_main {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
  }
}

.common_aside_btn .common_aside_btn_logo {
  display: block;
  width: 89px;
  margin: 0 auto 16px;
}

@media only screen and (max-width: 960px) {
  .common_aside_btn .common_aside_btn_logo {
    width: 80px;
    margin: 0 24px 0 0;
  }
}

.common_aside_btn .common_aside_btn_text {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  font-weight: 900;
  letter-spacing: 3.5px;
  writing-mode: vertical-rl;
}

@media only screen and (max-width: 960px) {
  .common_aside_btn .common_aside_btn_text {
    writing-mode: inherit;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.2px;
  }
}

.common_top_btn {
  opacity: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 136px;
  height: 65px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  position: fixed;
  bottom: 16px;
  right: 32px;
  z-index: 35;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.common_top_btn.active {
  opacity: 1;
}

@media only screen and (max-width: 960px) {
  .common_top_btn.active {
    display: none;
    opacity: 0;
  }
}

@media only screen and (max-width: 960px) {
  .common_top_btn {
    display: none;
  }
}

.common_top_btn .common_top_btn_text {
  font-size: 11px;
  color: #1f3b6a;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}

.common_top_btn img {
  display: block;
  width: 32px;
  margin: 0 auto;
}

/*=================

    footer.scss

=======================*/
.footer_wrap {
  position: relative;
  padding: 160px 16px 190px;
  z-index: 2;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlN2M1OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhM2EwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(0deg, #133868 0, #1f528f 100%);
  background: -webkit-linear-gradient(0deg, #133868 0, #1f528f 100%);
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

@media only screen and (max-width: 960px) {
  .footer_wrap {
    padding: 80px 16px 160px;
  }
}

@media only screen and (max-width: 640px) {
  .footer_wrap {
    padding: 80px 16px 56px;
  }
}

.footer_wrap .footer_inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.footer_wrap .footer_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_block {
    display: block;
  }
}

.footer_wrap .footer_block .footer_main {
  width: 320px;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_block .footer_main {
    width: 100%;
    margin: 0 0 40px;
  }
}

.footer_wrap .footer_block .footer_sub {
  width: 645px;
  margin: 0 0 0 20px;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_block .footer_sub {
    width: 100%;
    margin: 0;
  }
}

.footer_wrap .footer_block .footer_logo {
  display: block;
  width: 260px;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_block .footer_logo {
    width: 220px;
    margin: 0 auto 32px;
  }
}

.footer_wrap .footer_block .footer_logo img {
  display: block;
  width: 100%;
}

.footer_wrap .footer_block .footer_text {
  font-size: 16px;
  line-height: 1.7;
  color: #fff;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_block .footer_text {
    font-size: 14px;
  }
}

.footer_wrap .footer_block .footer_text span {
  display: block;
  margin: 0 0 16px;
}

.footer_wrap .footer_block .footer_text span:last-of-type {
  margin: 0;
}

.footer_wrap .footer_block .footer_menu_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_block .footer_menu_block {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.footer_wrap .footer_block .footer_menu_block .footer_menu_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: calc((100% - 80px) / 3 * 2 + 40px);
  margin: 0 40px 0 0;
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_main {
    display: block;
    margin: 0;
    width: calc(50% - 12px);
  }
}

.footer_wrap .footer_block .footer_menu_block .footer_menu_main .footer_list {
  width: calc(50% - 20px);
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_main .footer_list {
    width: 100%;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_main .footer_list:last-of-type {
    margin: 0;
  }
}

.footer_wrap .footer_block .footer_menu_block .footer_menu_sub {
  width: calc((100% - 80px) / 3);
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_sub {
    display: block;
    margin: 0;
    width: calc(50% - 12px);
  }
}

.footer_wrap .footer_list .footer_item {
  margin: 0 0 24px;
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_list .footer_item {
    margin: 0 0 12px;
  }
}

.footer_wrap .footer_list .footer_item:last-of-type {
  margin: 0;
}

.footer_wrap .footer_list .footer_link {
  color: #fff;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_list .footer_link {
    font-size: 16px;
  }
}

.footer_wrap .footer_sublist {
  margin: 16px 0 0;
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_sublist {
    margin: 8px 0 0;
  }
}

.footer_wrap .footer_sublist .footer_subitem {
  margin: 0 0 12px;
}

.footer_wrap .footer_sublist .footer_subitem:last-of-type {
  margin: 0;
}

.footer_wrap .footer_sublist .footer_sublink {
  position: relative;
  padding: 0 0 0 13px;
  color: #fff;
  line-height: 1.7;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_sublist .footer_sublink {
    font-size: 14px;
  }
}

.footer_wrap .footer_sublist .footer_sublink:before {
  content: "";
  display: block;
  background: #fff;
  width: 3px;
  min-width: 3px;
  height: 3px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: transalteY(-50%);
  -ms-transform: transalteY(-50%);
  -webkit-transform: transalteY(-50%);
  transform: transalteY(-50%);
}

.footer_wrap .footer_others_block {
  margin: 48px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_others_block {
    display: block;
    margin: 32px 0 0;
  }
}

.footer_wrap .footer_others_block .footer_others_main {
  width: 645px;
  margin: 0 0 0 20px;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_others_block .footer_others_main {
    width: 100%;
    margin: 0;
  }
}

.footer_wrap .footer_others_block .footer_others_list .footer_others_item {
  margin: 0 0 8px;
}

.footer_wrap .footer_others_block .footer_others_list .footer_others_item:last-of-type {
  margin: 0;
}

.footer_wrap .footer_others_block .footer_others_list .footer_others_link {
  color: #fff;
  line-height: 1.7;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_others_block .footer_others_list .footer_others_link {
    font-size: 13px;
  }
}

.footer_wrap .footer_others_block .footer_others_sub .footer_copyright {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
  font-weight: 400;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_others_block .footer_others_sub .footer_copyright {
    font-size: 13px;
    text-align: center;
    padding: 24px 0 32px;
  }
}

.footer_wrap .footer_pic {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 173px;
  background: url("https://riyu.spread.fan/wp-content/uploads/2024/12/kaitori_top_footer-e1735038492975.png") top center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 960px) {
  .footer_wrap .footer_pic {
    height: 140px;
  }
}

@media only screen and (max-width: 640px) {
  .footer_wrap .footer_pic {
    height: 56px;
  }
}

/*=================

    form.scss

=======================*/
.form_input {
  display: block;
  width: 100%;
  height: 45px;
  border: 1px #cacaca solid;
  background: #eaeaea;
  outline: none;
  font-size: 14px;
  color: #333;
  padding: 0 16px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

@media only screen and (max-width: 960px) {
  .form_input {
    font-size: 13px;
  }
}

.form_input:focus {
  border: 1px #333 solid;
}

.form_input.error {
  border-color: #1f3b6a;
  background: rgba(234, 57, 0, 0.3);
}

.form_input.w111 {
  max-width: 111px;
}

.form_input.w344 {
  max-width: 344px;
}

.form_select {
  display: block;
  width: 100%;
  height: 45px;
  border: 1px #cacaca solid;
  background: url("assets/images/form/select_arrow.svg") right 16px center no-repeat #eaeaea;
  background-size: 20px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-size: 14px;
  color: #808080;
  padding: 0 45px 0 16px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

@media only screen and (max-width: 960px) {
  .form_select {
    font-size: 13px;
    background-position: right 8px center;
    padding: 0 36px 0 16px;
  }
}

.form_select.active {
  color: #333;
}

.form_select.error {
  border-color: #1f3b6a;
  background-color: rgba(234, 57, 0, 0.3);
}

.form_select:focus {
  border: 1px #333 solid;
}

.form_select.w160 {
  max-width: 160px;
}

.form_select.w344 {
  max-width: 344px;
}

.form_select:disabled {
  color: black;
}

.form_textarea {
  display: block;
  width: 100%;
  height: 200px;
  border: 1px #cacaca solid;
  background: #eaeaea;
  outline: none;
  font-size: 14px;
  color: #333;
  padding: 10px 16px;
  resize: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

@media only screen and (max-width: 960px) {
  .form_textarea {
    font-size: 13px;
  }
}

.form_textarea:focus {
  border: 1px #333 solid;
}

.form_textarea.error {
  border-color: #1f3b6a;
  background: rgba(234, 57, 0, 0.3);
}

.form_choose_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -12px;
}

@media only screen and (max-width: 640px) {
  .form_choose_list {
    display: block;
    margin: 0;
  }
}

.form_choose_list .form_choose_item {
  margin: 0 24px 12px 0;
}

@media only screen and (max-width: 640px) {
  .form_choose_list .form_choose_item {
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .form_choose_list .form_choose_item:last-of-type {
    margin: 0;
  }
}

.form_radio_label.error .form_radio_text::before {
  border-color: #1f3b6a;
  background: rgba(234, 57, 0, 0.3);
}

.form_radio_label input {
  display: none;
}

.form_radio_label .form_radio_text {
  display: inline-block;
  padding: 0 0 0 27px;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .form_radio_label .form_radio_text {
    font-size: 13px;
  }
}

.form_radio_label .form_radio_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #cacaca;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .form_radio_label .form_radio_text::before {
    top: 2px;
  }
}

.form_radio_label input:checked+.form_radio_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 9px;
  height: 9px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .form_radio_label input:checked+.form_radio_text::after {
    top: 7px;
  }
}

.form_radio_label input:disabled:checked+.form_radio_text::after {
  background: #888;
}

.form_checkbox_label input {
  display: none;
}

.form_checkbox_label .form_checkbox_text {
  display: inline-block;
  padding: 0 0 0 27px;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .form_checkbox_label .form_checkbox_text {
    font-size: 13px;
  }
}

.form_checkbox_label .form_checkbox_text a {
  color: #333;
  text-decoration: underline;
}

.form_checkbox_label .form_checkbox_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #cacaca;
}

@media only screen and (max-width: 960px) {
  .form_checkbox_label .form_checkbox_text::before {
    top: 2px;
  }
}

.form_checkbox_label input:checked+.form_checkbox_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 9px;
  height: 9px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

@media only screen and (max-width: 960px) {
  .form_checkbox_label input:checked+.form_checkbox_text::after {
    top: 7px;
  }
}

.form_checkbox_label input:disabled:checked+.form_checkbox_text::after {
  background: #888;
}

.form_title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #333;
  font-weight: 700;
  line-height: 1.8;
  font-size: 14px;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .form_title {
    font-size: 13px;
  }
}

.form_title small {
  display: block;
  width: 37px;
  line-height: 18px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 0 16px;
  white-space: nowrap;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.form_title .must {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.form_title .option {
  background: #808080;
}

.form_subtitle {
  font-size: 12px;
  line-height: 1.85;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .form_subtitle {
    font-size: 11px;
  }
}

.form_box {
  width: 100%;
}

.form_name_block {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 640px) {
  .form_name_block {
    display: block;
  }
}

.form_name_block .form_box {
  width: 160px;
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 640px) {
  .form_name_block .form_box {
    width: 100%;
    margin: 0 0 8px;
  }
}

.form_name_block .form_box:last-of-type {
  margin: 0;
}

.form_file_block .form_file_box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 12px;
}

.form_file_block .form_file_label {
  display: block;
  max-width: 343px;
  width: calc(100% - 81px);
  border: 1px solid #CACACA;
  background: #EAEAEA;
  padding: 8.25px 16px;
  font-size: 14px;
  color: #808080;
}

@media only screen and (max-width: 960px) {
  .form_file_block .form_file_label {
    font-size: 12px;
    width: calc(100% - 71px);
    padding: 8.25px 12px;
  }
}

.form_file_block .form_file_delete_btn {
  display: block;
  width: 73px;
  min-width: 73px;
  height: 44px;
  font-size: 12px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  background: #fff;
  margin: 0 0 0 8px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

@media only screen and (max-width: 960px) {
  .form_file_block .form_file_delete_btn {
    width: 63px;
    min-width: 63px;
  }
}

.form_file_block input[type=file] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.form_file_add_btn {
  font-size: 10px;
  line-height: 1.8;
  color: #1f3b6a;
  background: none;
}

.form_file_add_btn img {
  display: inline-block;
  width: 16px;
  margin: 0 4px 0 0;
  vertical-align: -4px;
}

.form_file_list {
  padding: 0 0 0 16px;
}

.form_file_list .form_file_item {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .form_file_list .form_file_item {
    font-size: 12px;
  }
}

.form_file_list .form_file_item:last-of-type {
  margin: 0;
}

.form_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.form_btnarea .form_back_btn {
  position: relative;
  display: inline-block;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 16px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  width: 123px;
  background: #fff;
  margin: 0 16px 0 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .form_btnarea .form_back_btn {
    font-size: 14px;
    line-height: 44px;
    margin: 0 8px 0 0;
    width: 120px;
  }
}

.form_btnarea .form_back_btn:hover {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.form_btnarea .form_back_btn:hover img {
  filter: brightness(0) invert(1);
}

.form_btnarea .form_back_btn img {
  display: block;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form_btnarea .form_submit_btn {
  position: relative;
  outline: none;
  display: block;
  width: 158px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .form_btnarea .form_submit_btn {
    font-size: 14px;
    line-height: 44px;
    width: 150px;
  }
}

.form_btnarea .form_submit_btn:hover {
  background: #fff;
  color: #1f3b6a;
}

.form_btnarea .form_submit_btn:hover img {
  filter: none;
}

.form_btnarea .form_submit_btn img {
  display: block;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
}

.form_error {
  font-size: 12px;
  line-height: 1.8;
  color: #1f3b6a;
  margin: 12px 0 0;
}

/*=================

    header.scss

=======================*/
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 70;
  height: 134px;
  padding: 0 15px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media only screen and (max-width: 1366px) {
  .header_wrap {
    height: 124px;
  }
}

@media only screen and (max-width: 960px) {
  .header_wrap {
    height: 96px;
  }
}

@media only screen and (max-width: 350px) {
  .header_wrap {
    padding: 0 12px 0 8px;
  }
}

.header_wrap.active {
  background: rgba(255, 255, 255, 0.5);
}

.header_wrap.active .header_logo img {
  filter: invert(0.9);
}

.header_wrap.active .header_btnarea .header_search_btn img {
  filter: invert(0.9);
}

.header_wrap.active .header_list .header_link {
  color: #333;
}

.header_wrap.active .header_tel_box .header_tel_textarea .left_icon:after {
  background: #333;
}

.header_wrap.active .header_tel_box .header_tel_textarea .right_icon:after {
  background: #333;
}

.header_wrap.active .header_tel_box .header_tel_textarea .header_tel_text {
  color: #333;
}

.header_wrap.active .header_mail_box .header_mail_textarea .left_icon:after {
  background: #333;
}

.header_wrap.active .header_mail_box .header_mail_textarea .right_icon:after {
  background: #333;
}

.header_wrap.active .header_mail_box .header_mail_textarea .header_mail_text {
  color: #333;
}

.header_wrap .header_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  padding: 48px 0 0;
}

@media only screen and (max-width: 960px) {
  .header_wrap .header_inner {
    padding: 0;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.header_wrap .header_logo {
  display: block;
  width: 132px;
  min-width: 132px;
}

@media only screen and (max-width: 1366px) {
  .header_wrap .header_logo {
    width: 110px;
    min-width: 110px;
    margin: 0 8px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .header_wrap .header_logo {
    width: 112px;
    min-width: 112px;
    margin: 0;
  }
}

@media only screen and (max-width: 350px) {
  .header_wrap .header_logo {
    width: 90px;
    min-width: 90px;
  }
}

.header_wrap .header_logo img {
  display: block;
  width: 100%;
}

.header_wrap .header_nav {
  margin: 0 12px 0 0;
}

@media only screen and (max-width: 960px) {
  .header_wrap .header_nav {
    display: none;
  }
}

.header_wrap .header_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header_wrap .header_list .header_item {
  margin: 4px 12px;
}

@media only screen and (max-width: 1366px) {
  .header_wrap .header_list .header_item {
    margin: 4px 6px;
  }
}

.header_wrap .header_list .header_link {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 1366px) {
  .header_wrap .header_list .header_link {
    font-size: 13px;
  }
}

.header_wrap .header_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.header_wrap .header_btnarea .header_btnarea_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.header_wrap .header_btnarea .header_search_btn {
  display: block;
  width: 32px;
  min-width: 32px;
  margin: 0 24px 0 0;
  background: none;
}

@media only screen and (max-width: 960px) {
  .header_wrap .header_btnarea .header_search_btn {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin: 0 8px 0 0;
  }
}

@media only screen and (max-width: 350px) {
  .header_wrap .header_btnarea .header_search_btn {
    width: 28px;
    min-width: 28px;
    height: 28px;
  }
}

.header_wrap .header_btnarea .header_search_btn img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .header_wrap .header_btnarea .header_search_btn img {
    width: 24px;
    margin: 0 auto;
  }
}

.header_wrap .header_btnarea .header_tel_box {
  margin: 0 8px 0 0;
}

.header_tel_box {
  position: relative;
}

.header_tel_box .header_tel_textarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 960px) {
  .header_tel_box .header_tel_textarea {
    display: none;
  }
}

.header_tel_box .header_tel_textarea .left_icon {
  margin: 0 4px 0 0;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.header_tel_box .header_tel_textarea .left_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  transform: translateX(-50%) translateY(-50%) rotate(-35deg);
}

.header_tel_box .header_tel_textarea .right_icon {
  margin: 0 0 0 4px;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.header_tel_box .header_tel_textarea .right_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  transform: translateX(-50%) translateY(-50%) rotate(35deg);
}

.header_tel_box .header_tel_textarea .header_tel_text {
  font-size: 11px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

@media only screen and (max-width: 1366px) {
  .header_tel_box .header_tel_textarea .header_tel_text {
    font-size: 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .header_tel_box .header_tel_link {
    padding: 8px 20px 8px 10px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 960px) {
  .header_tel_box .header_tel_link {
    padding: 0;
    -webkit-filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.16));
  }
}

@media only screen and (max-width: 960px) {
  .header_tel_box .header_tel_link small {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .header_tel_box .header_tel_link .header_tel_icon {
    margin: 0;
    background: none;
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}

@media only screen and (max-width: 960px) {
  .header_tel_box .header_tel_link .header_tel_icon img {
    filter: none;
  }
}

.header_tel_link {
  display: inline-block;
  padding: 8px 40px 8px 10px;
  white-space: nowrap;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

.header_tel_link .header_tel_icon {
  position: relative;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: -11px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.header_tel_link .header_tel_icon img {
  filter: brightness(0) invert(1);
  width: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.header_mail_box {
  position: relative;
}

.header_mail_box .header_mail_textarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 960px) {
  .header_mail_box .header_mail_textarea {
    display: none;
  }
}

.header_mail_box .header_mail_textarea .left_icon {
  margin: 0 4px 0 0;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.header_mail_box .header_mail_textarea .left_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  transform: translateX(-50%) translateY(-50%) rotate(-35deg);
}

.header_mail_box .header_mail_textarea .right_icon {
  margin: 0 0 0 4px;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.header_mail_box .header_mail_textarea .right_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  transform: translateX(-50%) translateY(-50%) rotate(35deg);
}

.header_mail_box .header_mail_textarea .header_mail_text {
  font-size: 11px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

@media only screen and (max-width: 1366px) {
  .header_mail_box .header_mail_textarea .header_mail_text {
    font-size: 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .header_mail_box .header_mail_link {
    padding: 8px 20px 8px 10px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 960px) {
  .header_mail_box .header_mail_link {
    padding: 0;
    -webkit-filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.16));
  }
}

@media only screen and (max-width: 960px) {
  .header_mail_box .header_mail_link small {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .header_mail_box .header_mail_link .header_mail_icon {
    margin: 0;
    background: none;
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}

@media only screen and (max-width: 960px) {
  .header_mail_box .header_mail_link .header_mail_icon img {
    filter: brightness(0) invert(1);
  }
}

.header_mail_link {
  display: inline-block;
  padding: 8px 40px 8px 10px;
  white-space: nowrap;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

.header_mail_link .header_mail_icon {
  position: relative;
  background: #fff;
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: -11px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.header_mail_link .header_mail_icon img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.header_menu_btn {
  position: relative;
  display: block;
  outline: none;
  background: #fff;
  width: 70px;
  height: 70px;
  padding: 0;
  margin: 0 0 0 24px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -webkit-filter: drop-shadow(8px 10px 20px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(8px 10px 20px rgba(0, 0, 0, 0.16));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header_menu_btn:hover {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.header_menu_btn:hover .top {
  background: #fff;
}

.header_menu_btn:hover .middle {
  background: #fff;
}

.header_menu_btn:hover .bottom {
  background: #fff;
}

@media only screen and (max-width: 1366px) {
  .header_menu_btn {
    width: 55px;
    height: 55px;
    margin: 0 0 0 12px;
  }
}

@media only screen and (max-width: 960px) {
  .header_menu_btn {
    width: 48px;
    height: 48px;
    margin: 0 0 0 8px;
  }
}

.header_menu_btn .top {
  display: block;
  width: 24px;
  height: 2px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  margin: 0 auto 3px;
}

.header_menu_btn .middle {
  display: block;
  width: 24px;
  height: 2px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  margin: 0 auto 3px;
}

.header_menu_btn .bottom {
  display: block;
  width: 24px;
  height: 2px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  margin: 0 auto;
}

.header_menu_btn.active .top {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
}

.header_menu_btn.active .middle {
  display: none;
}

.header_menu_btn.active .bottom {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

.header_menu_wrap {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 100;
}

@media only screen and (max-width: 960px) {
  .header_menu_wrap {
    background: #fff;
  }
}

.header_menu_wrap .header_menu_head {
  position: relative;
  z-index: 5;
  padding: 0 15px;
}

@media only screen and (max-width: 960px) {
  .header_menu_wrap .header_menu_head {
    height: 70px;
  }
}

.header_menu_wrap .header_menu_head .header_menu_head_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  padding: 48px 0 97px;
  max-width: 1386px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 1366px) {
  .header_menu_wrap .header_menu_head .header_menu_head_inner {
    max-width: 1148px;
  }
}

@media only screen and (max-width: 960px) {
  .header_menu_wrap .header_menu_head .header_menu_head_inner {
    padding: 0;
  }
}

.header_menu_wrap .header_menu_head .header_menu_head_inner .header_menu_btn {
  z-index: 20;
}

@media only screen and (max-width: 960px) {
  .header_menu_wrap .header_menu_head .header_menu_head_inner .header_menu_btn {
    border: none;
    margin: 26px 0 0;
    -webkit-filter: drop-shadow(8px 10px 20px transparent);
    filter: drop-shadow(8px 10px 20px transparent);
  }
}

.header_menu_block {
  background: #fff;
  height: calc(100% - 215px);
  position: relative;
  padding: 0 16px;
}

@media only screen and (max-width: 960px) {
  .header_menu_block {
    padding: 40px 16px;
    height: calc(100% - 70px);
  }
}

.header_menu_block .header_menu_bg {
  display: block;
  width: 100%;
  height: 158px;
  position: absolute;
  left: 0;
  top: -157px;
}

@media only screen and (max-width: 960px) {
  .header_menu_block .header_menu_bg {
    display: none;
  }
}

.header_menu_block .header_menu_scroll {
  position: relative;
  max-height: calc(100% - 16px);
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.header_menu_block .header_menu_scroll::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

@media only screen and (max-width: 960px) {
  .header_menu_block .header_menu_scroll {
    max-height: 100%;
  }
}

.header_menu_block .header_menu_inner {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
}

.header_menu_flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex {
    display: block;
  }
}

.header_menu_flex .header_menu_box {
  width: 236px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_box {
    width: 100%;
    margin: 0 0 24px;
  }
}

.header_menu_flex .header_menu_box:last-of-type {
  width: 200px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_box:last-of-type {
    margin: 84px auto 0;
  }
}

.header_menu_flex .header_menu_list .header_menu_item {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_item {
    margin: 0 0 24px;
  }
}

.header_menu_flex .header_menu_list .header_menu_item:last-of-type {
  margin: 0;
}

.header_menu_flex .header_menu_list .header_menu_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 8px;
  border-bottom: 1px #c6c6c6 solid;
}

.header_menu_flex .header_menu_list .header_menu_link:hover small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.header_menu_flex .header_menu_list .header_menu_link:hover small img {
  filter: brightness(0) invert(1);
}

.header_menu_flex .header_menu_list .header_menu_link .header_menu_text {
  font-size: 24px;
  line-height: 1.8;
  color: #333;
  font-weight: 900;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_link .header_menu_text {
    font-size: 20px;
  }
}

.header_menu_flex .header_menu_list .header_menu_link .header_menu_text span {
  display: block;
  color: #1f3b6a;
  font-size: 14px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_link .header_menu_text span {
    font-size: 13px;
  }
}

.header_menu_flex .header_menu_list .header_menu_link small {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #fff;
  margin: 8px 0 0;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header_menu_flex .header_menu_list .header_menu_link small img {
  display: block;
  width: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.header_menu_flex .header_menu_list .header_menu_sublist {
  margin: 16px 0 0;
}

.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_subitem {
  margin: 0 0 12px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_subitem {
    margin: 0 0 8px;
  }
}

.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_subitem:last-of-type {
  margin: 0;
}

.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  padding: 0 0 0 14px;
  font-weight: 500;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink {
    font-size: 14px;
  }
}

.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header_menu_flex .header_menu_list .header_menu_service_list {
  margin: 16px 0 0;
  padding: 0 0 0 32px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_service_list {
    padding: 0 0 0 16px;
  }
}

.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_item {
  margin: 0 0 10px;
}

.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_item:last-of-type {
  margin: 0;
}

.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link {
  position: relative;
  font-size: 14px;
  color: #787878;
  line-height: 1.8;
  font-weight: 500;
  padding: 0 0 0 17px;
}

@media only screen and (max-width: 960px) {
  .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link {
    font-size: 13px;
  }
}

.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link:before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #787878;
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header_menu_flex .header_tel_link {
  padding: 8px 10px;
  width: 100%;
}

.header_menu_flex .header_mail_link {
  padding: 8px 10px;
  width: 100%;
}

.header_menu_flex .header_menu_time_text {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  margin: 4px 0 16px;
  text-align: center;
}

.header_menu_info_list {
  margin: 40px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media only screen and (max-width: 960px) {
  .header_menu_info_list {
    margin: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.header_menu_info_list .header_menu_info_item {
  margin: 0 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .header_menu_info_list .header_menu_info_item {
    margin: 0 20px;
  }
}

.header_menu_info_list .header_menu_info_link {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}

.header_search_menu {
  display: none;
  position: fixed;
  top: 40px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 80px);
  z-index: 100;
  background: #fff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .header_search_menu {
    top: 16px;
    width: calc(100% - 32px);
  }
}

.header_search_menu .header_search_head {
  height: 80px;
  padding: 5px 10px;
}

.header_search_menu .header_search_head .header_search_head_inner {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.header_search_menu .header_search_head .header_menu_btn {
  border-color: #fff;
  -webkit-filter: drop-shadow(8px 10px 20px transparent);
  filter: drop-shadow(8px 10px 20px transparent);
  margin: 0;
}

.header_search_menu .header_search_block {
  padding: 0 40px 80px;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_block {
    padding: 0 16px 80px;
  }
}

.header_search_menu .header_search_block .header_search_scroll {
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.header_search_menu .header_search_block .header_search_scroll::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

.header_search_menu .header_search_block .header_search_inner {
  max-height: calc(100svh - 240px);
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_block .header_search_inner {
    max-height: calc(100svh - 192px);
  }
}

.header_search_menu .header_search_form_block {
  display: block;
  width: 100%;
  position: relative;
}

.header_search_menu .header_search_form_block .header_search_input {
  outline: none;
  display: block;
  width: 100%;
  height: 96px;
  background: #F6F6F6;
  border: 1px #F6F6F6 solid;
  padding: 0 116px 0 40px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_form_block .header_search_input {
    height: 60px;
    padding: 0 60px 0 20px;
  }
}

@media only screen and (max-width: 350px) {
  .header_search_menu .header_search_form_block .header_search_input {
    font-size: 14px;
  }
}

.header_search_menu .header_search_form_block .header_search_input:focus {
  border-color: #333;
}

.header_search_menu .header_search_form_block .header_search_submit_btn {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_form_block .header_search_submit_btn {
    width: 44px;
    height: 44px;
    right: 8px;
  }
}

.header_search_menu .header_search_form_block .header_search_submit_btn img {
  display: block;
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_form_block .header_search_submit_btn img {
    width: 20px;
  }
}

.header_search_menu .header_search_flex {
  margin: 40px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_flex {
    display: block;
  }
}

.header_search_menu .header_search_flex .header_search_title {
  white-space: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 28px;
  font-weight: 900;
  color: #333;
  line-height: 1.5;
  margin: 0 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_flex .header_search_title {
    font-size: 24px;
    margin: 0;
  }
}

@media only screen and (max-width: 350px) {
  .header_search_menu .header_search_flex .header_search_title {
    display: block;
  }
}

.header_search_menu .header_search_flex .header_search_title small {
  font-size: 16px;
  color: #1f3b6a;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_flex .header_search_title small {
    font-size: 14px;
    margin: 0 0 2px 16px;
  }
}

@media only screen and (max-width: 350px) {
  .header_search_menu .header_search_flex .header_search_title small {
    display: block;
    margin: 0;
  }
}

.header_search_menu .header_search_flex .header_search_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_flex .header_search_list {
    margin: 16px 0 0;
  }
}

.header_search_menu .header_search_flex .header_search_list .header_search_item {
  font-size: 16px;
  line-height: 1.5;
  color: black;
  font-weight: 500;
  margin: 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_flex .header_search_list .header_search_item {
    font-size: 14px;
  }
}

.header_search_menu .header_search_flex .header_search_list .header_search_item:after {
  content: "/";
  margin: 0 14px;
}

@media only screen and (max-width: 960px) {
  .header_search_menu .header_search_flex .header_search_list .header_search_item:after {
    margin: 0 8px;
  }
}

.header_search_menu .header_search_flex .header_search_list .header_search_item:last-of-type:after {
  content: none;
  margin: 0;
}

.header_search_menu .header_search_flex .header_search_list .header_search_link {
  color: black;
  font-weight: 700;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header_search_menu .header_search_flex .header_search_list .header_search_link:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

/*=================

    pager.scss

=======================*/
.pager_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .pager_block {
    margin: 64px 0 0;
  }
}

.pager_block .pager_prev {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 14px 6px 7px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 14px;
  font-weight: 700;
  margin: 0 20px 0 0;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 960px) {
  .pager_block .pager_prev {
    margin: 0 2px 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .pager_block .pager_prev {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}

@media only screen and (max-width: 640px) {
  .pager_block .pager_prev span {
    display: none;
  }
}

.pager_block .pager_prev img {
  display: inline-block;
  width: 24px;
  margin: 0 4px 0 0;
  vertical-align: -7px;
}

@media only screen and (max-width: 640px) {
  .pager_block .pager_prev img {
    margin: 0;
    vertical-align: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}

.pager_block .pager_next {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 7px 6px 14px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 0 20px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 960px) {
  .pager_block .pager_next {
    margin: 0 0 0 2px;
  }
}

@media only screen and (max-width: 640px) {
  .pager_block .pager_next {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}

@media only screen and (max-width: 640px) {
  .pager_block .pager_next span {
    display: none;
  }
}

.pager_block .pager_next img {
  display: inline-block;
  width: 24px;
  margin: 0 0 0 4px;
  vertical-align: -7px;
}

@media only screen and (max-width: 640px) {
  .pager_block .pager_next img {
    margin: 0;
    vertical-align: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}

.pager_block .pager_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #1f3b6a;
  font-weight: 700;
  font-size: 14px;
}

.pager_block .pager_list .pager_item {
  margin: 0 4px;
}

@media only screen and (max-width: 960px) {
  .pager_block .pager_list .pager_item {
    margin: 0 2px;
  }
}

.pager_block .pager_list .pager_link {
  display: block;
  position: relative;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  line-height: 36px;
  min-width: 40px;
  width: 40px;
  text-align: center;
  color: #1f3b6a;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.pager_block .pager_list .pager_link.active {
  color: #fff;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.pager-d_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .pager-d_block {
    margin: 40px 0 0;
  }
}

.pager-d_block .pager_prev {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 14px 6px 7px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 14px;
  font-weight: 700;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.pager-d_block .pager_prev img {
  display: inline-block;
  width: 24px;
  margin: 0 4px 0 0;
  vertical-align: -7px;
}

.pager-d_block .pager_prev.disabled {
  visibility: hidden;
}

.pager-d_block .pager_next {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 7px 6px 14px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  color: #1f3b6a;
  font-size: 14px;
  font-weight: 700;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.pager-d_block .pager_next img {
  display: inline-block;
  width: 24px;
  margin: 0 0 0 4px;
  vertical-align: -7px;
}

.pager-d_block .pager_next.disabled {
  visibility: hidden;
}

.pager-d_block .pager_all_link {
  font-size: 14px;
  line-height: 1.5;
  color: #1f3b6a;
  font-weight: 700;
  text-decoration: underline;
  margin: 0 24px;
}

/*=================

    pankuzu.scss

=======================*/
/*
.pankuzu_block{
	@include display-flex;
	@include align-items(center);
	@include justify-content(flex-end);
	@media only screen and (max-width:640px){
		display: block;
	}
	.pankuzu_list{
		@include justify-content(flex-start);
	}
}
*/
.pankuzu_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pankuzu_list::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 640px) {
  .pankuzu_list {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.pankuzu_list .pankuzu_item {
  white-space: nowrap;
  line-height: 1.5;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}

@media only screen and (max-width: 960px) {
  .pankuzu_list .pankuzu_item {
    font-size: 11px;
  }
}

.pankuzu_list .pankuzu_item:after {
  content: "/";
  margin: 0 16px;
}

@media only screen and (max-width: 960px) {
  .pankuzu_list .pankuzu_item:after {
    margin: 0 8px;
  }
}

.pankuzu_list .pankuzu_item:last-of-type:after {
  content: none;
}

.pankuzu_list .pankuzu_item span {
  max-width: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: normal;
}

@media only screen and (max-width: 640px) {
  .pankuzu_list .pankuzu_item span {
    max-width: inherit;
    max-width: inherit;
    white-space: nowrap;
  }
}

.pankuzu_list .pankuzu_link {
  color: #fff;
}

/*=================

    popup.scss

=======================*/
.popup_service_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  padding: 60px 16px 16px;
}

.popup_service_wrap .popup_service_close_btn {
  display: block;
  width: 64px;
  height: 64px;
  background: #2DB0E7;
  position: absolute;
  top: 0;
  right: 0;
}

.popup_service_wrap .popup_service_close_btn img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.popup_service_wrap .popup_service_body {
  height: calc(100svh - 76px);
  overflow: scroll;
}

.popup_service_wrap .popup_service_title {
  font-size: 24px;
  line-height: 1.8;
  color: #333;
  font-weight: 900;
  margin: 0 0 24px;
}

.popup_service_wrap .service_aside_block {
  padding: 0 16px;
}

.popup_product_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  padding: 60px 16px 16px;
}

.popup_product_wrap .popup_product_close_btn {
  display: block;
  width: 64px;
  height: 64px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  position: absolute;
  top: 0;
  right: 0;
}

.popup_product_wrap .popup_product_close_btn img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.popup_product_wrap .popup_product_body {
  height: calc(100svh - 76px);
  overflow: scroll;
}

.popup_product_wrap .popup_product_title {
  font-size: 24px;
  line-height: 1.8;
  color: #333;
  font-weight: 900;
  margin: 0 0 24px;
}

.popup_product_wrap .product_aside_block {
  padding: 0 16px;
}

/*
.popup_filter{
	display: none;
	position: fixed;
	z-index: 70;
	top: 0;
	left: 0;
	right: 0;
	background: rgba($deep-black,.5);
	width: 100%;
	height: 100vh;
}
.popup_wrap{
	display: none;
	position: fixed;
	top:50%;
	left: 50%;
	z-index: 75;
	@include transform(translateX(-50%) translateY(-50%));
	max-width: 540px;
	width: calc( 100% - 30px );
	@include border-radius(10px);
	background: $white;
	padding: 40px 50px;
	@media only screen and (max-width:960px){
		padding: 30px 15px;
	}
	.popup_close_btn{
		display: block;
		width: 70px;
		height: 70px;
		padding: 0;
		background: none;
		border: none;
		position: absolute;
		top: -35px;
		right: -35px;
		@extend %common_a_transition;
		@media only screen and (max-width:960px){
			width: 40px;
			height: 40px;
			top:-10px;
			right: -10px;
		}
		img{
			display: block;
			width: 100%;
		}
	}
	.popup_inner{
		max-height: calc( 100vh - 160px );
		overflow-y: scroll;
		&.btn_fixed{
			max-height: calc( 100vh - 210px );
			@media only screen and (max-width:960px){
				max-height: calc( 100vh - 215px );
			}
		}
	}
}
*/
/*=================

    title.scss

=======================*/
/* mv */
.common_mv_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 16px;
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (max-width: 960px) {
  .common_mv_wrap {
    height: 330px;
  }
}

.common_mv_wrap.posi_bottom {
  background-position: center bottom;
}

.common_mv_wrap.nofilter:before {
  display: none;
}

.common_mv_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.common_mv_wrap .common_inner {
  height: 100%;
}

.common_mv_wrap .common_mv_box {
  position: absolute;
  bottom: 214px;
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .common_mv_wrap .common_mv_box {
    bottom: 38px;
  }
}

.common_mv_wrap .common_mv_title {
  font-size: 56px;
  line-height: 1.5;
  color: #fff;
  font-weight: 900;
  margin: 0 0 18px;
}

@media only screen and (max-width: 960px) {
  .common_mv_wrap .common_mv_title {
    font-size: 32px;
    margin: 0 0 8px;
  }
}

.common_mv_wrap .common_mv_title span {
  display: block;
  font-size: 24px;
}

@media only screen and (max-width: 960px) {
  .common_mv_wrap .common_mv_title span {
    font-size: 16px;
  }
}

/* page title */
.common_related_title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 42px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .common_related_title {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_related_title small {
  white-space: nowrap;
  font-size: 16px;
  color: #1f3b6a;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_related_title small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_related-b_title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 42px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .common_related-b_title {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_related-b_title small {
  white-space: nowrap;
  font-size: 16px;
  color: #2DB0E7;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_related-b_title small {
    white-space: normal;
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_top_title01 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_top_title01::before,
.common_top_title01::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_top_title01::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_top_title01::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_top_title01 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_top_title01 small {
  font-size: 18px;
  color: #1f3b6a;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_top_title01 small {
    font-size: 14px;
  }
}

.common_top_title02 {
  font-size: 40px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .common_top_title02 {
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_top_title02 small {
  display: block;
  color: #1f3b6a;
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .common_top_title02 small {
    font-size: 14px;
  }
}

.common_top_title03 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_top_title03::before,
.common_top_title03::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_top_title03::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_top_title03::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_top_title03 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_top_title03 small {
  font-size: 18px;
  color: #1f3b6a;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_top_title03 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_top_title04 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_top_title04::before,
.common_top_title04::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_top_title04::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_top_title04::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_top_title04 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_top_title04 small {
  font-size: 18px;
  color: #1f3b6a;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_top_title04 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_water_title01 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_water_title01::before,
.common_water_title01::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_water_title01::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_water_title01::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_water_title01 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_water_title01 small {
  font-size: 18px;
  color: #2DB0E7;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_water_title01 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_water_title02 {
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .common_water_title02 {
    font-size: 32px;
  }
}

.common_water_title02 small {
  display: block;
  color: #2DB0E7;
  font-size: 16px;
  font-weight: 700;
  margin: 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .common_water_title02 small {
    font-size: 14px;
  }
}

.common_water_title03 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_water_title03::before,
.common_water_title03::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_water_title03::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_water_title03::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_water_title03 {
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_water_title03 small {
  white-space: nowrap;
  font-size: 18px;
  color: #2DB0E7;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_water_title03 small {
    font-size: 14px;
  }
}

.common_painting_title01 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_painting_title01::before,
.common_painting_title01::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_painting_title01::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_painting_title01::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_painting_title01 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_painting_title01 small {
  white-space: nowrap;
  font-size: 18px;
  color: #23B195;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_painting_title01 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
    white-space: inherit;
  }
}

.common_painting_title02 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
}

.common_painting_title02::before,
.common_painting_title02::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.common_painting_title02::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.common_painting_title02::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .common_painting_title02 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_painting_title02 small {
  white-space: nowrap;
  font-size: 18px;
  color: #23B195;
  font-weight: 700;
  margin: 0 0 4px 16px;
}

@media only screen and (max-width: 960px) {
  .common_painting_title02 small {
    display: block;
    margin: 4px 0 0;
    font-size: 14px;
  }
}

/*=================

    text.scss

=======================*/
/*=================

    editor.scss

=======================*/
.editor_title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .editor_title {
    font-size: 30px;
    margin: 0 0 8px;
  }
}

.editor_label_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.editor_label_list .editor_label_item {
  margin: 0 8px 4px 0;
}

.editor_label {
  display: inline-block;
  border: 1px #D9D9D9 solid;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .editor_label {
    padding: 2px 8px;
    font-size: 13px;
  }
}

.editor_key_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 16px;
}

.editor_key_list .editor_key_item {
  margin: 0 8px 4px 0;
}

.editor_key_link {
  font-size: 14px;
  line-height: 1.5;
  color: #818181;
  font-weight: 500;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .editor_key_link {
    font-size: 13px;
  }
}

.editor_key_link:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

.editor_key_link:before {
  content: "#";
  margin: 0 2px 0 0;
}

.editor_key_link span {
  text-decoration: underline;
}

.editor_main_pic {
  display: block;
  width: 100%;
  padding-top: 50%;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .editor_main_pic {
    margin: 0 0 40px;
  }
}

.editor_main_pic.mb24 {
  margin: 0 0 24px;
}

.editor_wrap {
  color: black;
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .editor_wrap {
    font-size: 14px;
  }
}

.editor_wrap h2 {
  padding: 0 0 0 16px;
  border-left: 6px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  font-size: 24px;
  font-weight: 900;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor_wrap h2 {
    font-size: 20px;
  }
}

.editor_wrap h3 {
  font-size: 20px;
  font-weight: 900;
  padding: 0 0 3px;
  border-bottom: 3px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor_wrap h3 {
    font-size: 18px;
  }
}

.editor_wrap h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor_wrap h4 {
    font-size: 16px;
  }
}

.editor_wrap p {
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor_wrap p {
    margin: 0 0 40px;
  }
}

.editor_wrap p a {
  display: inline;
  margin: 0;
}

.editor_wrap img {
  display: block;
  width: auto;
  height: auto;
  width: 100%;
  max-width: 720px;
  margin: 0 auto 24px;
}

.editor_wrap big {
  font-size: larger;
}

.editor_wrap small {
  font-size: smaller;
}

.editor_wrap i,
.editor_wrap dfn,
.editor_wrap em {
  font-style: italic;
}

.editor_wrap strong,
.editor_wrap b {
  font-weight: 700;
}

.editor_wrap ins {
  text-decoration: underline;
}

.editor_wrap sup {
  vertical-align: super;
  font-size: smaller;
}

.editor_wrap a {
  display: block;
  color: #1f3b6a;
  text-decoration: underline;
  margin: 0 0 24px;
}

.editor_wrap .huto {
  font-weight: bold;
}

.editor_wrap .hutoaka {
  font-weight: bold;
  color: red;
}

.editor_wrap .oomozi {
  font-size: 20px;
  font-weight: bold;
}

.editor_wrap .italic {
  font-style: italic;
}

.editor_wrap .komozi {
  font-size: 12px;
}

.editor_wrap .dotline {
  border-bottom: 1px #959595 dotted;
}

.editor_wrap .sankou {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #ff9800;
}

.editor_wrap .st-hisu {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: red;
}

.editor_wrap code {
  color: #333;
  padding: 4px;
  background: #eee;
  margin: 2px;
  border-radius: 2px;
  font-size: .9em;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.editor_wrap .marker {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(234, 57, 0, 0.2) 60%);
}

.editor_wrap .ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}

.editor_wrap .ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}

.editor_wrap .rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}

.editor_wrap .rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}

.editor_wrap .bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}

.editor_wrap .bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

.editor_contents_block {
  background: #EAEAEA;
  padding: 32px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block {
    margin: 0 0 40px;
    padding: 24px 16px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}

.editor_contents_block .editor_contents_title {
  font-size: 18px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_title {
    display: none;
  }
}

.editor_contents_block .editor_contents_list p {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_list p {
    font-size: 16px;
    margin: 0 0 12px;
  }
}

.editor_contents_block .editor_contents_list li {
  margin: 0 0 24px;
}

.editor_contents_block .editor_contents_list li:last-of-type {
  margin: 0;
}

.editor_contents_block .editor_contents_list ul {
  padding: 0 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_list ul {
    padding: 0 0 0 16px;
  }
}

.editor_contents_block .editor_contents_list ul li {
  margin: 0 0 8px;
}

.editor_contents_block .editor_contents_list ul li:last-of-type {
  margin: 0;
}

.editor_contents_block .editor_contents_list ul a {
  color: #6f6f6f;
  font-weight: 400;
  margin: 0;
  text-decoration: underline;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_list ul a {
    font-size: 13px;
  }
}

.editor-w_wrap {
  color: black;
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .editor-w_wrap {
    font-size: 14px;
  }
}

.editor-w_wrap h2 {
  padding: 0 0 0 16px;
  border-left: 6px #2DB0E7 solid;
  font-size: 24px;
  font-weight: 900;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor-w_wrap h2 {
    font-size: 20px;
  }
}

.editor-w_wrap h3 {
  font-size: 20px;
  font-weight: 900;
  padding: 0 0 3px;
  border-bottom: 3px #2DB0E7 solid;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor-w_wrap h3 {
    font-size: 18px;
  }
}

.editor-w_wrap h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor-w_wrap h4 {
    font-size: 16px;
  }
}

.editor-w_wrap p {
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor-w_wrap p {
    margin: 0 0 40px;
  }
}

.editor-w_wrap p a {
  display: inline;
  margin: 0;
}

.editor-w_wrap img {
  display: block;
  width: auto;
  height: auto;
  max-width: 720px;
  width: 100%;
  margin: 0 auto 24px;
}

.editor-w_wrap big {
  font-size: larger;
}

.editor-w_wrap small {
  font-size: smaller;
}

.editor-w_wrap i,
.editor-w_wrap dfn,
.editor-w_wrap em {
  font-style: italic;
}

.editor-w_wrap strong,
.editor-w_wrap b {
  font-weight: 700;
}

.editor-w_wrap ins {
  text-decoration: underline;
}

.editor-w_wrap sup {
  vertical-align: super;
  font-size: smaller;
}

.editor-w_wrap a {
  display: block;
  color: #2DB0E7;
  text-decoration: underline;
  margin: 0 0 24px;
}

.editor-w_wrap .huto {
  font-weight: bold;
}

.editor-w_wrap .hutoaka {
  font-weight: bold;
  color: red;
}

.editor-w_wrap .oomozi {
  font-size: 20px;
  font-weight: bold;
}

.editor-w_wrap .italic {
  font-style: italic;
}

.editor-w_wrap .komozi {
  font-size: 12px;
}

.editor-w_wrap .dotline {
  border-bottom: 1px #959595 dotted;
}

.editor-w_wrap .sankou {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #ff9800;
}

.editor-w_wrap .st-hisu {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: red;
}

.editor-w_wrap code {
  color: #333;
  padding: 4px;
  background: #eee;
  margin: 2px;
  border-radius: 2px;
  font-size: .9em;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.editor-w_wrap .marker {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(45, 176, 231, 0.2) 60%);
}

.editor-w_wrap .ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}

.editor-w_wrap .ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}

.editor-w_wrap .rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}

.editor-w_wrap .rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}

.editor-w_wrap .bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}

.editor-w_wrap .bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

.editor_contents_block {
  background: #EAEAEA;
  padding: 32px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block {
    margin: 0 0 40px;
    padding: 24px 16px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}

.editor_contents_block .editor_contents_title {
  font-size: 18px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_title {
    display: none;
  }
}

.editor_contents_block .editor_contents_list p {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_list p {
    font-size: 16px;
    margin: 0 0 12px;
  }
}

.editor_contents_block .editor_contents_list li {
  margin: 0 0 24px;
}

.editor_contents_block .editor_contents_list li:last-of-type {
  margin: 0;
}

.editor_contents_block .editor_contents_list ul {
  padding: 0 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_list ul {
    padding: 0 0 0 16px;
  }
}

.editor_contents_block .editor_contents_list ul li {
  margin: 0 0 8px;
}

.editor_contents_block .editor_contents_list ul li:last-of-type {
  margin: 0;
}

.editor_contents_block .editor_contents_list ul a {
  color: #6f6f6f;
  font-weight: 400;
  margin: 0;
  text-decoration: underline;
}

@media only screen and (max-width: 960px) {
  .editor_contents_block .editor_contents_list ul a {
    font-size: 13px;
  }
}

/*=================

    index.scss

=======================*/
.top_mv_wrap {
  position: relative;
  height: 710px;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap {
    height: 560px;
  }
}

.top_mv_wrap .top_mv_main {
  height: 100%;
}

.top_mv_wrap .top_mv_main .top_mv_main_list {
  height: 100%;
}

.top_mv_wrap .top_mv_main .top_mv_main_list .top_mv_main_item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.top_mv_wrap .top_mv_main .swiper-slide-active .top_mv_pic {
  -moz-animation: zoomIn 6s linear forwards;
  -webkit-animation: zoomIn 6s linear forwards;
  animation: zoomIn 6s linear forwards;
}

.top_mv_wrap .top_mv_main .slick-current .top_mv_pic {
  -moz-animation: zoomIn 6s linear forwards;
  -webkit-animation: zoomIn 6s linear forwards;
  animation: zoomIn 6s linear forwards;
}

.top_mv_wrap .top_mv_main .top_mv_pic {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.top_mv_wrap .top_mv_main .top_mv_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.top_mv_wrap .top_mv_main .top_mv_box01 {
  position: absolute;
  left: 80px;
  bottom: 192px;
  z-index: 5;
}

@media only screen and (max-width: 1100px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 {
    bottom: 230px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 {
    text-align: center;
    bottom: inherit;
    top: 160px;
    width: calc(100% - 32px);
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
  font-size: 48px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 8px;
}

@media only screen and (max-width: 1100px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
    font-size: 14px;
  }
}

.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 small {
  position: relative;
}

.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 small:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 small:before {
    width: 4px;
    height: 4px;
    top: -4px;
  }
}

.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
  font-size: 96px;
  line-height: 1.33;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 1100px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
    font-size: 72px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
    font-size: 40px;
  }
}

.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 span {
  display: block;
}

.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 span:last-of-type {
  padding: 0 0 0 160px;
}

@media only screen and (max-width: 1366px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 span:last-of-type {
    padding: 0;
  }
}

.top_mv_wrap .top_mv_main .top_mv_box02 {
  position: absolute;
  left: 80px;
  bottom: 242px;
  z-index: 5;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 {
    text-align: center;
    bottom: inherit;
    top: 160px;
    width: calc(100% - 32px);
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
  font-size: 48px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 8px;
}

@media only screen and (max-width: 1200px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
    font-size: 14px;
  }
}

.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
  font-size: 80px;
  line-height: 1.33;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 1200px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
    font-size: 28px;
  }
}

.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 span {
  display: block;
}

.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 span:last-of-type {
  padding: 0 0 0 160px;
}

@media only screen and (max-width: 1366px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 span:last-of-type {
    padding: 0;
  }
}

.top_mv_wrap .top_mv_column {
  position: absolute;
  left: 28px;
  bottom: 78px;
  z-index: 5;
}

@media only screen and (max-width: 1200px) {
  .top_mv_wrap .top_mv_column {
    right: 80px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_column {
    right: 16px;
    bottom: 58px;
    width: 256px;
  }
}

.top_mv_wrap .top_mv_column_slider {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  position: relative;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 52px;
  min-width: 52px;
  height: 24px;
  margin: 0 16px 0 0;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/index/prev_icon.svg") center center no-repeat #fff;
  background-size: 10px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 10px;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/index/next_icon.svg") center center no-repeat #fff;
  background-size: 10px;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 10px;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}

.top_mv_wrap .top_mv_column_slider .top_mv_column_slider_main {
  width: 188px;
}

.top_mv_wrap .top_mv_column_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.top_mv_wrap .top_mv_column_list .slick-list {
  height: 100%;
}

.top_mv_wrap .top_mv_column_list .slick-track {
  height: 100%;
}

.top_mv_wrap .top_mv_column_list .slick-slide {
  height: 100%;
}

.top_mv_wrap .top_mv_column_list .slick-slide>div {
  height: 100%;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_item {
  margin: 0 0 0 16px;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_link {
  display: block;
  width: 188px;
  height: 120px;
  padding: 4px;
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_link:hover .top_mv_column_main:after {
  opacity: 1;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_main {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_main:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_main:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_label {
  display: inline-block;
  padding: 2px 7px;
  font-size: 10px;
  color: #fff;
  line-height: 1.5;
  border: 1px #fff solid;
  position: relative;
  z-index: 5;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.top_mv_wrap .top_mv_column_list .top_mv_column_title {
  font-size: 11px;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 8px;
  left: 50%;
  z-index: 5;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_link {
  display: block;
  width: 188px;
  height: 120px;
  padding: 4px;
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_link:hover .top_mv_column_main:after {
  opacity: 1;
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_label {
  display: inline-block;
  padding: 2px 7px;
  font-size: 10px;
  color: #fff;
  line-height: 1.5;
  border: 1px #fff solid;
  position: relative;
  z-index: 5;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.top_mv_wrap .top_mv_column_sp_list .top_mv_column_title {
  font-size: 11px;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 8px;
  left: 50%;
  z-index: 5;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top_mv_wrap .top_mv_sub {
  display: block;
  width: calc(100% - 220px);
  position: absolute;
  bottom: -72px;
  z-index: 10;
  background: #fff;
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 0 16px 0 43px;
  height: 144px;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub {
    height: 66px;
    bottom: -33px;
    width: calc(100% - 20px);
    padding: 0 0 0 16px;
  }
}

.top_mv_wrap .top_mv_sub .top_mv_sublist {
  height: 100%;
  /*
  .slick-list{
  				height: 100%;
  			}
  			.slick-slide{
  				height: 100%;
  				&>div{
  					height: 100%;
  				}
  			}
  			.slick-track{
  				-js-display: flex !important;
  				display:flex !important;
  				display:-webkit-box !important;
  				display:-ms-flexbox !important;
  				display: -webkit-flex !important;
  				@include align-items(center);
  				height: 100%;
  				-moz-transform: translate3d(0px, 0px, 0px) !important;
  			  -ms-transform: translate3d(0px, 0px, 0px) !important;
  			  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  			  transform: translate3d(0px, 0px, 0px) !important;
  			}
  			.slick-slide{
  				height: inherit !important;
  			}
  			.slick-slide > div{
  				height: 100%;
  			}
  */
}

.top_mv_wrap .top_mv_sub .top_mv_sublist .top_mv_subitem {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 0 16px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub .top_mv_sublist .top_mv_subitem {
    padding: 0 8px 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .top_mv_wrap .top_mv_sub .top_mv_sublist .top_mv_subitem {
    padding: 0;
    width: auto !important;
  }
}

.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox {
  cursor: pointer;
}

.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .top {
  width: 100%;
}

.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .right {
  height: 100%;
  transition-delay: .3s;
}

.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .bottom {
  width: 100%;
  transition-delay: .6s;
}

.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .left {
  height: 100%;
  transition-delay: .9s;
}

@media only screen and (max-width: 640px) {
  .top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_sub_info {
    display: block;
  }
}

.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox {
  cursor: pointer;
}

.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .top {
  width: 100%;
}

.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .right {
  height: 100%;
  transition-delay: .3s;
}

.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .bottom {
  width: 100%;
  transition-delay: .6s;
}

.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .left {
  height: 100%;
  transition-delay: .9s;
}

@media only screen and (max-width: 640px) {
  .top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_sub_info {
    display: block;
  }
}

.top_mv_wrap .top_mv_sub .top_mv_subbox {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox {
    padding: 8px;
  }
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .top {
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  top: 1px;
  left: 0;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .right {
  display: block;
  width: 2px;
  height: 0;
  position: absolute;
  top: 0;
  right: 1px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .bottom {
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 1px;
  right: 0;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .left {
  display: block;
  width: 2px;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 1px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
  display: block;
  width: 120px;
  min-width: 120px;
  height: 80px;
  margin: 0 10px 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

@media only screen and (max-width: 1366px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
    width: 80px;
    min-width: 80px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
    width: 51px;
    height: 34px;
    min-width: 52px;
    margin: 0;
  }
}

@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_info {
    margin: 0 0 0 4px;
  }
}

@media only screen and (max-width: 640px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_info {
    display: none;
  }
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title {
  font-size: 14px;
  line-height: 1.5;
  color: black;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title {
    font-size: 11px;
  }
}

@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title {
    font-size: 10px;
  }
}

.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_text {
  font-size: 10px;
  line-height: 1.5;
  color: black;
  margin: 4px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_text {
    display: none;
  }
}

@-moz-keyframes zoomIn {
  0% {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

  100% {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
    transform: translateX(-50%) translateY(-50%) scale(1.15);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
    transform: translateX(-50%) translateY(-50%) scale(1.15);
  }
}

@keyframes zoomIn {
  0% {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

  100% {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
    transform: translateX(-50%) translateY(-50%) scale(1.15);
  }
}

.top_service_wrap {
  background: url("assets/images/index/service_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 96px 16px 80px;
}

@media only screen and (max-width: 960px) {
  .top_service_wrap {
    padding: 52px 16px 40px;
  }
}

.top_service_wrap .common_top_title01 {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .top_service_wrap .common_top_title01 {
    margin: 0 0 32px;
  }
}

.top_service_main_block {
  border: 3px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  padding: 40px;
  background: #fff;
  margin: 0 0 32px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 1200px) {
  .top_service_main_block {
    padding: 24px;
  }
}

@media only screen and (max-width: 960px) {
  .top_service_main_block {
    padding: 16px;
    margin: 0 0 24px;
  }
}

.top_service_main_block .top_service_main_flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_flex {
    display: block;
  }
}

.top_service_main_block .top_service_main_flex .top_service_info {
  width: 768px;
  padding: 24px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_flex .top_service_info {
    width: 100%;
    padding: 16px 0 0;
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 768px) {
  .top_service_main_block .top_service_main_flex .top_service_info .align_right {
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.top_service_main_block .top_service_main_flex .top_service_category {
  width: 391px;
  margin: 0 0 0 20px;
  background: linear-gradient(90deg, rgba(89, 173, 241, 1), rgba(207, 253, 157, 1));
  padding: 32px 24px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_flex .top_service_category {
    width: 100%;
    margin: 0;
    padding: 24px 8px;
  }
}

.top_service_main_block .top_service_main_title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 900;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_title {
    font-size: 20px;
  }
}

.top_service_main_block .top_service_main_pic {
  width: 100%;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_pic {
    margin: 0 0 16px;
  }
}

.top_service_main_block .top_service_main_text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_text {
    font-size: 13px;
    margin: 0 0 16px;
  }
}

.top_service_main_block .top_service_main_list {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_list {
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 768px) {
  .top_service_main_block .top_service_main_list {
    display: block;
  }
}

.top_service_main_block .top_service_main_list .top_service_main_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 0 0;
  height: 74px;
}

@media only screen and (max-width: 1200px) {
  .top_service_main_block .top_service_main_list .top_service_main_item {
    width: calc((100% - 24px) / 3);
    margin: 0 12px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .top_service_main_block .top_service_main_list .top_service_main_item {
    width: 100%;
    margin: 0 0 16px;
  }
}

.top_service_main_block .top_service_main_list .top_service_main_item:last-of-type {
  margin: 0;
}

.top_service_main_block .top_service_main_list .top_service_main_link {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.top_service_main_block .top_service_main_list .top_service_main_link:hover:after {
  opacity: 1;
}

.top_service_main_block .top_service_main_list .top_service_main_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.top_service_main_block .top_service_main_list .top_service_main_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top_service_main_block .top_service_main_list .top_service_main_box {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  padding: 0 32px;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 12px center no-repeat;
  background-size: 16px;
}

@media only screen and (max-width: 1200px) {
  .top_service_main_block .top_service_main_list .top_service_main_box {
    padding: 0 32px 0 12px;
  }
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_list .top_service_main_box {
    padding: 0 32px;
  }
}

.top_service_main_block .top_service_main_list .top_service_main_box_title {
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 1200px) {
  .top_service_main_block .top_service_main_list .top_service_main_box_title {
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_main_list .top_service_main_box_title {
    font-size: 13px;
  }
}

.top_service_main_block .top_service_category_title {
  font-size: 24px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_category_title {
    font-size: 20px;
    margin: 0 0 16px;
  }
}

.top_service_main_block .top_service_category_list {
  margin: 0 0 24px;
}

.top_service_main_block .top_service_category_list .top_service_category_item {
  margin: 0 0 16px;
}

.top_service_main_block .top_service_category_list .top_service_category_item:last-of-type {
  margin: 0;
}

.top_service_main_block .top_service_category_list .top_service_category_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_category_list .top_service_category_link {
    background-position: right 8px center;
    padding: 8px 32px 8px 8px;
  }
}

.top_service_main_block .top_service_category_list .top_service_category_link:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #2DB0E7;
  background-size: 16px;
}

.top_service_main_block .top_service_category_list .top_service_category_link:hover .top_service_category_text {
  color: #fff;
}

.top_service_main_block .top_service_category_list .top_service_category_icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px #333 solid;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 16px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_category_list .top_service_category_icon {
    margin: 0 8px 0 0;
  }
}

.top_service_main_block .top_service_category_list .top_service_category_icon .top_service_category_icon_img {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 14px;
  height: 29px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.top_service_main_block .top_service_category_list .top_service_category_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .top_service_main_block .top_service_category_list .top_service_category_text {
    width: calc(100% - 40px);
    font-size: 13px;
  }
}

.top_service_sub_block .top_service_sub_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_list {
    display: block;
  }
}

.top_service_sub_block .top_service_sub_list .top_service_sub_item {
  border: 3px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 40px 24px;
  width: 440px;
  margin: 0 22px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_list .top_service_sub_item {
    width: 100%;
    margin: 0 0 24px;
    padding: 16px;
  }
}

.top_service_sub_block .top_service_sub_list .top_service_sub_item:last-of-type {
  width: 356px;
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_list .top_service_sub_item:last-of-type {
    width: 100%;
  }
}

.top_service_sub_block .top_service_sub_title {
  font-size: 28px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_title {
    font-size: 20px;
    margin: 0 0 16px;
  }
}

.top_service_sub_block .top_service_sub_pic01 {
  display: block;
  width: 100%;
  max-width: 251px;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_pic01 {
    margin: 20px auto 36px;
  }
}

.top_service_sub_block .top_service_sub_pic02 {
  width: 100%;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_pic02 {
    margin: 0 auto 16px;
  }
}

.top_service_sub_block .top_service_sub_text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_sub_text {
    font-size: 13px;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 768px) {
  .top_service_sub_block .align_right {
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.top_service_sub_block .top_service_detail_list {
  margin: 0 0 36px;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_detail_list {
    margin: 0 0 16px;
  }
}

.top_service_sub_block .top_service_detail_list .top_service_detail_item {
  margin: 0 0 16px;
}

.top_service_sub_block .top_service_detail_list .top_service_detail_item:last-of-type {
  margin: 0;
}

.top_service_sub_block .top_service_detail_list .top_service_detail_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_detail_list .top_service_detail_link {
    padding: 8px 32px 8px 8px;
    background-position: right 8px center;
  }
}

.top_service_sub_block .top_service_detail_list .top_service_detail_link:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #2DB0E7;
  background-size: 16px;
}

.top_service_sub_block .top_service_detail_list .top_service_detail_link:hover .top_service_detail_text {
  color: #fff;
}

.top_service_sub_block .top_service_detail_list img {
  display: block;
  width: 32px;
  min-width: 32px;
  margin: 0 16px 0 0;
}

.top_service_sub_block .top_service_detail_list .top_service_detail_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .top_service_sub_block .top_service_detail_list .top_service_detail_text {
    font-size: 13px;
    width: calc(100% - 40px);
  }
}

.top_item_wrap {
  position: relative;
  background: #e5e5e5;
  padding: 80px 0 40px;
  /*
  &:after{
  		content:"";
  		display: block;
  		width: 100%;
  		height: 100%;
  		background: url($get_img+"index/item_bg02.png") center top no-repeat;
  		background-size: 100%;
  		position: absolute;
  		top: 0;
  		left: 0;
  		@media only screen and (max-width:640px){
  			background: url($get_img+"index/item_bg02_sp.png") center top no-repeat;
  			background-size: 100%;
  		}
  	}
  */
}

@media only screen and (max-width: 960px) {
  .top_item_wrap {
    padding: 40px 0;
  }
}

.top_item_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/index/item_bg.png") center center no-repeat;
  background-size: cover;
  opacity: .2;
  position: absolute;
  top: 0;
  left: 0;
}

.top_item_wrap .item_dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .item_dot01 {
    width: 15%;
  }
}

.top_item_wrap .item_dot02 {
  display: block;
  position: absolute;
  top: 15%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .item_dot02 {
    width: 15%;
  }
}

.top_item_wrap .item_dot03 {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 7%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .item_dot03 {
    width: 15%;
  }
}

.top_item_wrap .item_dot04 {
  display: block;
  position: absolute;
  top: 30%;
  left: 12%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .item_dot04 {
    width: 15%;
  }
}

.top_item_wrap .common_top_title01 {
  padding: 0 16px 0 44px;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .common_top_title01 {
    margin: 0;
    padding: 0 16px;
  }
}

.top_item_wrap .top_item_block {
  position: relative;
  z-index: 5;
  width: 90%;
  margin: 0 0 0 10%;
  overflow: hidden;
}

@media only screen and (max-width: 1366px) {
  .top_item_wrap .top_item_block {
    width: 100%;
    margin: 0;
  }
}

.top_item_wrap .top_item_slider {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .top_item_slider {
    display: block;
  }
}

.top_item_wrap .top_item_slider .slider_btnarea {
  margin: 0 35px 40px 0;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .top_item_slider .slider_btnarea {
    margin: 0 0 0 16px;
  }
}

.top_item_wrap .top_item_slider_inner {
  width: calc(100% - 250px);
  position: relative;
  padding: 0 0 0 40px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .top_item_slider_inner {
    width: 100%;
    padding: 0 0 0 70px;
  }
}

@media only screen and (max-width: 350px) {
  .top_item_wrap .top_item_slider_inner {
    padding: 0 0 0 4px;
  }
}

.top_item_wrap .top_product_list .slick-list {
  overflow: visible;
}

.top_item_wrap .top_product_list .slick-track {
  padding: 40px 0;
}

.top_item_wrap .top_product_list .slick-slide:nth-of-type(4n+1) .product_link {
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .top_product_list .slick-slide:nth-of-type(4n+1) .product_link {
    margin: 0;
  }
}

.top_item_wrap .top_product_list .slick-slide:nth-of-type(4n+3) .product_link {
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .top_product_list .slick-slide:nth-of-type(4n+3) .product_link {
    margin: 0;
  }
}

.top_item_wrap .top_product_list .slick-slide:nth-of-type(4n) .product_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_item_wrap .top_product_list .slick-slide:nth-of-type(4n) .product_link {
    margin: 0;
  }
}

.top_item_wrap .top_product_list .top_product_item {
  padding: 0 12px;
  width: fit-content !important;
}

.top_item_wrap .top_product_list .product_link {
  display: block;
  width: 288px;
}

.top_guide_wrap {
  padding: 104px 16px;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap {
    padding: 80px 16px;
  }
}

.top_guide_wrap.product .top_guide_block {
  padding: 80px 48px;
}

.top_guide_wrap.product .top_guide_block .top_guide_talk {
  width: 260px;
  height: 225px;
  font-size: 16px;
  left: -25px;
}

.top_guide_wrap .common_top_title02 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .common_top_title02 {
    margin: 0 0 24px;
  }
}

.top_guide_wrap .common_related_title {
  -webkit-justify-content: center;
  justify-content: center;
}

.top_guide_wrap .top_guide_block {
  position: relative;
  background: linear-gradient(90deg, rgba(253, 219, 146, 1), rgba(209, 253, 254, 1));
  padding: 120px 16px;
  -moz-border-radius: 120px 0 120px 0;
  -webkit-border-radius: 120px;
  border-radius: 120px 0 120px 0;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_block {
    padding: 40px 16px;
    -moz-border-radius: 30px 0 30px 0;
    -webkit-border-radius: 0px;
    border-radius: 30px 0 30px 0;
  }
}

.top_guide_wrap .top_guide_block .top_guide_talk {


  position: absolute;
  left: -67px;
  top: -94px;
  background: mediumspringgreen;
  background-size: contain;
  width: 315px;
  height: 272px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.8;
  color: #1F3B0F;
  text-align: center;
  white-space: nowrap;
  border-radius: 50%;
  padding: 20px;
}

@media only screen and (max-width: 1366px) {
  .top_guide_wrap .top_guide_block .top_guide_talk {
    left: -24px;
  }
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_block .top_guide_talk {
    width: 174px;
    height: 150px;
    font-size: 11px;
    left: -18px;
    top: -80px;
  }
}

.top_guide_wrap .top_guide_block .top_guide_talk span {
  position: absolute;
  left: 50%;
  top: calc(50% - 10px);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.top_guide_wrap .top_guide_inner {
  max-width: 985px;
  width: 100%;
  margin: 0 auto;
}

.top_guide_wrap .top_guide_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_list {
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_list {
    display: block;
    margin: 0 0 28px;
  }
}

.top_guide_wrap .top_guide_list .top_guide_item {
  width: calc(50% - 12px);
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_list .top_guide_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_list .top_guide_item {
    width: 100%;
  }
}

.top_guide_wrap .top_guide_list .top_guide_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: #fff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  height: 100%;
  padding: 16px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_list .top_guide_link {
    padding: 8px;
  }
}

.top_guide_wrap .top_guide_list .top_guide_link:hover {
  background: #2DB0E7;
}

.top_guide_wrap .top_guide_list .top_guide_link:hover .top_guide_pic_block .top_guide_pic {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.top_guide_wrap .top_guide_list .top_guide_link:hover .top_guide_main {
  color: #fff;
}

.top_guide_wrap .top_guide_list .top_guide_pic_block {
  position: relative;
  width: 198px;
  height: 124px;
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_list .top_guide_pic_block {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_list .top_guide_pic_block {
    width: 63px;
    height: 63px;
  }
}

.top_guide_wrap .top_guide_list .top_guide_pic_block .top_guide_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.top_guide_wrap .top_guide_list .top_guide_main {
  width: calc(100% - 214px);
  margin: 0 0 0 16px;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_list .top_guide_main {
    margin: 0 0 0 8px;
    width: calc(100% - 108px);
  }
}

.top_guide_wrap .top_guide_list .top_guide_main .top_guide_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 4px;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_title {
    -webkit-line-clamp: 1;
    margin: 0;
  }
}

.top_guide_wrap .top_guide_list .top_guide_main .top_guide_text {
  font-size: 12px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_text {
    font-size: 11px;
  }
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_text {
    -webkit-line-clamp: 2;
  }
}

.top_guide_wrap .top_guide_sublist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -16px;
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_sublist {
    display: block;
  }
}

.top_guide_wrap .top_guide_sublist .top_guide_subitem {
  margin: 0 0 16px;
  width: calc(50% - 12px);
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_sublist .top_guide_subitem {
    width: calc(50% - 8px);
  }
}

@media only screen and (max-width: 640px) {
  .top_guide_wrap .top_guide_sublist .top_guide_subitem {
    width: 100%;
  }
}

.top_guide_wrap .top_guide_sublist .top_guide_sublink {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_sublist .top_guide_sublink {
    padding: 8px 32px 8px 8px;
    background-position: right 8px center;
  }
}

.top_guide_wrap .top_guide_sublist .top_guide_sublink:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #2DB0E7;
  background-size: 16px;
}

.top_guide_wrap .top_guide_sublist .top_guide_sublink:hover .top_guide_text {
  color: #fff;
}

.top_guide_wrap .top_guide_sublist .top_guide_icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px #333 solid;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 16px 0 0;
}

.top_guide_wrap .top_guide_sublist .top_guide_icon .top_guide_icon_img {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.top_guide_wrap .top_guide_sublist .top_guide_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .top_guide_wrap .top_guide_sublist .top_guide_text {
    width: calc(100% - 40px);
  }
}

.top_search_wrap {
  padding: 80px 0;
  position: relative;
  /*
  &:after{
  		content:"";
  		display: block;
  		width: calc( 100% - 80px );
  		height: 100%;
  		background: url($get_img+"index/search_bg.png") center top no-repeat;
  		background-size: 100%;
  		position: absolute;
  		top: 0;
  		right: 0;
  		@media only screen and (max-width:1200px){
  			width: calc( 100% - 40px );
  		}
  		@media only screen and (max-width:960px){
  			width: 100%;
  		}
  		@media only screen and (max-width:640px){
  			background: url($get_img+"index/search_bg_sp.png") center top no-repeat;
  			background-size: 100%;
  		}
  	}
  */
}

@media only screen and (max-width: 960px) {
  .top_search_wrap {
    padding: 40px 16px;
  }
}

.top_search_wrap:before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 100%;
  background: #eaeaea;
  -moz-border-radius: 0px;
  -webkit-border-radius: 100px;
  border-radius: 0px;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 1200px) {
  .top_search_wrap:before {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 960px) {
  .top_search_wrap:before {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
  }
}

.top_search_wrap .top_search_head_title_block {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.top_search_wrap .common_top_title03 {
  width: calc(100% - 173px);
  margin: 0 0 80px;
}

@media only screen and (max-width: 1440px) {
  .top_search_wrap .common_top_title03 {
    max-width: 1107px;
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .common_top_title03 {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 40px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .common_top_title03 small {
    color: #1f3b6a;
  }
}

.top_search_wrap .common_all-l_link {
  margin: 0 0 16px;
}

.top_search_wrap .top_search_block {
  z-index: 5;
  position: relative;
  padding: 0 80px 0 160px;
}

@media only screen and (max-width: 1200px) {
  .top_search_wrap .top_search_block {
    padding: 0 40px 0 80px;
  }
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_block {
    padding: 0;
  }
}

.top_search_wrap .top_search_block .search_dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_block .search_dot01 {
    width: 15%;
  }
}

.top_search_wrap .top_search_block .search_dot02 {
  display: block;
  position: absolute;
  top: 15%;
  left: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_block .search_dot02 {
    width: 15%;
  }
}

.top_search_wrap .top_search_block .search_dot03 {
  display: block;
  position: absolute;
  top: 50%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_block .search_dot03 {
    width: 15%;
  }
}

.top_search_wrap .top_search_block .search_dot04 {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 50%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_block .search_dot04 {
    width: 15%;
  }
}

.top_search_wrap .top_search_inner {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.top_search_wrap .top_search_list {
  width: calc(100% - 173px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1440px) {
  .top_search_wrap .top_search_list {
    max-width: 1107px;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list {
    margin: 0 0 8px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.top_search_wrap .top_search_list .top_search_item {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 24px 0;
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(4n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+1) .top_search_head:before {
  background: #F7AC00;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+2) .top_search_head:before {
  background: #F35360;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+3) .top_search_head:before {
  background: #2DB0E7;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+4) .top_search_head:before {
  background: #23B195;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+5) .top_search_head:before {
  background: #FED504;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+6) .top_search_head:before {
  background: #84C67A;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+7) .top_search_head:before {
  background: #F7AC00;
}

.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n+8) .top_search_head:before {
  background: #F46571;
}

.top_search_wrap .top_search_list .top_search_link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 24px 16px;
  background: #fff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_list .top_search_link {
    padding: 16px 8px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_link {
    padding: 16px 8px 32px;
    background: url("assets/images/button/arrow_icon.svg") center bottom 8px no-repeat #fff;
    background-size: 13px;
  }
}

.top_search_wrap .top_search_list .top_search_link:hover .top_search_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
  transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_list .top_search_link:hover .top_search_pic {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1) rotateY(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1) rotateY(0);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotateY(0);
    transform: translateX(-50%) translateY(-50%) scale(1) rotateY(0);
  }
}

.top_search_wrap .top_search_list .top_search_head {
  position: relative;
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_head {
    width: 64px;
    height: 64px;
  }
}

.top_search_wrap .top_search_list .top_search_head:before {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  z-index: 1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_head:before {
    width: 52px;
    height: 52px;
  }
}

.top_search_wrap .top_search_list .top_search_head .top_search_pic {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 96px;
  height: 102px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_head .top_search_pic {
    width: 55px;
    height: 55px;
  }
}

.top_search_wrap .top_search_list .top_search_body {
  width: 100%;
}

.top_search_wrap .top_search_list .top_search_title_block {
  padding: 0 22px 0 0;
  background: url("assets/images/button/arrow_icon.svg") right top 6px no-repeat;
  background-size: 13px;
  margin: 0 0 8px;
}

@media only screen and (max-width: 768px) {
  .top_search_wrap .top_search_list .top_search_title_block {
    background: none;
    padding: 0;
  }
}

.top_search_wrap .top_search_list .top_search_title_block .top_search_title {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_list .top_search_title_block .top_search_title {
    font-size: 12px;
  }
}

.top_search_wrap .top_search_list .top_search_text {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .top_search_wrap .top_search_list .top_search_text {
    font-size: 11px;
  }
}

.top_voice_wrap {
  padding: 80px 35px;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap {
    padding: 80px 16px 40px;
  }
}

.top_voice_wrap .common_top_title01 {
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 90px;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .common_top_title01 {
    text-align: center;
    margin: 0;
  }
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .common_top_title01 small {
    display: block;
    margin: 8px 0 0;
  }
}

.top_voice_wrap .top_voice_block {
  margin: 0 0 90px;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .top_voice_block {
    margin: 0;
  }
}

.top_voice_wrap .voice_list {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .voice_list {
    margin: 0 -16px;
  }
}

.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n+1) .voice_head {
  background: #F7AC00;
}

.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n+1) .voice_link {
  margin: 28px 0 0;
}

.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n+2) .voice_head {
  background: #23B195;
}

.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n+2) .voice_link {
  margin: 60px 0 0;
}

.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n) .voice_head {
  background: #DA5B66;
}

.top_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}

.top_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}

.top_voice_wrap .voice_list .voice_item {
  width: calc((100% - 48px) / 3);
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .voice_list .voice_item {
    width: inherit;
  }
}

.top_voice_wrap .voice_list .voice_item:first-of-type {
  padding: 40px 0 0;
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .voice_list .voice_item:first-of-type {
    padding: 40px 12px;
  }
}

.top_voice_wrap .voice_list .voice_item:nth-of-type(2) {
  padding: 120px 0 0;
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .voice_list .voice_item:nth-of-type(2) {
    padding: 40px 12px;
  }
}

.top_voice_wrap .voice_list .voice_item:nth-of-type(3) {
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .voice_list .voice_item:nth-of-type(3) {
    padding: 40px 12px;
  }
}

.top_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}

@media only screen and (max-width: 1200px) {
  .top_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .top_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}

.top_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}

@media only screen and (max-width: 1200px) {
  .top_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .top_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}

.top_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}

@media only screen and (max-width: 1200px) {
  .top_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}

.top_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}

@media only screen and (max-width: 1200px) {
  .top_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}

.top_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}

@media only screen and (max-width: 1200px) {
  .top_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .top_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}

.top_point_wrap {
  padding: 80px 16px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap {
    padding: 40px 16px;
  }
}

.top_point_wrap .common_top_title01 {
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .common_top_title01 {
    text-align: center;
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .common_top_title01 small {
    display: block;
    margin: 8px 0 0;
  }
}

.top_point_wrap .top_point_block {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_block {
    display: block;
  }
}

.top_point_wrap .top_point_main {
  width: 538px;
  background: url("https://riyu.spread.fan/wp-content/uploads/2025/02/kaitori_top_about1-1.png") center center no-repeat;
  background-size: cover;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_main {
    background: none;
    width: 100%;
    margin: 0;
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-filter: drop-shadow(8px 10px 20px transparent);
    filter: drop-shadow(8px 10px 20px transparent);
    padding: 263px 0 0;
  }
}

.top_point_wrap .top_point_main:before {
  content: "";
  display: none;
  width: 100%;
  height: 413px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("https://riyu.spread.fan/wp-content/uploads/2025/02/kaitori_top_about1-1.png") center center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_main:before {
    display: block;
  }
}

.top_point_wrap .top_point_main .top_point_main_box {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: calc(100% - 87px);
  -moz-border-radius: 0 50px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0 50px 0 0;
  padding: 70px 40px 12px 8px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_main .top_point_main_box {
    position: relative;
    width: calc(100% - 24px);
    -moz-border-radius: 0 25px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0 25px 0 0;
    padding: 40px 24px 32px 0;
  }
}

.top_point_wrap .top_point_main .top_point_main_title {
  font-size: 24px;
  line-height: 1.5;
  color: black;
  font-weight: 700;
  margin: 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_main .top_point_main_title {
    font-size: 20px;
    margin: 0 0 8px;
  }
}

.top_point_wrap .top_point_main .top_point_main_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: black;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_main .top_point_main_text {
    font-size: 14px;
    margin: 0 0 8px;
  }
}

.top_point_wrap .top_point_list {
  width: 694px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -40px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_list {
    width: 100%;
    margin: 0 0 -16px;
  }
}

.top_point_wrap .top_point_list .top_point_item {
  width: calc(50% - 20px);
  background: #f1f1f1;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-filter: drop-shadow(8px 10px 8px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(8px 10px 8px rgba(0, 0, 0, 0.16));
  padding: 27px 16px 32px;
  margin: 0 0 40px;
  min-height: 371px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_list .top_point_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
    padding: 8px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    min-height: inherit;
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.16));
  }
}

.top_point_wrap .top_point_list .top_point_box {
  max-width: 254px;
  width: 100%;
  margin: 0 auto;
}

.top_point_wrap .top_point_list .top_point_item_title {
  font-size: 18px;
  line-height: 1.5;
  color: black;
  font-weight: 700;
  text-align: center;
  margin: 0 0 4px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_list .top_point_item_title {
    font-size: 12px;
    margin: 0 0 8px;
  }
}

.top_point_wrap .top_point_list .top_point_pic {
  display: block;
  width: 100%;
  max-width: 100px;
  margin: 0 auto 4px;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_list .top_point_pic {
    max-width: 80px;
    margin: 0 auto 8px;
  }
}

.top_point_wrap .top_point_list .top_point_item_text {
  font-size: 14px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .top_point_wrap .top_point_list .top_point_item_text {
    font-size: 11px;
  }
}

.top_point_wrap .top_point_list .top_point_item_text a {
  color: #1f3b6a;
  text-decoration: underline;
}

.top_activities_wrap {
  padding: 80px 16px;
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap {
    padding: 40px 16px 80px;
  }
}

.top_activities_wrap .common_top_title01 {
  margin: 0 0 32px;
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap .common_top_title01 {
    text-align: center;
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap .common_top_title01 small {
    display: block;
    margin: 8px 0 0;
  }
}

.top_activities_wrap .top_activities_list {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 32px;
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap .top_activities_list {
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 768px) {
  .top_activities_wrap .top_activities_list {
    display: block;
  }
}

.top_activities_wrap .top_activities_list .top_activities_item {
  width: calc((100% - 80px) / 3);
  margin: 0 40px 0 0;
}

@media only screen and (max-width: 1200px) {
  .top_activities_wrap .top_activities_list .top_activities_item {
    width: calc((100% - 48px) / 3);
    margin: 0 24px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .top_activities_wrap .top_activities_list .top_activities_item {
    width: 100%;
    margin: 0 0 24px;
  }
}

.top_activities_wrap .top_activities_list .top_activities_item:last-of-type {
  margin: 0;
}

.top_activities_wrap .top_activities_list .column_link .column_pic_block {
  height: 257px;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap .top_activities_list .column_link .column_pic_block {
    height: 228px;
    margin: 0 0 8px;
  }
}

.top_activities_wrap .top_activities_list .column_link .column_title {
  font-size: 20px;
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap .top_activities_list .column_link .column_title {
    font-size: 18px;
  }
}

.top_activities_wrap .top_activities_list .column_link .column_main {
  padding: 0 16px;
}

.top_activities_wrap .top_activities_list .column_link .column_text {
  font-size: 16px;
}

@media only screen and (max-width: 960px) {
  .top_activities_wrap .top_activities_list .column_link .column_text {
    font-size: 12px;
  }
}

.top_activities_wrap .top_activities_list .column_tag_list {
  padding: 0 16px;
}

.top_ec_wrap {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto 80px;
}

.top_ec_wrap .top_ec_block {
  position: relative;
  width: calc(100% - 160px);
  background: url("https://riyu.spread.fan/wp-content/uploads/2024/12/kaitori_top_application.png") center center no-repeat;
  background-size: cover;
  padding: 80px 16px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 90% 72% 37% 79%;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_block {
    width: calc(100% - 16px);
    padding: 40px 16px;
  }
}

.top_ec_wrap .top_ec_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(5, 5, 5, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

.top_ec_wrap .top_ec_main {
  position: relative;
  z-index: 5;
  max-width: 512px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.top_ec_wrap .top_ec_subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_subtitle {
    font-size: 14px;
    margin: 0 0 16px;
  }
}

.top_ec_wrap .top_ec_logo {
  display: block;
  width: 168px;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_logo {
    width: 150px;
    margin: 0 auto 28px;
  }
}

.top_ec_wrap .top_ec_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 0 43px;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_text {
    font-size: 14px;
    margin: 0 0 28px;
  }
}

.top_ec_wrap .top_ec_text span {
  display: block;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_text span {
    margin: 0 0 24px;
  }
}

.top_ec_wrap .top_ec_text span:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 640px) {
  .top_ec_wrap .common_btn01 {
    font-size: 16px;
    max-width: 220px;
  }
}

.top_news_wrap {
  position: relative;
  padding: 80px 16px;
}

.top_news_wrap .common_top_title01 {
  margin: 0 0 32px;
}

@media only screen and (max-width: 960px) {
  .top_news_wrap .common_top_title01 {
    margin: 0 0 24px;
  }
}

.top_news_wrap .top_news_bg {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: calc(50% - 20px);
  background: url("https://riyu.spread.fan/wp-content/uploads/2024/12/kaitori_top_news.png") center center no-repeat;
  background-size: cover;
  /*
  &:after{
  			content: "";
  			display: block;
  	    width: 50%;
  	    height: 100%;
  	    background: #fff;
  	    position: absolute;
  	    bottom: 0;
  	    left: -190px;
  	    @include transform(skewX(20deg));
  		}
  */
}

@media only screen and (max-width: 960px) {
  .top_news_wrap .top_news_bg {
    height: 280px;
    width: 280px;
  }
}

@media only screen and (max-width: 350px) {
  .top_news_wrap .top_news_bg {
    height: 200px;
    width: 200px;
  }
}

.top_news_wrap .top_news_bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.top_news_wrap .top_news_bg:after {
  content: "";
  display: block;
  border-right: 360px solid transparent;
  border-bottom: 800px solid #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 960px) {
  .top_news_wrap .top_news_bg:after {
    border-right: 280px solid transparent;
    border-bottom: 280px solid #fff;
  }
}

@media only screen and (max-width: 350px) {
  .top_news_wrap .top_news_bg:after {
    border-right: 200px solid transparent;
    border-bottom: 200px solid #fff;
  }
}

.top_news_wrap .top_news_block {
  width: calc(100% - 280px);
}

@media only screen and (max-width: 960px) {
  .top_news_wrap .top_news_block {
    width: 100%;
  }
}

.top_news_wrap .top_news_category_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 12px;
}

@media only screen and (max-width: 960px) {
  .top_news_wrap .top_news_category_list {
    margin: 0;
  }
}

.top_news_wrap .top_news_category_list .top_news_category_item {
  margin: 0 8px 8px 0;
}

.top_news_wrap .news_list {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .top_news_wrap .news_list {
    margin: 0 0 24px;
  }
}

.top_news_wrap .news_list .news_link:after {
  width: calc(100% - 36px);
}

.top_category_label input {
  display: none;
}

.top_category_label .top_category_text {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .top_category_label .top_category_text {
    padding: 2px 8px;
    font-size: 13px;
  }
}

.top_category_label input:checked+.top_category_text {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.top_column_wrap {
  padding: 80px 16px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap {
    padding: 0 16px 80px;
  }
}

.top_column_wrap .common_top_title01 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .common_top_title01 {
    margin: 0 0 24px;
  }
}

.top_column_wrap .top_column_info {
  position: relative;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_info {
    margin: 0 0 16px;
  }
}

.top_column_wrap .top_column_info .top_column_category_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 330px);
  margin: 0 auto -8px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_info .top_column_category_list {
    width: 100%;
    margin: 0 auto;
  }
}

.top_column_wrap .top_column_info .top_column_category_list .top_column_category_item {
  margin: 0 4px 8px;
}

.top_column_wrap .top_column_info .common_all-l_link {
  position: absolute;
  right: 0;
  top: -6px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_info .common_all-l_link {
    position: relative;
    right: inherit;
    top: inherit;
  }
}

.top_column_wrap .top_column_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list {
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list {
    display: block;
    margin: 0;
  }
}

.top_column_wrap .top_column_list .top_column_item {
  margin: 0 64px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_item {
    margin: 0 2% 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item {
    margin: 0 0 24px;
  }
}

.top_column_wrap .top_column_list .top_column_item:first-of-type {
  width: 476px;
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item:first-of-type {
    width: 100%;
  }
}

.top_column_wrap .top_column_list .top_column_item:first-of-type .top_column_pic_block .top_column_pic {
  height: 364px;
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item:first-of-type .top_column_pic_block .top_column_pic {
    height: 228px;
  }
}

.top_column_wrap .top_column_list .top_column_item:nth-of-type(2) {
  width: 351px;
  padding: 80px 0 0;
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}

.top_column_wrap .top_column_list .top_column_item:nth-of-type(2) .top_column_pic_block .top_column_pic {
  height: 374px;
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(2) .top_column_pic_block .top_column_pic {
    height: 228px;
  }
}

.top_column_wrap .top_column_list .top_column_item:nth-of-type(3) {
  width: 322px;
  margin: 0;
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(3) {
    width: 100%;
    padding: 0;
  }
}

.top_column_wrap .top_column_list .top_column_item:nth-of-type(3) .top_column_pic_block .top_column_pic {
  height: 499px;
}

@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(3) .top_column_pic_block .top_column_pic {
    height: 228px;
  }
}

.top_column_wrap .top_column_list .top_column_link {
  display: block;
  width: 100%;
}

.top_column_wrap .top_column_list .top_column_link:hover .top_column_pic_block .top_column_pic {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.top_column_wrap .top_column_list .top_column_pic_block {
  overflow: hidden;
  margin: 0 0 24px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_pic_block {
    margin: 0 0 8px;
  }
}

.top_column_wrap .top_column_list .top_column_pic_block .top_column_pic {
  display: block;
  width: 100%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.top_column_wrap .top_column_list .top_column_label_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top_column_wrap .top_column_list .top_column_label_list .top_column_label_item {
  margin: 0 8px 8px 0;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_label_list .top_column_label_item {
    margin: 0 4px 4px 0;
  }
}

.top_column_wrap .top_column_list .top_column_label {
  display: inline-block;
  padding: 1.5px 16px;
  font-size: 10px;
  line-height: 1.5;
  color: #8A8A8A;
  border: 1px #8A8A8A solid;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_label {
    margin: 0 0 4px;
  }
}

.top_column_wrap .top_column_list .top_column_title {
  font-size: 24px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_title {
    font-size: 18px;
    margin: 0 0 4px;
  }
}

.top_column_wrap .top_column_list .top_column_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_text {
    font-size: 11px;
  }
}

.top_column_wrap .top_column_key_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top_column_wrap .top_column_key_list .top_column_key_item {
  margin: 8px 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_key_list .top_column_key_item {
    margin: 4px 8px 0 0;
  }
}

.top_column_wrap .top_column_key_list .top_column_key_link {
  display: inline-block;
  color: #8A8A8A;
  font-size: 11px;
  line-height: 1.5;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top_column_wrap .top_column_key_list .top_column_key_link:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_key_list .top_column_key_link {
    font-size: 10px;
  }
}

.top_column_wrap .top_column_key_list .top_column_key_link:before {
  content: "#";
}

.top_company_wrap {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 640px) {
  .top_company_wrap {
    display: block;
  }
}

.top_company_wrap .top_company_box {
  width: 50%;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .top_company_wrap .top_company_box {
    width: 100%;
  }
}

.top_company_wrap .top_company_box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(3px);
}

.top_company_wrap .top_company_link {
  position: relative;
  display: block;
  width: 100%;
  padding: 80px 16px;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .top_company_wrap .top_company_link {
    padding: 40px 16px;
  }
}

.top_company_wrap .top_company_title {
  font-size: 32px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 32px;
}

@media only screen and (max-width: 960px) {
  .top_company_wrap .top_company_title {
    font-size: 20px;
    margin: 0 0 24px;
  }
}

.top_company_wrap .top_company_title span {
  display: block;
  font-size: 12px;
  font-weight: 900;
}

@media only screen and (max-width: 960px) {
  .top_company_wrap .top_company_title span {
    font-size: 11px;
  }
}

.top_company_wrap .top_company_text {
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  max-width: 493px;
  width: 100%;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 960px) {
  .top_company_wrap .top_company_text {
    font-size: 13px;
    margin: 0 auto 24px;
  }
}

.top_company_wrap .common_all-l_link {
  color: #fff;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .top_company_wrap .common_all-l_link {
    font-weight: 700;
  }
}

@media only screen and (max-width: 960px) {
  .top_company_wrap .common_all-l_link small {
    margin: 0 0 0 8px;
  }
}

.top_contact_wrap {
  position: relative;
  min-height: 860px;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap {
    min-height: inherit;
  }
}

.top_contact_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: #fff;
  position: absolute;
  bottom: -80px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-border-radius: 0 0 100px 100px;
  -webkit-border-radius: 0;
  border-radius: 0 0 100px 100px;
  z-index: 3;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap:after {
    height: 40px;
    bottom: -40px;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0;
    border-radius: 0 0 30px 30px;
  }
}

.top_contact_wrap .top_contact_inner {
  overflow: hidden;
  padding: 160px 0 0;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_inner {
    padding: 40px 0 0;
  }
}

.top_contact_wrap .top_contact_pic01 {
  display: block;
  width: 416px;
  position: absolute;
  left: 0;
  top: 160px;
}

@media only screen and (max-width: 1200px) {
  .top_contact_wrap .top_contact_pic01 {
    opacity: .7;
  }
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_pic01 {
    width: 208px;
    opacity: 1;
    top: 64px;
    left: -40px;
  }
}

@media only screen and (max-width: 640px) {
  .top_contact_wrap .top_contact_pic01 {
    width: 75px;
    left: -16px;
  }
}

.top_contact_wrap .top_contact_pic02 {
  display: block;
  width: 416px;
  position: absolute;
  right: 0;
  top: 160px;
}

@media only screen and (max-width: 1200px) {
  .top_contact_wrap .top_contact_pic02 {
    opacity: .7;
  }
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_pic02 {
    width: 208px;
    opacity: 1;
    top: 64px;
    right: -40px;
  }
}

@media only screen and (max-width: 640px) {
  .top_contact_wrap .top_contact_pic02 {
    width: 80px;
    right: -16px;
  }
}

.top_contact_wrap .top_contact_block {
  position: relative;
  z-index: 5;
  max-width: 530px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_block {
    padding: 40px 0 0;
  }
}

.top_contact_wrap .top_contact_block .top_contact_title {
  font-size: 64px;
  color: black;
  line-height: 1.5;
  font-weight: 900;
  margin: 0 0 50px;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_block .top_contact_title {
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.top_contact_wrap .top_contact_block .top_contact_title span {
  display: block;
  font-size: 24px;
  color: #1f3b6a;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_block .top_contact_title span {
    font-size: 14px;
  }
}

.top_contact_wrap .top_contact_block .top_contact_subtitle {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 700;
  color: black;
  margin: 0 0 50px;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_block .top_contact_subtitle {
    font-size: 18px;
    margin: 0 0 24px;
  }
}

.top_contact_wrap .top_contact_block .top_contact_text {
  font-size: 16px;
  color: black;
  line-height: 1.8;
  font-weight: 500;
  margin: 0 0 48px;
}

@media only screen and (max-width: 960px) {
  .top_contact_wrap .top_contact_block .top_contact_text {
    font-size: 14px;
    margin: 0 0 24px;
  }
}

/*=================

    news.scss

=======================*/
.news_layout_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 180px;
}

@media only screen and (max-width: 960px) {
  .news_layout_wrap {
    padding: 0 0 64px;
  }
}

@media only screen and (max-width: 768px) {
  .news_layout_wrap {
    display: block;
  }
}

.news_layout_wrap.news-detail {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
  .news_layout_wrap.news-detail .news_layout_aside {
    margin: 64px 0 0;
  }
}

.news_layout_wrap .news_layout_main {
  width: calc(100% - 320px);
  padding: 0 40px 0 0;
}

@media only screen and (max-width: 1200px) {
  .news_layout_wrap .news_layout_main {
    width: calc(100% - 264px);
    padding: 0 20px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .news_layout_wrap .news_layout_main {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .news_layout_wrap .news_layout_main {
    width: 100%;
  }
}

.news_layout_wrap .news_layout_aside {
  position: relative;
  width: 240px;
}

@media only screen and (max-width: 768px) {
  .news_layout_wrap .news_layout_aside {
    width: 100%;
    margin: 0 0 40px;
  }
}

.news_list .news_item {
  position: relative;
}

.news_list .news_link {
  position: relative;
  padding: 16px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.news_list .news_link:before {
  content: "";
  display: none;
  width: 24px;
  height: 1px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  position: absolute;
  left: -24px;
  bottom: 0;
}

.news_list .news_link:after {
  content: "";
  display: block;
  width: calc(100% - 64px);
  height: 1px;
  background: #C6C6C6;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 960px) {
  .news_list .news_link:after {
    width: calc(100% - 36px);
  }
}

.news_list .news_link:hover {
  -moz-transform: translateX(24px);
  -ms-transform: translateX(24px);
  -webkit-transform: translateX(24px);
  transform: translateX(24px);
}

@media only screen and (max-width: 960px) {
  .news_list .news_link:hover {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.news_list .news_link:hover:before {
  display: block;
}

@media only screen and (max-width: 960px) {
  .news_list .news_link:hover:before {
    display: none;
  }
}

.news_list .news_link:hover:after {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

@media only screen and (max-width: 960px) {
  .news_list .news_link:hover:after {
    background: #C6C6C6;
  }
}

.news_list .news_link:hover .news_arrow {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.news_list .news_link:hover .news_arrow img {
  filter: brightness(0) invert(1);
}

.news_list .news_main {
  width: calc(100% - 64px);
}

@media only screen and (max-width: 960px) {
  .news_list .news_main {
    width: calc(100% - 36px);
    padding: 0 8px 0 0;
  }
}

.news_list .news_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .news_list .news_info {
    margin: 0 0 8px;
  }
}

.news_list .news_date {
  font-size: 12px;
  color: #888;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .news_list .news_date {
    font-size: 11px;
  }
}

.news_list .news_category {
  border: 1px #D9D9D9 solid;
  color: #8A8A8A;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .news_list .news_category {
    padding: 2px 8px;
  }
}

.news_list .news_title {
  font-size: 16px;
  line-height: 1.5;
  color: black;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news_list .news_title::before,
.news_list .news_title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.news_list .news_title::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.news_list .news_title::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .news_list .news_title {
    font-size: 14px;
    -webkit-line-clamp: 2;
  }
}

.news_list .news_arrow {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .news_list .news_arrow {
    width: 36px;
    height: 36px;
  }
}

.news_list .news_arrow img {
  display: block;
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.news_category_block {
  position: -webkit-sticky;
  position: sticky;
  top: 154px;
}

@media only screen and (max-width: 960px) {
  .news_category_block {
    top: 116px;
  }
}

@media only screen and (max-width: 768px) {
  .news_category_block {
    position: relative;
    top: inherit;
  }
}

.news_category_block .news_category_title {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #c3c3c3;
  line-height: 41px;
  margin: 0 0 16px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 960px) {
  .news_category_block .news_category_title {
    font-size: 13px;
    line-height: 39px;
  }
}

@media only screen and (max-width: 768px) {
  .news_category_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.news_category_list .news_category_item {
  margin: 0 0 8px;
}

@media only screen and (max-width: 768px) {
  .news_category_list .news_category_item {
    margin: 0 4px 8px;
  }
}

.news_category_list .news_category_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .news_category_list .news_category_link {
    padding: 2px 8px;
    font-size: 13px;
  }
}

.news_category_list .news_category_link.active {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

/* news detail */
.news-d_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .news-d_wrap {
    margin: 0 0 64px;
  }
}

.news-d_wrap .news-d_info {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .news-d_wrap .news-d_info {
    margin: 0 0 40px;
  }
}

.news-d_wrap .news-d_date {
  font-size: 14px;
  color: #888;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .news-d_wrap .news-d_date {
    font-size: 13px;
  }
}

.news-d_wrap .news-d_title {
  font-size: 42px;
  color: #333;
  line-height: 1.5;
  font-weight: 700;
  margin: 0 0 16px;
}

.news-d_wrap .news-d_title::before,
.news-d_wrap .news-d_title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.news-d_wrap .news-d_title::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.news-d_wrap .news-d_title::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .news-d_wrap .news-d_title {
    font-size: 30px;
  }
}

.news-d_wrap .news-d_label {
  display: inline-block;
  border: 1px #D9D9D9 solid;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .news-d_wrap .news-d_label {
    padding: 2px 8px;
    font-size: 13px;
  }
}

/*=================

    contact.scss

=======================*/
.common_contact_wrap {
  padding: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap {
    padding: 40px 0 0;
  }
}

.common_contact_wrap .common_contact_title {
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap .common_contact_title {
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.common_contact_wrap .common_contact_title span {
  display: block;
  color: #1f3b6a;
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap .common_contact_title span {
    font-size: 14px;
  }
}

.common_contact_wrap .common_contact_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 500;
  margin: 0 0 30px;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap .common_contact_text {
    font-size: 13px;
    margin: 0 0 24px;
  }
}

.common_contact_wrap .common_contact_block {
  max-width: 1030px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  background: url("/wp-content/uploads/2024/12/kaitori_comopany_contact.png") center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 48px 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap .common_contact_block {
    padding: 40px 16px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_wrap .common_contact_block {
    display: block;
  }
}

.common_contact_wrap .common_contact_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.common_contact_wrap .common_contact_box {
  position: relative;
  width: 436px;
  padding: 0 20px;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap .common_contact_box {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_wrap .common_contact_box {
    width: 100%;
    margin: 0 0 14px;
  }
}

@media only screen and (max-width: 640px) {
  .common_contact_wrap .common_contact_box {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_wrap .common_contact_box:last-of-type {
    margin: 0;
  }
}

.common_contact_wrap .common_contact_subtext {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
  color: #fff;
  margin: 14px 0 0;
}

@media only screen and (max-width: 960px) {
  .common_contact_wrap .common_contact_subtext {
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_wrap .common_contact_subtext {
    text-align: center;
  }
}

.common_contact_tel_link {
  position: relative;
  display: inline-block;
  padding: 14px 22px;
  width: 100%;
  white-space: nowrap;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  color: #1f3b6a;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  -webkit-filter: drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.1));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 960px) {
  .common_contact_tel_link {
    font-size: 16px;
    padding: 8px 6px;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_tel_link {
    display: block;
    max-width: 272px;
    margin: 0 auto;
    padding: 12px 6px;
    text-align: center;
  }
}

.common_contact_tel_link .common_contact_tel_icon {
  position: relative;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  display: inline-block;
  margin: 0 24px 0 0;
  vertical-align: -19px;
  width: 56px;
  min-width: 56px;
  height: 56px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .common_contact_tel_link .common_contact_tel_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    vertical-align: -10px;
    margin: 0 8px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_tel_link .common_contact_tel_icon {
    position: absolute;
    left: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.common_contact_tel_link .common_contact_tel_icon img {
  filter: brightness(0) invert(1);
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .common_contact_tel_link .common_contact_tel_icon img {
    width: 19px;
  }
}

.common_contact_mail_link {
  position: relative;
  display: inline-block;
  padding: 14px 22px;
  width: 100%;
  white-space: nowrap;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  -webkit-filter: drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.1));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 960px) {
  .common_contact_mail_link {
    font-size: 16px;
    padding: 8px 6px;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_mail_link {
    display: block;
    max-width: 272px;
    margin: 0 auto;
    padding: 12px 6px;
    text-align: center;
  }
}

.common_contact_mail_link .common_contact_mail_icon {
  position: relative;
  background: #fff;
  display: inline-block;
  margin: 0 24px 0 0;
  vertical-align: -19px;
  width: 56px;
  min-width: 56px;
  height: 56px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .common_contact_mail_link .common_contact_mail_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    vertical-align: -10px;
    margin: 0 8px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .common_contact_mail_link .common_contact_mail_icon {
    position: absolute;
    left: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.common_contact_mail_link .common_contact_mail_icon img {
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .common_contact_mail_link .common_contact_mail_icon img {
    width: 19px;
  }
}

/* form */
.contact_step_block {
  max-width: 162px;
  /*max-width: 283px;*/
  width: 100%;
  margin: 0 auto 80px;
}

@media only screen and (max-width: 960px) {
  .contact_step_block {
    max-width: 265px;
    margin: 0 auto 40px;
  }
}

.contact_step_block .contact_step_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.contact_step_block .contact_step_list .contact_step_num {
  position: relative;
  display: block;
  width: 41px;
  height: 41px;
  background: #808080;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .contact_step_block .contact_step_list .contact_step_num {
    width: 35px;
    height: 35px;
    font-size: 12px;
  }
}

.contact_step_block .contact_step_list .contact_step_num span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.contact_step_block .contact_step_list .contact_step_num.active {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.contact_step_block .contact_step_list .contact_step_line {
  display: block;
  width: calc(100% - 82px);
  /*width: calc( ( 100% - 123px ) / 2 );*/
  height: 2px;
  background: #808080;
}

@media only screen and (max-width: 960px) {
  .contact_step_block .contact_step_list .contact_step_line {
    width: calc(100% - 70px);
    /*width: calc( ( 100% - 105px ) / 2 );*/
  }
}

.contact_step_block .contact_step_list .contact_step_line.active {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.contact_step_block .contact_step_text_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.contact_step_block .contact_step_text_list .contact_step_text_item {
  display: block;
  font-size: 14px;
  color: #808080;
  line-height: 1.8;
  width: 41px;
  text-align: center;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .contact_step_block .contact_step_text_list .contact_step_text_item {
    font-size: 12px;
    width: 35px;
  }
}

.contact_step_block .contact_step_text_list .contact_step_text_item.active {
  color: #1f3b6a;
}

.contact_bg {
  background: #fff;
  padding: 80px 16px;
  max-width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .contact_bg {
    padding: 40px 16px;
  }
}

.contact_bg .contact_list {
  display: block;
  width: 100%;
  max-width: 560px;
  margin: 0 auto 40px;
}

.contact_bg .contact_item {
  margin: 0 0 40px;
}

.contact_bg .contact_item:last-of-type {
  margin: 0;
}

.contact_bg .contact_main {
  width: 100%;
}

.contact_product_block {
  display: block;
  margin: 40px 0 0;
}

.contact_product_block .contact_product_box {
  display: none;
}

.contact_product_block .contact_product_box.active {
  display: block;
}

.contact_product_block .contact_list .contact_item {
  margin: 0 0 24px;
}

.contact_product_result {
  padding: 24px 24px 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #EAEAEA;
}

@media only screen and (max-width: 960px) {
  .contact_product_result {
    padding: 16px 16px 8px;
  }
}

.contact_product_result .contact_product_result_title {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .contact_product_result .contact_product_result_title {
    font-size: 12px;
  }
}

.contact_product_result .contact_product_result_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 960px) {
  .contact_product_result .contact_product_result_list {
    display: block;
  }
}

.contact_product_result .contact_product_result_list .contact_product_result_item {
  margin: 0 24px 12px 0;
}

@media only screen and (max-width: 960px) {
  .contact_product_result .contact_product_result_list .contact_product_result_item {
    margin: 0 0 8px;
  }
}

.contact_product_result .contact_product_result_list .form_product_result_label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: fit-content;
  background: #fff;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  padding: 2px 8px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.contact_product_result .contact_product_result_list .form_product_result_label small {
  display: block;
  width: 16px;
  min-width: 16px;
  margin: 0 0 0 4px;
}

.contact_product_result .contact_product_result_list .form_product_result_label small img {
  display: block;
  width: 100%;
}

.contact_term_block {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 40px;
}

.contact_tel_block {
  text-align: center;
}

.contact_tel_block .contact_tel_title {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .contact_tel_block .contact_tel_title {
    font-size: 12px;
  }
}

.contact_tel_block .contact_tel_text {
  font-size: 11px;
  line-height: 1.8;
  color: #333;
}

.contact_tel_link {
  position: relative;
  display: block;
  width: 242px;
  white-space: nowrap;
  text-align: center;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  color: #1f3b6a;
  font-size: 16px;
  line-height: 51px;
  font-weight: 700;
  margin: 0 auto 8px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

@media only screen and (max-width: 960px) {
  .contact_tel_link {
    max-width: 206px;
    line-height: 48px;
  }
}

.contact_tel_link .contact_tel_icon {
  position: absolute;
  top: 50%;
  left: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .contact_tel_link .contact_tel_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}

.contact_tel_link .contact_tel_icon img {
  filter: brightness(0) invert(1);
  width: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.contact_complete_block {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}

.contact_complete_block .contact_complete_title {
  font-size: 32px;
  text-align: center;
  color: #1f3b6a;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .contact_complete_block .contact_complete_title {
    font-size: 24px;
  }
}

.contact_complete_block .contact_complete_text {
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 40px;
  color: #333;
}

@media only screen and (max-width: 640px) {
  .contact_complete_block .common_btn01 {
    max-width: 400px;
  }
}

/*=================

    voice.scss

=======================*/
.voice_layout_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 180px;
}

@media only screen and (max-width: 960px) {
  .voice_layout_wrap {
    padding: 0 0 64px;
  }
}

@media only screen and (max-width: 768px) {
  .voice_layout_wrap {
    display: block;
  }
}

.voice_layout_wrap.column {
  padding: 0 0 160px;
}

@media only screen and (max-width: 768px) {
  .voice_layout_wrap.column {
    padding: 0;
  }
}

.voice_layout_wrap.voice-detail {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0 0 58px;
}

@media only screen and (max-width: 768px) {
  .voice_layout_wrap.voice-detail .voice_layout_aside {
    margin: 64px 0 0;
  }
}

.voice_layout_wrap .voice_layout_main {
  width: calc(100% - 320px);
}

@media only screen and (max-width: 1200px) {
  .voice_layout_wrap .voice_layout_main {
    width: calc(100% - 264px);
  }
}

@media only screen and (max-width: 768px) {
  .voice_layout_wrap .voice_layout_main {
    width: 100%;
  }
}

.voice_layout_wrap .voice_layout_aside {
  position: relative;
  width: 240px;
}

@media only screen and (max-width: 768px) {
  .voice_layout_wrap .voice_layout_aside {
    width: 100%;
    margin: 0 0 64px;
  }
}

.voice_aside_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 154px;
}

@media only screen and (max-width: 960px) {
  .voice_aside_sticky {
    top: 116px;
  }
}

@media only screen and (max-width: 768px) {
  .voice_aside_sticky {
    position: relative;
    top: inherit;
  }
}

.voice_category_block {
  margin: 0 0 80px;
}

@media only screen and (max-width: 768px) {
  .voice_category_block {
    margin: 0 0 32px;
  }
}

.voice_category_block:last-of-type {
  margin: 0;
}

.voice_category_block .voice_category_title {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #c3c3c3;
  line-height: 41px;
  margin: 0 0 16px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 960px) {
  .voice_category_block .voice_category_title {
    font-size: 13px;
    line-height: 39px;
  }
}

@media only screen and (max-width: 768px) {
  .voice_category_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.voice_category_list .voice_category_item {
  margin: 0 0 8px;
}

@media only screen and (max-width: 768px) {
  .voice_category_list .voice_category_item {
    margin: 0 4px 8px;
  }
}

.voice_category_list .voice_category_label input {
  display: none;
}

.voice_category_list .voice_category_label .voice_category_text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .voice_category_list .voice_category_label .voice_category_text {
    padding: 2px 8px;
    font-size: 13px;
  }
}

.voice_category_list .voice_category_label input:checked+.voice_category_text {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.voice_category_list .voice_category_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 960px) {
  .voice_category_list .voice_category_link {
    padding: 2px 8px;
    font-size: 13px;
  }
}

.voice_category_list .voice_category_link.active {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.voice_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -80px;
}

@media only screen and (max-width: 1200px) {
  .voice_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 640px) {
  .voice_list {
    display: block;
    margin: 0;
  }
}

.voice_list .voice_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 80px 0;
}

@media only screen and (max-width: 1200px) {
  .voice_list .voice_item {
    width: calc(50% - 12px);
    margin: 0 0 80px;
  }
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_item {
    width: 100%;
    margin: 0 0 24px;
  }
}

.voice_list .voice_item:nth-of-type(3n) {
  margin: 0 0 80px;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_item:nth-of-type(3n) {
    margin: 0 0 24px;
  }
}

.voice_list .voice_item:nth-of-type(6n+1) .voice_head {
  background: #F7AC00;
}

.voice_list .voice_item:nth-of-type(6n+2) .voice_head {
  background: #23B195;
}

.voice_list .voice_item:nth-of-type(6n+3) .voice_head {
  background: #DA5B66;
}

.voice_list .voice_item:nth-of-type(6n+4) .voice_head {
  background: #2DB0E7;
}

.voice_list .voice_item:nth-of-type(6n+5) .voice_head {
  background: #FED504;
}

.voice_list .voice_item:nth-of-type(6n) .voice_head {
  background: #84C67A;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_item:last-of-type {
    margin: 0;
  }
}

.voice_list .voice_link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  -webkit-filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.1));
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_link {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}

.voice_list .voice_link:hover .voice_head .voice_pic {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.voice_list .voice_head {
  position: relative;
  padding: 20px 0 0;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_head {
    padding: 16px 0 0;
  }
}

.voice_list .voice_head .voice_label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  max-width: calc(100% - 24px);
  font-size: 12px;
  line-height: 1.5;
  border: 1px #8A8A8A solid;
  color: #8A8A8A;
  background: #fff;
  padding: 5px 16px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 960px) {
  .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}

.voice_list .voice_head .voice_head_inner {
  overflow: hidden;
  height: 200px;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}

.voice_list .voice_head .voice_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.voice_list .voice_body {
  position: relative;
  padding: 40px 16px 28px;
}

.voice_list .voice_body .voice_mem {
  display: block;
  width: 64px;
  height: 64px;
  border: 5px #fff solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -32px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.voice_list .voice_body .voice_logo {
  display: block;
  width: 138px;
  height: 33px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 500px) {
  .voice_list .voice_body .voice_logo {
    width: 80px;
    height: 20px;
    margin: 0 auto 4px;
  }
}

.voice_list .voice_body .voice_name {
  font-size: 12px;
  line-height: 1.7;
  color: #333;
  font-weight: 400;
  margin: 0 0 8px;
  text-align: center;
}

.voice_list .voice_body .voice_title {
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  font-weight: 700;
  text-align: center;
  padding: 0 0 8px;
  border-bottom: 1px #f2f2f2 solid;
  margin: 0 0 8px;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}

.voice_list .voice_body .voice_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 640px) {
  .voice_list .voice_body .voice_text {
    font-size: 11px;
  }
}

/* detail */
.voice-d_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .voice-d_wrap {
    margin: 0 0 64px;
  }
}

.voice-d_mem_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 16px 0 24px;
}

@media only screen and (max-width: 960px) {
  .voice-d_mem_info {
    margin: 12px 0 16px;
  }
}

.voice-d_mem_info .voice-d_mem_pic_block {
  display: block;
  width: 88px;
  height: 88px;
  min-width: 88px;
  border: 1px #888888 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 8px;
  overflow: hidden;
  margin: 0 16px 0 0;
}

@media only screen and (max-width: 960px) {
  .voice-d_mem_info .voice-d_mem_pic_block {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 2px;
  }
}

.voice-d_mem_info .voice-d_mem_pic_block .voice-d_mem_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}

.voice-d_mem_info .voice-d_mem_main {
  width: calc(100% - 104px);
}

.voice-d_mem_info .voice-d_logo {
  display: block;
  width: 120px;
  height: 33px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .voice-d_mem_info .voice-d_logo {
    width: 56px;
    height: 13px;
    margin: 0 0 4px;
  }
}

.voice-d_mem_info .voice-d_name {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .voice-d_mem_info .voice-d_name {
    font-size: 11px;
  }
}

.voice-d_related_wrap .voice-d_related_block {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .voice-d_related_wrap .voice-d_related_block {
    margin: 0 0 64px;
  }
}

.voice-d_related_wrap .voice-d_related_block:last-of-type {
  margin: 0;
}

/*=================

    product.scss

=======================*/
.common_product_list {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 -24px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1200px) {
  .common_product_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 640px) {
  .common_product_list {
    display: block;
    margin: 0;
  }
}

.common_product_list .common_product_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}

@media only screen and (max-width: 1200px) {
  .common_product_list .common_product_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .common_product_list .common_product_item {
    width: 100%;
    padding: 0 24px;
  }
}

.common_product_list .common_product_item:nth-of-type(3n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 640px) {
  .common_product_list .common_product_item:last-of-type {
    margin: 0;
  }
}

.product_link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 24px;
  -webkit-filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.16));
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.product_link:hover .product_pic {
  -moz-transform: scale(1.4) rotateY(360deg);
  -ms-transform: scale(1.4) rotateY(360deg);
  -webkit-transform: scale(1.4) rotateY(360deg);
  transform: scale(1.4) rotateY(360deg);
}

@media only screen and (max-width: 960px) {
  .product_link:hover .product_pic {
    -moz-transform: scale(1) rotateY(0);
    -ms-transform: scale(1) rotateY(0);
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
}

.product_link .product_icon {
  display: block;
  width: 48px;
  position: absolute;
  top: -16px;
  left: -16px;
}

@media only screen and (max-width: 960px) {
  .product_link .product_icon {
    top: -8px;
    left: -8px;
  }
}

.product_link .product_label {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 0 auto 34px;
  font-size: 10px;
  line-height: 1.5;
  border: 1px #8A8A8A solid;
  color: #8A8A8A;
  text-align: center;
  padding: 4.5px 5px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  white-space: nowrap;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.product_link .product_label::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

@media only screen and (max-width: 640px) {
  .product_link .product_label {
    margin: 0 auto 20px;
  }
}

.product_link .product_pic {
  display: block;
  max-width: 140px;
  width: 100%;
  height: 140px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto 34px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media only screen and (max-width: 640px) {
  .product_link .product_pic {
    max-width: 166px;
    height: 166px;
    margin: 0 auto 20px;
  }
}

.product_link .product_title {
  font-size: 18px;
  line-height: 1.4;
  height: 51px;
  /*
  font-size: 16px;
  		line-height: 1.8;
  */
  color: black;
  font-weight: 700;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .product_link .product_title {
    font-size: 14px;
    height: 51px;
  }
}

@media only screen and (max-width: 640px) {
  .product_link .product_title {
    height: inherit;
  }
}

.product_link .product_text {
  font-size: 12px;
  color: black;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .product_link .product_text {
    font-size: 11px;
  }
}

.product_key_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product_key_list .product_key_item {
  margin: 8px 8px 0 0;
  color: #8A8A8A;
  font-size: 11px;
  line-height: 1.5;
}

.product_key_list .product_key_item:before {
  content: "#";
  margin: 0 4px 0 0;
}

.product_side_fixed_block {
  position: fixed;
  right: 0;
  bottom: 97px;
  z-index: 40;
  width: 206px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block {
    bottom: 16px;
    width: calc(100% - 32px);
    left: 50%;
    right: inherit;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 768px) {
  .product_side_fixed_block {
    bottom: 67px;
  }
}

@media only screen and (max-width: 768px) {
  .product_side_fixed_block.active {
    bottom: 16px;
  }
}

.product_side_fixed_block .product_side_close_btn {
  outline: none;
  position: absolute;
  top: -20px;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px #8a8a8a solid;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_close_btn {
    right: 8px;
  }
}

.product_side_fixed_block .product_side_close_btn img {
  display: block;
  width: 9px;
  margin: 0 auto;
}

.product_side_fixed_block .product_side_fixed_list .product_side_fixed_item {
  margin: 0 0 12px;
}

.product_side_fixed_block .product_side_fixed_list .product_side_fixed_item:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_fixed_list .product_side_fixed_item:first-of-type {
    display: none;
  }
}

.product_side_fixed_block .product_side_fixed_textarea {
  position: relative;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 9px;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_fixed_textarea {
    margin: 0 0 4px;
  }
}

.product_side_fixed_block .product_side_fixed_textarea .left_icon {
  margin: 0 4px 0 0;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.product_side_fixed_block .product_side_fixed_textarea .left_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-35deg);
  transform: translateX(-50%) translateY(-50%) rotate(-35deg);
}

.product_side_fixed_block .product_side_fixed_textarea .right_icon {
  margin: 0 0 0 4px;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.product_side_fixed_block .product_side_fixed_textarea .right_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(35deg);
  transform: translateX(-50%) translateY(-50%) rotate(35deg);
}

.product_side_fixed_block .product_side_fixed_textarea .product_side_fixed_text {
  font-size: 10px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

.product_side_fixed_block .product_side_fixed_subtext {
  position: relative;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  margin: 9px 0 0;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_fixed_subtext {
    display: none;
  }
}

.product_side_fixed_block .product_side_fixed_contact {
  display: block;
  width: 100%;
  -moz-border-radius: 15px 0 0 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px 0 0 15px;
  background: url("assets/images/common/fixed_contact_bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 16px 8px;
}

.product_side_fixed_block .product_side_fixed_contact:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.product_side_fixed_block .product_side_tel_link {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  white-space: nowrap;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  color: #1f3b6a;
  font-size: 11px;
  text-align: center;
  font-weight: 700;
  padding: 0 22px 0 40px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

.product_side_fixed_block .product_side_tel_link .product_side_tel_icon {
  position: absolute;
  left: 4px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.product_side_fixed_block .product_side_tel_link .product_side_tel_icon img {
  filter: brightness(0) invert(1);
  width: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.product_side_fixed_block .product_side_mail_link {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 22px 0 40px;
  text-align: center;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
  font-size: 11px;
  line-height: 38px;
  font-weight: 700;
  margin: 0 0 8px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

.product_side_fixed_block .product_side_mail_link .product_side_mail_icon {
  position: absolute;
  left: 4px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.product_side_fixed_block .product_side_mail_link .product_side_mail_icon img {
  width: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.product_side_fixed_block .product_side_fixed_ec {
  display: block;
  width: 100%;
  -moz-border-radius: 15px 0 0 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px 0 0 15px;
  background: url("assets/images/common/fixed_bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 16px 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_fixed_ec {
    height: inherit;
    padding: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
}

.product_side_fixed_block .product_side_fixed_ec:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.product_side_fixed_block .product_side_fixed_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.product_side_fixed_block .product_side_fixed_logo {
  position: relative;
  width: 89px;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_fixed_logo {
    width: 80px;
    margin: 0 24px 0 0;
  }
}

@media only screen and (max-width: 350px) {
  .product_side_fixed_block .product_side_fixed_logo {
    margin: 0 8px 0 0;
  }
}

.product_side_fixed_block .product_side_ec_link {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 0 0 40px;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 700;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

@media only screen and (max-width: 960px) {
  .product_side_fixed_block .product_side_ec_link {
    width: 211px;
    height: 44px;
  }
}

.product_side_fixed_block .product_side_ec_link .product_side_ec_icon {
  position: absolute;
  left: 4px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.product_side_fixed_block .product_side_ec_link .product_side_ec_icon img {
  width: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.product_side_fixed_block .product_side_ec_link small {
  padding: 0 4px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: absolute;
  left: 40px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* layout */
.product_layout_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 120px;
  /*
  @include align-items(flex-start);
  */
}

@media only screen and (max-width: 960px) {
  .product_layout_wrap {
    padding: 0 0 64px;
  }
}

@media only screen and (max-width: 768px) {
  .product_layout_wrap {
    display: block;
  }
}

.product_layout_wrap.category {
  padding: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .product_layout_wrap.category {
    padding: 0 0 24px;
  }
}

.product_layout_wrap .product_layout_main {
  width: calc(100% - 320px);
}

@media only screen and (max-width: 1200px) {
  .product_layout_wrap .product_layout_main {
    width: calc(100% - 264px);
  }
}

@media only screen and (max-width: 960px) {
  .product_layout_wrap .product_layout_main {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .product_layout_wrap .product_layout_main {
    width: 100%;
  }
}

.product_layout_wrap .product_layout_aside {
  position: relative;
  width: 240px;
}

@media only screen and (max-width: 768px) {
  .product_layout_wrap .product_layout_aside {
    display: none;
  }
}

.product_aside_sticky {
  position: -webkit-sticky;
  position: sticky;
  /*
  position: -webkit-sticky;
  	position: sticky;
  	top: 154px;
  	@media only screen and (max-width:960px){
  		top: 116px;
  	}
  	@media only screen and (max-width:768px){
  		position: relative;
  		top: inherit;
  	}
  */
}

@media only screen and (max-width: 768px) {
  .product_aside_sticky {
    position: relative;
  }
}

.product_aside_block {
  margin: 0 0 80px;
}

@media only screen and (max-width: 768px) {
  .product_aside_block {
    margin: 0 0 32px;
  }
}

.product_aside_block:last-of-type {
  margin: 0;
}

.product_aside_block .product_aside_title {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #c3c3c3;
  line-height: 41px;
  margin: 0 0 16px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 960px) {
  .product_aside_block .product_aside_title {
    font-size: 13px;
    line-height: 39px;
  }
}

.product_aside_block .product_aside_main {
  width: 100%;
  margin: 0 0 16px;
}

.product_aside_block .product_aside_main:last-of-type {
  margin: 0;
}

.product_aside_head_link {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  padding: 8px 8px 8px 5px;
  border-left: 3px solid #EA3900;
  background: rgba(234, 57, 0, 0.1);
  font-weight: 700;
}

.product_aside_head_link:hover:before {
  opacity: 1;
}

.product_aside_head_link:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: -3px;
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.product_aside_list .product_aside_btn_pc a:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

.product_aside_list .product_aside_btn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px #c6c6c6 solid;
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px;
  cursor: pointer;
}

.product_aside_list .product_aside_btn.active small img {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product_aside_list .product_aside_btn a {
  color: #333;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.product_aside_list .product_aside_btn a:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

.product_aside_list .product_aside_btn small {
  display: block;
  width: 16px;
  min-width: 16px;
  text-align: right;
}

.product_aside_list .product_aside_btn small img {
  display: inline-block;
  width: 8px;
}

.product_aside_list .product_aside_sublist {
  display: none;
}

.product_aside_list .product_aside_sublist .product_aside_subitem {
  border-bottom: .5px #c6c6c6 solid;
}

.product_aside_list .product_aside_sublist .product_aside_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px 24px 8px 8px;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 8px center no-repeat;
  background-size: 10px;
}

.product_aside_list .product_aside_sublist .product_aside_link:hover small {
  color: #1f3b6a;
  text-decoration: underline;
}

.product_aside_list .product_aside_sublist .product_aside_link:hover .product_aside_icon:before {
  opacity: 1;
}

.product_aside_list .product_aside_sublist .product_aside_link small {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.product_aside_list .product_aside_sublist .product_aside_link .product_aside_icon {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1px black solid;
  background: #fff;
  margin: 0 4px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.product_aside_list .product_aside_sublist .product_aside_link .product_aside_icon:before {
  content: "";
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.product_aside_list .product_aside_sublist .product_aside_link .product_aside_icon span {
  display: block;
  width: 11px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.product_aside_form_block {
  position: relative;
  margin: 0 0 40px;
}

.product_aside_form_block .product_aside_form_input {
  outline: none;
  position: relative;
  display: block;
  width: 100%;
  height: 33px;
  color: #333;
  border: 1px #E7E7E7 solid;
  background: #E7E7E7;
  padding: 0 36px 0 8px;
  font-size: 14px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.product_aside_form_block .product_aside_form_input:focus {
  border: 1px #333 solid;
}

.product_aside_form_block .product_aside_form_submit {
  display: block;
  width: 20px;
  background: none;
  position: absolute;
  right: 8px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product_aside_form_block .product_aside_form_submit img {
  display: block;
  width: 100%;
}

.product_fix_btn {
  display: block;
  width: 100%;
  height: 55px;
  background: url("assets/images/common/open_arrow_icon.svg") right 32px center no-repeat linear-gradient(0deg, #133868 0, #1f528f 100%);
  background-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}

/* all */
@media only screen and (max-width: 960px) {
  .product-all_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.product-all_block {
  margin: 0 0 80px;
}

.product-all_block:last-of-type {
  margin: 0;
}

.product-all_head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 2px #c6c6c6 solid;
  margin: 0 0 24px;
}

@media only screen and (max-width: 1200px) {
  .product-all_head {
    display: block;
  }
}

@media only screen and (max-width: 960px) {
  .product-all_head {
    margin: 0 0 16px;
  }
}

.product-all_head .product-all_title {
  width: calc(100% - 364px);
  font-size: 32px;
  color: #333;
  font-weight: 900;
  line-height: 1.8;
}

@media only screen and (max-width: 1200px) {
  .product-all_head .product-all_title {
    width: 100%;
    margin: 0 0 8px;
  }
}

@media only screen and (max-width: 960px) {
  .product-all_head .product-all_title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1200px) {
  .product-all_head .align_right {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

.product-all_head .common_all_link span {
  text-align: right;
  max-width: 300px;
}

@media only screen and (max-width: 960px) {
  .product-all_head .common_all_link span {
    max-width: inherit;
  }
}

.product-all_head .common_all_link small {
  margin: 0 0 0 24px;
}

.product-all_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -24px;
}

@media only screen and (max-width: 960px) {
  .product-all_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 -16px;
  }
}

.product-all_list .product-all_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 48px 0;
}

@media only screen and (max-width: 960px) {
  .product-all_list .product-all_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

.product-all_list .product-all_item:nth-of-type(3n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .product-all_list .product-all_item:nth-of-type(3n) {
    margin: 0 0 16px;
  }
}

.product-all_list .product-all_link {
  display: block;
  width: 100%;
  height: 100%;
}

.product-all_list .product-all_link:hover .product-all_pic_block:after {
  opacity: 1;
}

.product-all_list .product-all_link:hover .product-all_pic_block .product-all_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
  transform: translateX(-50%) translateY(-50%) scale(1.15);
}

.product-all_list .product-all_pic_block {
  display: block;
  width: 100%;
  padding-top: 66.45%;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .product-all_list .product-all_pic_block {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

.product-all_list .product-all_pic_block:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.product-all_list .product-all_pic_block .product-all_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.product-all_list .product-all_main .product-all_name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
  margin: 0 0 8px;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .product-all_list .product-all_main .product-all_name {
    font-size: 14px;
  }
}

.product-all_list .product-all_main .product-all_text {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .product-all_list .product-all_main .product-all_text {
    font-size: 12px;
  }
}

.product_guide_wrap {
  padding: 160px 0;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap {
    padding: 110px 0 80px;
  }
}

.product_guide_wrap .common_related_title {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .common_related_title {
    text-align: center;
  }
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .common_related_title small {
    margin: 0 0 4px;
  }
}

.product_guide_wrap .product_guide_block {
  position: relative;
  background: rgba(234, 55, 0, 0.25);
  padding: 80px 48px;
  -moz-border-radius: 120px 0 120px 0;
  -webkit-border-radius: 120px;
  border-radius: 120px 0 120px 0;
}

@media only screen and (max-width: 1200px) {
  .product_guide_wrap .product_guide_block {
    padding: 80px 24px;
  }
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_block {
    padding: 40px 16px;
    -moz-border-radius: 30px 0 30px 0;
    -webkit-border-radius: 0px;
    border-radius: 30px 0 30px 0;
  }
}

.product_guide_wrap .product_guide_block .product_guide_talk {
  position: absolute;
  background: url("assets/images/index/guide_talk_bg.png") center center no-repeat;
  background-size: contain;
  width: 260px;
  height: 225px;
  left: -25px;
  top: -94px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.8;
  color: #1f3b6a;
  text-align: center;
  white-space: nowrap;
}

@media only screen and (max-width: 1366px) {
  .product_guide_wrap .product_guide_block .product_guide_talk {
    width: 174px;
    height: 150px;
    font-size: 11px;
    top: -60px;
  }
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_block .product_guide_talk {
    left: -18px;
    top: -95px;
  }
}

@media only screen and (max-width: 350px) {
  .product_guide_wrap .product_guide_block .product_guide_talk {
    font-size: 10px;
    width: 140px;
    height: 140px;
  }
}

.product_guide_wrap .product_guide_block .product_guide_talk span {
  position: absolute;
  left: 50%;
  top: calc(50% - 10px);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.product_guide_wrap .product_guide_inner {
  max-width: 985px;
  width: 100%;
  margin: 0 auto;
}

.product_guide_wrap .product_guide_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_list {
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_list {
    display: block;
    margin: 0 0 28px;
  }
}

.product_guide_wrap .product_guide_list .product_guide_item {
  width: calc(50% - 12px);
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_list .product_guide_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_list .product_guide_item {
    width: 100%;
  }
}

.product_guide_wrap .product_guide_list .product_guide_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: #fff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  height: 100%;
  padding: 16px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_list .product_guide_link {
    padding: 8px;
  }
}

.product_guide_wrap .product_guide_list .product_guide_link:hover {
  background: #2DB0E7;
}

.product_guide_wrap .product_guide_list .product_guide_link:hover .product_guide_pic_block .product_guide_pic {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.product_guide_wrap .product_guide_list .product_guide_link:hover .product_guide_main {
  color: #fff;
}

.product_guide_wrap .product_guide_list .product_guide_pic_block {
  position: relative;
  width: 132px;
  height: 88px;
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

@media only screen and (max-width: 1200px) {
  .product_guide_wrap .product_guide_list .product_guide_pic_block {
    width: 88px;
  }
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_list .product_guide_pic_block {
    width: 63px;
    height: 63px;
  }
}

.product_guide_wrap .product_guide_list .product_guide_pic_block .product_guide_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.product_guide_wrap .product_guide_list .product_guide_main {
  width: calc(100% - 148px);
  margin: 0 0 0 16px;
  color: #333;
}

@media only screen and (max-width: 1200px) {
  .product_guide_wrap .product_guide_list .product_guide_main {
    width: calc(100% - 104px);
  }
}

.product_guide_wrap .product_guide_list .product_guide_main .product_guide_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 4px;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_list .product_guide_main .product_guide_title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_list .product_guide_main .product_guide_title {
    -webkit-line-clamp: 1;
    margin: 0;
  }
}

.product_guide_wrap .product_guide_list .product_guide_main .product_guide_text {
  font-size: 12px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_list .product_guide_main .product_guide_text {
    font-size: 11px;
  }
}

.product_guide_wrap .product_guide_sublist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -16px;
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_sublist {
    display: block;
  }
}

.product_guide_wrap .product_guide_sublist .product_guide_subitem {
  margin: 0 0 16px;
  width: calc(50% - 12px);
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_sublist .product_guide_subitem {
    width: calc(50% - 8px);
  }
}

@media only screen and (max-width: 640px) {
  .product_guide_wrap .product_guide_sublist .product_guide_subitem {
    width: 100%;
  }
}

.product_guide_wrap .product_guide_sublist .product_guide_sublink {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_sublist .product_guide_sublink {
    padding: 8px 32px 8px 8px;
    background-position: right 8px center;
  }
}

.product_guide_wrap .product_guide_sublist .product_guide_sublink:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #2DB0E7;
  background-size: 16px;
}

.product_guide_wrap .product_guide_sublist .product_guide_sublink:hover .product_guide_text {
  color: #fff;
}

.product_guide_wrap .product_guide_sublist .product_guide_icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px #333 solid;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 16px 0 0;
}

.product_guide_wrap .product_guide_sublist .product_guide_icon .product_guide_icon_img {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.product_guide_wrap .product_guide_sublist .product_guide_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .product_guide_wrap .product_guide_sublist .product_guide_text {
    width: calc(100% - 40px);
  }
}

.product-all_type_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .product-all_type_wrap {
    margin: 0 0 80px;
  }
}

.product-all_type_wrap.mb0 {
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .product-all_type_wrap .common_related_title {
    margin: 0 0 40px;
  }
}

.product-all_type_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .product-all_type_list {
    display: block;
    padding: 0 16px;
  }
}

.product-all_type_list .product-all_type_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 1200px) {
  .product-all_type_list .product-all_type_item {
    width: calc((100% - 24px) / 3);
    margin: 0 12px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .product-all_type_list .product-all_type_item {
    width: 100%;
    margin: 0 0 16px;
  }
}

.product-all_type_list .product-all_type_item:last-of-type {
  margin: 0;
}

.product-all_type_list .product-all_type_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 93px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .product-all_type_list .product-all_type_link {
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px) {
  .product-all_type_list .product-all_type_link {
    height: 70px;
  }
}

.product-all_type_list .product-all_type_link:hover:after {
  opacity: 1;
}

.product-all_type_list .product-all_type_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%);
}

.product-all_type_list .product-all_type_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%);
}

.product-all_type_list .product-all_type_link .product-all_type_text {
  max-width: calc(100% - 24px);
  position: relative;
  z-index: 2;
  padding: 0 26px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 0 center no-repeat;
  background-size: 16px;
}

@media only screen and (max-width: 768px) {
  .product-all_type_list .product-all_type_link .product-all_type_text {
    width: 100%;
    padding: 0 32px;
    background-position: right 16px center;
  }
}

@media only screen and (max-width: 960px) {
  .product-all_others_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

/* category */
.product-category_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .product-category_wrap {
    margin: 0 0 80px;
  }
}

.product-category_wrap .product-category_block {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .product-category_wrap .product-category_block {
    margin: 0 0 80px;
  }
}

.product-category_wrap .product-category_block:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .product-category_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.product-category_column_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .product-category_column_wrap {
    margin: 0 0 80px;
  }
}

@media only screen and (max-width: 640px) {
  .product-category_others_wrap .common_related_title {
    margin: 0 0 40px;
  }
}

.product-category_others_wrap .product-category_others_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -40px;
}

@media only screen and (max-width: 1200px) {
  .product-category_others_wrap .product-category_others_list {
    margin: 0 0 -24px;
  }
}

@media only screen and (max-width: 640px) {
  .product-category_others_wrap .product-category_others_list {
    display: block;
    margin: 0;
  }
}

.product-category_others_wrap .product-category_others_list .product-category_others_item {
  width: calc(50% - 24px);
  margin: 0 0 40px;
}

@media only screen and (max-width: 1200px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_item {
    width: 100%;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_item:last-of-type {
    margin: 0;
  }
}

.product-category_others_wrap .product-category_others_list .product-category_others_link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 32px;
}

@media only screen and (max-width: 960px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_link {
    min-height: 70px;
    padding: 16px 16px 16px 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}

.product-category_others_wrap .product-category_others_list .product-category_others_link:hover:before {
  -moz-animation: pthover 0.3s ease forwards;
  -webkit-animation: pthover 0.3s ease forwards;
  animation: pthover 0.3s ease forwards;
}

.product-category_others_wrap .product-category_others_list .product-category_others_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.product-category_others_wrap .product-category_others_list .product-category_others_main {
  position: relative;
  padding: 0 26px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right center no-repeat;
  background-size: 16px;
  width: 100%;
}

.product-category_others_wrap .product-category_others_list .product-category_others_text {
  font-size: 20px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_text {
    font-size: 13px;
  }
}

/* result */
.product-result_text {
  font-size: 32px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .product-result_text {
    font-size: 24px;
    margin: 0 0 24px;
  }
}

.product-result_text span {
  color: #1f3b6a;
  margin: 0 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .product-result_text span {
    margin: 0 0 0 8px;
  }
}

/* middle */
.product_talk_wrap {
  margin: 40px 0 0;
  background: #F8CFC2;
  /*padding: 80px 32px 0;*/
  padding: 10px 32px 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 1200px) {
  .product_talk_wrap {
    /*padding: 80px 16px 0;*/
    padding: 10px 16px 0;
  }
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap {
    margin: 80px 0 0;
    padding: 40px 16px 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

.product_talk_wrap .common_related_title {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .common_related_title {
    text-align: center;
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .common_related_title small {
    margin: 0 0 4px;
  }
}

.product_talk_wrap .product_talk_block {
  max-height: 545px;
  padding: 0 0 80px;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.product_talk_wrap .product_talk_block::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .product_talk_block {
    max-height: 400px;
    padding: 0 0 40px;
  }
}

.product_talk_wrap .product_talk_box {
  margin: 0 0 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.product_talk_wrap .product_talk_box:last-of-type {
  margin: 0;
}

.product_talk_wrap .product_talk_box.staff .product_talk_sub {
  margin: 0 30px 0 0;
}

.product_talk_wrap .product_talk_box.staff .product_talk_main {
  background: #F9ECEF;
}

.product_talk_wrap .product_talk_box.staff .product_talk_main:before {
  left: -15px;
  border-right: 15px solid #F9ECEF;
}

.product_talk_wrap .product_talk_box.user {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.product_talk_wrap .product_talk_box.user .product_talk_sub {
  margin: 0 0 0 30px;
}

.product_talk_wrap .product_talk_box.user .product_talk_main {
  background: #fff;
}

.product_talk_wrap .product_talk_box.user .product_talk_main:before {
  right: -15px;
  border-left: 15px solid #fff;
}

.product_talk_wrap .product_talk_sub {
  display: block;
  width: 80px;
  min-width: 80px;
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .product_talk_sub {
    width: 64px;
    min-width: 64px;
  }
}

.product_talk_wrap .product_talk_sub .product_talk_icon {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px #c6c6c6 solid;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 4px;
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .product_talk_sub .product_talk_icon {
    width: 64px;
    height: 64px;
  }
}

.product_talk_wrap .product_talk_sub .product_talk_name {
  font-size: 13px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .product_talk_sub .product_talk_name {
    font-size: 12px;
  }
}

.product_talk_wrap .product_talk_main {
  padding: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  min-height: 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 960px) {
  .product_talk_wrap .product_talk_main {
    font-size: 14px;
    min-height: 64px;
  }
}

.product_talk_wrap .product_talk_main:before {
  content: "";
  position: absolute;
  top: 16px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.product_talk_wrap .product_talk_main .product_talk_text {
  font-size: 16px;
  color: black;
  line-height: 1.8;
  font-weight: 500;
}

.product_talk_wrap .product_talk_main .product_talk_text a {
  color: #1f3b6a;
  text-decoration: underline;
}

.product_talk_wrap .product_talk_main .product_talk_text big {
  font-size: larger;
}

.product_talk_wrap .product_talk_main .product_talk_text small {
  font-size: smaller;
}

.product_talk_wrap .product_talk_main .product_talk_text i,
.product_talk_wrap .product_talk_main .product_talk_text dfn,
.product_talk_wrap .product_talk_main .product_talk_text em {
  font-style: italic;
}

.product_talk_wrap .product_talk_main .product_talk_text strong,
.product_talk_wrap .product_talk_main .product_talk_text b {
  font-weight: 700;
}

.product_talk_wrap .product_talk_main .product_talk_text ins {
  text-decoration: underline;
}

.product_talk_wrap .product_talk_main .product_talk_text sup {
  vertical-align: super;
  font-size: smaller;
}

.poduct-middle_others_wrap {
  /*margin: 160px 0 0;*/
}

@media only screen and (max-width: 960px) {
  .poduct-middle_others_wrap {
    margin: 80px 0 0;
  }
}

/* detail */
.product-d_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .product-d_wrap {
    margin: 0 0 64px;
  }
}

.product-d_block {
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .product-d_block {
    margin: 40px 0 0;
  }
}

.product-d_block:last-of-type {
  margin: 80px 0;
}

@media only screen and (max-width: 960px) {
  .product-d_block:last-of-type {
    margin: 40px 0 64px;
  }
}

.product-d_block .product-d_title {
  padding: 0 0 0 16px;
  border-left: 6px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.8;
  color: #333;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_title {
    font-size: 20px;
  }
}

.product-d_block .product-d_table {
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  border: 1px #c6c6c6 solid;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_table {
    font-size: 12px;
    line-height: 1.5;
  }
}

.product-d_block .product-d_table .product-d_table_title {
  border: 1px #c6c6c6 solid;
  padding: 12px;
  width: 264px;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_table .product-d_table_title {
    width: 116px;
  }
}

.product-d_block .product-d_table .product-d_table_info {
  border: 1px #c6c6c6 solid;
  padding: 12px;
}

.product-d_block .product-d_table .product-d_table_info a {
  color: #1f3b6a;
  text-decoration: underline;
}

.product-d_block .product-d_table thead {
  color: #fff;
}

.product-d_block .product-d_table thead .product-d_table_title {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_table thead .product-d_table_title {
    font-weight: 400;
  }
}

.product-d_block .product-d_table thead .product-d_table_info {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_table thead .product-d_table_info {
    font-weight: 400;
  }
}

.product-d_block .product-d_table tbody {
  color: #333;
}

.product-d_block .product-d_table tbody tr {
  background: #fff;
}

.product-d_block .product-d_table tbody tr:nth-of-type(even) {
  background: #efefef;
}

.product-d_block .product-d_download_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -24px;
}

@media only screen and (max-width: 1200px) {
  .product-d_block .product-d_download_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 -12px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_block .product-d_download_list {
    margin: 0;
    padding: 0 16px;
  }
}

.product-d_block .product-d_download_list .product-d_download_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}

@media only screen and (max-width: 1200px) {
  .product-d_block .product-d_download_list .product-d_download_item {
    width: calc(50% - 4px);
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_block .product-d_download_list .product-d_download_item {
    width: 100%;
    margin: 0 0 8px;
  }
}

.product-d_block .product-d_download_list .product-d_download_item:nth-of-type(3n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 1200px) {
  .product-d_block .product-d_download_list .product-d_download_item:nth-of-type(3n) {
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_block .product-d_download_list .product-d_download_item:nth-of-type(3n) {
    margin: 0 0 8px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_block .product-d_download_list .product-d_download_item:last-of-type {
    margin: 0;
  }
}

.product-d_block .product-d_download_list .product-d_download_link {
  display: block;
  width: 100%;
  border: 1px black solid;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  padding: 8px 40px 8px 16px;
  background: url("assets/images/common/arrow_black-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_download_list .product-d_download_link {
    font-size: 14px;
  }
}

.product-d_block .product-d_download_list .product-d_download_link:hover {
  color: #fff;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #333;
  background-size: 16px;
}

.product-d_block .product-d_sample_slider {
  margin: -24px 0 0;
}

.product-d_block .product-d_sample_slider .product-d_sample_list {
  margin: 0 -12px;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_list {
    margin: 0;
  }
}

.product-d_block .product-d_sample_slider .product-d_sample_list .product-d_sample_item {
  padding: 24px 12px;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_list .product-d_sample_item {
    padding: 24px 4px;
  }
}

.product-d_block .product-d_sample_slider .product-d_sample_link {
  display: block;
  background: #fff;
  padding: 32px;
  width: 304px;
  min-height: 304px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_link {
    width: 164px;
    min-height: 164px;
    padding: 24px 8px;
  }
}

.product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_pic {
  display: block;
  width: 174px;
  height: 174px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_pic {
    width: 80px;
    height: 80px;
  }
}

.product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_name {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_name {
    font-size: 14px;
  }
}

.product-d_block .product-d_sample_slider .product-d_btnarea_block {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.product-d_block .product-d_sample_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 24px 0 0;
}

@media only screen and (max-width: 960px) {
  .product-d_block .product-d_sample_text {
    font-size: 14px;
  }
}

.product-d_cart_btn {
  display: block;
  width: 100%;
  max-width: 423px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  position: relative;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  padding: 16px;
  margin: 80px auto 0;
}

@media only screen and (max-width: 960px) {
  .product-d_cart_btn {
    font-size: 14px;
    margin: 64px auto 0;
    max-width: 343px;
    width: calc(100% - 32px);
    text-align: center;
    padding: 12px 10px 12px 48px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_cart_btn {
    padding: 12px 10px 12px 40px;
  }
}

.product-d_cart_btn span {
  display: inline-block;
  vertical-align: middle;
}

.product-d_cart_btn small {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 16px 0 0;
  background: #fff;
}

@media only screen and (max-width: 960px) {
  .product-d_cart_btn small {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

.product-d_cart_btn small img {
  display: block;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .product-d_cart_btn small img {
    width: 24px;
  }
}

.product-d_others_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -48px;
}

@media only screen and (max-width: 1366px) {
  .product-d_others_list {
    margin: 0 0 -24px;
  }
}

@media only screen and (max-width: 960px) {
  .product-d_others_list {
    margin: 0 0 -16px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_others_list {
    display: block;
    margin: 0;
  }
}

.product-d_others_list .product-d_others_item {
  width: calc(50% - 24px);
  margin: 0 0 24px;
}

@media only screen and (max-width: 1366px) {
  .product-d_others_list .product-d_others_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 960px) {
  .product-d_others_list .product-d_others_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_others_list .product-d_others_item {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_others_list .product-d_others_item:last-of-type {
    margin: 0;
  }
}

.product-d_others_list .product-d_others_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 24px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 56px 8px 8px;
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1200px) {
  .product-d_others_list .product-d_others_link {
    font-size: 16px;
  }
}

@media only screen and (max-width: 960px) {
  .product-d_others_list .product-d_others_link {
    font-size: 13px;
    padding: 8px 40px 8px 8px;
    background-position: right 16px center;
  }
}

.product-d_others_list .product-d_others_link:hover {
  color: #fff;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 24px center no-repeat #2DB0E7;
  background-size: 16px;
}

@media only screen and (max-width: 960px) {
  .product-d_others_list .product-d_others_link:hover {
    background-position: right 16px center;
  }
}

.product-d_others_list .product-d_others_link .product-d_others_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

.product-d_others_list .product-d_others_link .product-d_others_icon {
  display: block;
  width: 56px;
  min-width: 56px;
  height: 56px;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px black solid;
  position: relative;
  margin: 0 16px 0 0;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .product-d_others_list .product-d_others_link .product-d_others_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    overflow: hidden;
  }
}

.product-d_others_list .product-d_others_link .product-d_others_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90%;
  height: 90%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px !important;
}

/*=================

    column.scss

=======================*/
.common_column_list {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 1200px) {
  .common_column_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 640px) {
  .common_column_list {
    display: block;
  }
}

.common_column_list .common_column_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 1200px) {
  .common_column_list .common_column_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .common_column_list .common_column_item {
    width: 100%;
  }
}

.common_column_list .common_column_item:last-of-type {
  margin: 0;
}

.column_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -24px;
}

@media only screen and (max-width: 1200px) {
  .column_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 640px) {
  .column_list {
    display: block;
  }
}

.column_list .column_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 80px 0;
}

@media only screen and (max-width: 1200px) {
  .column_list .column_item {
    width: calc(50% - 12px);
    margin: 0 0 80px;
  }
}

@media only screen and (max-width: 640px) {
  .column_list .column_item {
    width: 100%;
    margin: 0 0 24px;
  }
}

.column_list .column_item:nth-of-type(3n) {
  margin: 0 0 80px;
}

@media only screen and (max-width: 640px) {
  .column_list .column_item:nth-of-type(3n) {
    margin: 0;
  }
}

.column_link {
  position: relative;
  display: block;
  width: 100%;
}

.column_link:hover .column_pic_block:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
}

.column_link:hover .column_pic {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.column_link .pickup_label {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  left: -12px;
  z-index: 5;
  /*
  		white-space: nowrap;
  		display: block;
  		width: 40px;
  		height: 40px;
  		background: $main;
  		@include border-radius(50%);
  		font-size: 12px;
  		line-height: 1;
  		color: $white;
  		text-align: center;
  		font-weight: 700;
  		@extend .fe;
  		position: absolute;
  		top: -12px;
  		left: -12px;
  		z-index: 5;
  		small{
  			position: absolute;
  			left:50%;
  			top:50%;
  			@include transform(translateX(-50%) translateY(-50%));
  		}
  */
}

.column_link .column_pic_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 202px;
  margin: 0 0 8px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.column_link .column_pic_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUyLjA4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc4LjEyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.column_link .column_pic {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.column_link .column_title {
  width: calc(100% - 40px);
  font-size: 18px;
  color: #fff;
  line-height: 1.8;
  font-weight: 700;
  position: absolute;
  bottom: 18px;
  left: 50%;
  z-index: 3;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.column_link .column_title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.column_link .column_main {
  padding: 0 8px;
}

.column_link .column_label_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.column_link .column_label_list .column_label_item {
  margin: 0 8px 8px 0;
}

.column_link .column_label {
  display: inline-block;
  padding: 1.5px 16px;
  font-size: 10px;
  line-height: 1.5;
  color: #8A8A8A;
  border: 1px #8A8A8A solid;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.column_link .column_text {
  font-size: 12px;
  line-height: 1.8;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.column_wrap {
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .column_wrap {
    margin: 64px 0 0;
  }
}

.column_wrap .editor_wrap a {
  text-decoration: none;
}

.column_key_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

.column_key_list .column_key_item {
  margin: 0 6px 8px 0;
}

.column_key_list .column_key_link {
  font-size: 13px;
  line-height: 1.5;
  color: #888888;
  font-weight: 700;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.column_key_list .column_key_link:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

.column_key_list .column_key_link:before {
  content: "#";
  margin: 0 2px 0 0;
}

.column_key_list .column_key_link span {
  text-decoration: underline;
}

.column_tag_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 8px;
}

.column_tag_list .column_tag_item {
  margin: 8px 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .column_tag_list .column_tag_item {
    margin: 4px 8px 0 0;
  }
}

.column_tag_list .column_tag_link {
  font-size: 11px;
  line-height: 1.5;
  color: #818181;
  font-weight: 500;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.column_tag_list .column_tag_link:hover {
  color: #1f3b6a;
  text-decoration: underline;
}

.column_tag_list .column_tag_link:before {
  content: "#";
  margin: 0 2px 0 0;
}

.column_tag_list .column_tag_link span {
  text-decoration: underline;
}

/*=================

    service.scss

=======================*/
/* layout */
.service_layout_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .service_layout_wrap {
    padding: 0 0 64px;
  }
}

@media only screen and (max-width: 768px) {
  .service_layout_wrap {
    display: block;
  }
}

.service_layout_wrap.water-category {
  padding: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service_layout_wrap.water-category {
    padding: 0 0 24px;
  }
}

.service_layout_wrap .service_layout_main {
  width: calc(100% - 320px);
}

@media only screen and (max-width: 1200px) {
  .service_layout_wrap .service_layout_main {
    width: calc(100% - 264px);
  }
}

@media only screen and (max-width: 960px) {
  .service_layout_wrap .service_layout_main {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .service_layout_wrap .service_layout_main {
    width: 100%;
  }
}

.service_layout_wrap .service_layout_aside {
  position: relative;
  width: 240px;
}

@media only screen and (max-width: 768px) {
  .service_layout_wrap .service_layout_aside {
    display: none;
  }
}

.service_aside_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 154px;
}

@media only screen and (max-width: 960px) {
  .service_aside_sticky {
    top: 116px;
  }
}

@media only screen and (max-width: 768px) {
  .service_aside_sticky {
    position: relative;
    top: inherit;
  }
}

.service_aside_block {
  margin: 0 0 80px;
}

@media only screen and (max-width: 768px) {
  .service_aside_block {
    margin: 0 0 32px;
  }
}

.service_aside_block:last-of-type {
  margin: 0;
}

.service_aside_block .service_aside_title {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #c3c3c3;
  line-height: 41px;
  margin: 0 0 16px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 960px) {
  .service_aside_block .service_aside_title {
    font-size: 13px;
    line-height: 39px;
  }
}

.service_aside_block .service_aside_main {
  width: 100%;
}

.service_aside_list .service_aside_btn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px #c6c6c6 solid;
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px;
  cursor: pointer;
  /*
  		&:hover{
  			a{
  				color: $sub;
  				text-decoration: underline;
  			}
  		}
  */
}

.service_aside_list .service_aside_btn.active small img {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.service_aside_list .service_aside_btn a {
  color: #333;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service_aside_list .service_aside_btn a:hover {
  color: #2DB0E7;
  text-decoration: underline;
}

.service_aside_list .service_aside_btn small {
  display: block;
  width: 16px;
  min-width: 16px;
  text-align: right;
}

.service_aside_list .service_aside_btn small img {
  display: inline-block;
  width: 8px;
}

.service_aside_list .service_aside_sublist {
  display: none;
}

.service_aside_list .service_aside_sublist .service_aside_subitem {
  border-bottom: .5px #c6c6c6 solid;
}

.service_aside_list .service_aside_sublist .service_aside_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px 24px 8px 8px;
  background: url("assets/images/common/arrow_blue-right_icon.svg") right 8px center no-repeat;
  background-size: 10px;
}

.service_aside_list .service_aside_sublist .service_aside_link:hover small {
  color: #2DB0E7;
  text-decoration: underline;
}

.service_aside_list .service_aside_sublist .service_aside_link:hover span:before {
  opacity: 1;
}

.service_aside_list .service_aside_sublist .service_aside_link small {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service_aside_list .service_aside_sublist .service_aside_link span {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1px black solid;
  margin: 0 4px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.service_aside_list .service_aside_sublist .service_aside_link span:before {
  content: "";
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.service_aside_color_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.service_aside_color_list .service_aside_color_item {
  width: calc((100% - 20px) / 6);
  margin: 0 4px 4px 0;
}

.service_aside_color_list .service_aside_color_item:nth-of-type(6n) {
  margin: 0 0 4px;
}

.service_aside_color_list .service_aside_color_link {
  display: block;
  width: 100%;
  padding-top: 100%;
}

.service-all_related_wrap .service-all_related_block {
  margin: 0 0 80px;
}

.service-all_related_wrap .service-all_related_block:last-of-type {
  margin: 0;
}

.service-all_related_wrap .column_tag_list .column_tag_link:hover {
  color: #2DB0E7;
}

.service_fix_btn {
  display: block;
  width: 100%;
  height: 55px;
  background: url("assets/images/common/open_arrow_icon.svg") right 32px center no-repeat #2DB0E7;
  background-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}

/* OEM */
.service01_mv_wrap {
  padding: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap {
    padding: 0 16px 80px;
  }
}

.service01_mv_wrap .common_top_title01 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .common_top_title01 {
    margin: 0 0 24px;
    padding: 0;
  }
}

.service01_mv_wrap .common_top_title04 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .common_top_title04 {
    margin: 0 0 24px;
    padding: 0;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_item {
    display: block;
    margin: 0 0 24px;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_item:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.service01_mv_wrap .service01_feature_list .service01_feature_item:nth-of-type(even) .service01_feature_pic {
  -moz-border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0;
  border-radius: 0 30px 30px 0;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_item:nth-of-type(even) .service01_feature_pic {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_item:last-of-type {
  margin: 0;
}

.service01_mv_wrap .service01_feature_list .service01_feature_main {
  width: calc(50% - 60px);
  padding: 0 80px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_main {
    width: 100%;
    padding: 0;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 900;
  color: #333;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_title span {
  color: #1f3b6a;
}

.service01_mv_wrap .service01_feature_list .service01_feature_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #1f3b6a;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_title small {
    font-size: 16px;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_text {
    font-size: 14px;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_sub {
  width: calc(50% + 60px);
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_sub {
    display: none;
  }
}

.service01_mv_wrap .service01_feature_list .service01_feature_pic {
  width: 100%;
  height: 390px;
  -moz-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 0px;
  border-radius: 30px 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_pic {
    height: inherit;
    padding-top: 50%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 0 0 16px;
  }
}

.service01_category_wrap {
  position: relative;
  background: #eaeaea;
  /*
  background: url($get_img+"service/oem/bg01.png") center center no-repeat #eaeaea;
  	background-size: 100%;
  */
  width: calc(100% - 80px);
  margin: 0 0 160px 80px;
  padding: 80px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 100px;
  border-radius: 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  /*
  @media only screen and (max-width:640px){
  		background: url($get_img+"service/oem/bg01_sp.png") center center no-repeat #eaeaea;
  		background-size: 100%;
  	}
  */
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    padding: 40px 16px;
    margin: 0 0 80px;
  }
}

.service01_category_wrap .search_dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .search_dot01 {
    width: 15%;
  }
}

.service01_category_wrap .search_dot02 {
  display: block;
  position: absolute;
  top: 25%;
  left: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .search_dot02 {
    width: 15%;
  }
}

.service01_category_wrap .search_dot03 {
  display: block;
  position: absolute;
  top: 50%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .search_dot03 {
    width: 15%;
  }
}

.service01_category_wrap .search_dot04 {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 50%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .search_dot04 {
    width: 15%;
  }
}

.service01_category_wrap .service01_category_inner {
  position: relative;
  width: calc(100% - 170px);
}

@media only screen and (max-width: 1366px) {
  .service01_category_wrap .service01_category_inner {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .service01_category_inner {
    width: 100%;
  }
}

.service01_category_wrap .common_top_title01 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .common_top_title01 {
    margin: 0 0 40px;
  }
}

.service01_category_wrap .common_all-l_link {
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .common_all-l_link {
    margin: 0;
  }
}

.service01_category_wrap .service01_category_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -20px;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .service01_category_list {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .service01_category_wrap .service01_category_list {
    margin: 0 0 8px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.service01_category_wrap .service01_category_list .service01_category_item {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 20px 0;
}

@media only screen and (max-width: 768px) {
  .service01_category_wrap .service01_category_list .service01_category_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

.service01_category_wrap .service01_category_list .service01_category_item:nth-of-type(4n) {
  margin: 0 0 20px;
}

@media only screen and (max-width: 768px) {
  .service01_category_wrap .service01_category_list .service01_category_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}

.service01_category_wrap .service01_category_list .service01_category_link {
  display: block;
  width: 100%;
  padding-top: 100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  overflow: hidden;
}

.service01_category_wrap .service01_category_list .service01_category_link:hover .service01_category_pic {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
  transform: translateX(-50%) translateY(-50%) scale(1.15);
}

.service01_category_wrap .service01_category_list .service01_category_link:hover:after {
  opacity: 1;
}

.service01_category_wrap .service01_category_list .service01_category_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service01_category_wrap .service01_category_list .service01_category_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
}

.service01_category_wrap .service01_category_list .service01_category_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}

.service01_category_wrap .service01_category_list .service01_category_box {
  width: calc(100% - 32px);
  position: absolute;
  bottom: 24px;
  left: 50%;
  z-index: 1;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  line-height: 1.8;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .service01_category_list .service01_category_box {
    bottom: inherit;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0 0 24px;
    background: url("assets/images/common/arrow_white-right_icon.svg") center bottom 0 no-repeat;
    background-size: 20px;
  }
}

.service01_category_wrap .service01_category_list .service01_category_box .service01_category_title {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin: 0 0 8px;
  padding: 0 28px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right top 4px no-repeat;
  background-size: 20px;
}

.service01_category_wrap .service01_category_list .service01_category_box .service01_category_title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .service01_category_list .service01_category_box .service01_category_title {
    font-size: 12px;
    padding: 0;
    background: none;
  }
}

.service01_category_wrap .service01_category_list .service01_category_box .service01_category_text {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .service01_category_wrap .service01_category_list .service01_category_box .service01_category_text {
    font-size: 11px;
  }
}

.service01_product_wrap {
  margin: 0 0 80px;
}

.service01_product_type01_wrap {
  position: relative;
  background: #e5e5e5;
  padding: 80px 16px;
}

@media only screen and (max-width: 960px) {
  .service01_product_type01_wrap {
    padding: 40px 0;
  }
}

.service01_product_type01_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/index/item_bg.png") center center no-repeat;
  background-size: cover;
  opacity: .2;
  position: absolute;
  top: 0;
  left: 0;
}

.service01_product_type01_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/service/oem/bg02.png") center top no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .service01_product_type01_wrap:after {
    background: url("assets/images/service/oem/bg02_sp.png") center top no-repeat;
    background-size: 100%;
  }
}

.service01_product_type01_wrap .common_top_title01 {
  margin: 0 0 96px;
}

@media only screen and (max-width: 960px) {
  .service01_product_type01_wrap .common_top_title01 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}

.service01_product_type01_wrap .common_top_title04 {
  margin: 0 0 96px;
}

@media only screen and (max-width: 960px) {
  .service01_product_type01_wrap .common_top_title04 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}

.service01_product_type02_wrap {
  position: relative;
  padding: 80px 16px;
}

@media only screen and (max-width: 960px) {
  .service01_product_type02_wrap {
    padding: 40px 0;
  }
}

.service01_product_type02_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/service/oem/bg03.png") center top no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .service01_product_type02_wrap:after {
    background: url("assets/images/service/oem/bg03_sp.png") center top no-repeat;
    background-size: 100%;
  }
}

.service01_product_type02_wrap .common_top_title01 {
  margin: 0 0 96px;
}

@media only screen and (max-width: 960px) {
  .service01_product_type02_wrap .common_top_title01 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}

.service01_product_type02_wrap .common_top_title04 {
  margin: 0 0 96px;
}

@media only screen and (max-width: 960px) {
  .service01_product_type02_wrap .common_top_title04 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}

.service01_product_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -56px;
}

.service01_product_list .service01_product_item {
  width: calc((100% - 96px) / 5);
  margin: 0 24px 56px 0;
}

.service01_product_list .service01_product_item:nth-of-type(5n) {
  margin: 0 0 56px;
}

.service01_product_slider_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  padding: 40px 0;
}

.service01_product_slider_list .slick-slide {
  height: inherit !important;
}

.service01_product_slider_list .slick-slide>div {
  height: 100%;
}

.service01_product_slider_list .service01_product_item {
  padding: 0 8px;
}

.servie01_product_slider_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 0 16px;
}

.service01_voice_wrap {
  padding: 160px 0 80px;
  overflow: hidden;
  position: relative;
  /*
  &:before{
  		content: "";
  		display: block;
  		width: 1374px;
  		height: 1374px;
  		@include border-radius(50%);
  		background: #f2f2f2;
  		position: absolute;
  		right: -327px;
  		top:-551px;
  		@media only screen and (max-width:960px){
  			width: 667px;
  			height: 667px;
  			top:-122px;
  			right: -363px;
  		}
  	}
  */
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap {
    padding: 80px 0 64px;
  }
}

.service01_voice_wrap.about {
  padding: 160px 0 40px;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap.about {
    padding: 80px 0 64px;
  }
}

.service01_voice_wrap .circle {
  position: absolute;
  right: -327px;
  top: -551px;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .circle {
    top: -122px;
    right: -363px;
  }
}

.service01_voice_wrap .service01_voice_head {
  padding: 0 16px;
}

.service01_voice_wrap .service01_voice_head .common_top_title04 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .service01_voice_head .common_top_title04 {
    margin: 0 0 24px;
  }
}

.service01_voice_wrap .service01_voice_head .service01_voice_info {
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_info {
    display: block;
  }
}

.service01_voice_wrap .service01_voice_head .service01_voice_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  max-width: 342px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_text {
    position: relative;
    left: inherit;
    top: inherit;
  }
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_text {
    max-width: inherit;
    margin: 0 0 24px;
    font-size: 13px;
  }
}

.service01_voice_wrap .service01_voice_head .align_right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.service01_voice_wrap .service01_voice_slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .service01_voice_slider {
    padding: 0 0 20px;
  }
}

.service01_voice_wrap .service01_voice_slider .service01_voice_slider_inner {
  position: relative;
  left: calc(50% - 298px);
  padding: 0 0 0 40px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .service01_voice_slider .service01_voice_slider_inner {
    left: 0;
  }
}

.service01_voice_wrap .voice_list {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0;
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_head {
  background: #F7AC00;
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_link {
    margin: 0;
  }
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_head {
  background: #23B195;
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_link {
  margin: 120px 0 0;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_link {
    margin: 0;
  }
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+3) .voice_head {
  background: #DA5B66;
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_head {
  background: #2DB0E7;
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_link {
    margin: 0;
  }
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_head {
  background: #FED504;
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_link {
  margin: 120px 0 0;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_link {
    margin: 0;
  }
}

.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n) .voice_head {
  background: #84C67A;
}

.service01_voice_wrap .voice_list .slick-list {
  overflow: visible;
}

.service01_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}

.service01_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}

.service01_voice_wrap .voice_list .voice_item {
  padding: 40px 12px;
  margin: 0;
  width: 450px !important;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .voice_list .voice_item {
    width: 311px !important;
  }
}

@media only screen and (max-width: 350px) {
  .service01_voice_wrap .voice_list .voice_item {
    width: 280px !important;
  }
}

.service01_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}

.service01_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .service01_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}

.service01_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}

.service01_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}

.service01_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}

@media only screen and (max-width: 1200px) {
  .service01_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .service01_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}

.service01_voice_wrap .slider_btnarea {
  position: absolute;
  left: calc(50% - 640px + 186px);
  bottom: 90px;
}

@media only screen and (max-width: 960px) {
  .service01_voice_wrap .slider_btnarea {
    bottom: 0;
    left: 16px;
  }
}

/* Material & Fabricated Piece */
.service02_wrap {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service02_wrap {
    margin: 0 0 64px;
  }
}

.service03_wrap {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service03_wrap {
    margin: 0;
  }
}

.service_work_wrap {
  margin: 0 0 80px;
}

.service_work_wrap .common_top_title04 {
  padding: 0 0 0 80px;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service_work_wrap .common_top_title04 {
    padding: 0 16px;
    margin: 0 0 40px;
  }
}

.service_work_wrap .common_top_title04.water {
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .service_work_wrap .common_top_title04.water {
    margin: 0 0 16px;
  }
}

.service_work_wrap .service_work_main_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .service_work_wrap .service_work_main_text {
    padding: 0 16px;
    font-size: 14px;
    margin: 0 0 40px;
  }
}

.service_work_block .service_work_box {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_work_box {
    display: block;
  }
}

.service_work_block .service_work_box:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.service_work_block .service_work_box:nth-of-type(even) .service_wrok_main {
  padding: 40px 80px 40px 40px;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_work_box:nth-of-type(even) .service_wrok_main {
    padding: 40px 16px;
  }
}

.service_work_block .service_work_box.bg01 {
  background: #F7AC00;
}

.service_work_block .service_work_box.bg01 .service_work_btn:hover small {
  background: #F7AC00;
}

.service_work_block .service_work_box.bg02 {
  background: #F35360;
}

.service_work_block .service_work_box.bg02 .service_work_btn:hover small {
  background: #F35360;
}

.service_work_block .service_work_box.bg03 {
  background: #2DB0E7;
}

.service_work_block .service_work_box.bg03 .service_work_btn:hover small {
  background: #2DB0E7;
}

.service_work_block .service_work_box.bg04 {
  background: #23B195;
}

.service_work_block .service_work_box.bg04 .service_work_btn:hover small {
  background: #23B195;
}

.service_work_block .service_wrok_main {
  width: 50%;
  padding: 40px 40px 40px 80px;
  color: #fff;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_wrok_main {
    width: 100%;
    padding: 40px 16px;
  }
}

.service_work_block .service_wrok_main .service_work_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 900;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_wrok_main .service_work_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}

.service_work_block .service_wrok_main .service_work_title span {
  display: block;
  font-size: 18px;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_wrok_main .service_work_title span {
    font-size: 16px;
  }
}

.service_work_block .service_wrok_main .service_wrok_text {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_wrok_main .service_wrok_text {
    font-size: 14px;
  }
}

.service_work_block .service_wrok_main .align_right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.service_work_block .service_wrok_main .service_work_btn {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_wrok_main .service_work_btn {
    font-size: 13px;
  }
}

.service_work_block .service_wrok_main .service_work_btn:hover small img {
  filter: brightness(0) invert(1);
}

.service_work_block .service_wrok_main .service_work_btn span {
  display: inline-block;
  vertical-align: middle;
}

.service_work_block .service_wrok_main .service_work_btn small {
  margin: 0 0 0 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px #fff solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_wrok_main .service_work_btn small {
    width: 36px;
    height: 36px;
  }
}

.service_work_block .service_wrok_main .service_work_btn small img {
  width: 16px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.service_work_block .service_work_sub {
  width: 50%;
  min-height: 403px;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_work_sub {
    display: none;
  }
}

.service_work_block .service_work_pic {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 960px) {
  .service_work_block .service_work_pic {
    height: inherit;
    padding-top: 66.47%;
    margin: 0 auto 16px;
  }
}

.service_others_wrap {
  padding: 0 16px 80px;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap {
    padding: 0 16px 64px;
  }
}

.service_others_wrap .service_others_title {
  font-size: 28px;
  line-height: 1.8;
  text-align: center;
  color: #333;
  margin: 0 0 80px;
  font-weight: 900;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_title {
    font-size: 20px;
    margin: 0 0 24px;
  }
}

.service_others_wrap .service_others_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 500px) {
  .service_others_wrap .service_others_list {
    display: block;
  }
}

.service_others_wrap .service_others_list .service_others_item {
  width: calc((100% - 144px) / 4);
  margin: 0 48px 0 0;
}

@media only screen and (max-width: 1200px) {
  .service_others_wrap .service_others_list .service_others_item {
    width: calc((100% - 72px) / 4);
    margin: 0 24px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_list .service_others_item {
    width: calc(50% - 8px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 500px) {
  .service_others_wrap .service_others_list .service_others_item {
    width: 100%;
  }
}

.service_others_wrap .service_others_list .service_others_item:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_list .service_others_item:last-of-type {
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 500px) {
  .service_others_wrap .service_others_list .service_others_item:last-of-type {
    margin: 0;
  }
}

.service_others_wrap .service_others_list .service_others_pic {
  display: block;
  width: 100%;
  padding-top: 65.14%;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0 0 8px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_list .service_others_pic {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

.service_others_wrap .service_others_list .service_others_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2Mi42MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4MC44NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 62.61%, rgba(0, 0, 0, 0.35) 80.84%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 62.61%, rgba(0, 0, 0, 0.35) 80.84%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.61%, rgba(0, 0, 0, 0.35) 80.84%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.service_others_wrap .service_others_list .service_others_subtitle {
  width: calc(100% - 32px);
  position: absolute;
  bottom: 16px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_list .service_others_subtitle {
    font-size: 18px;
    bottom: 20px;
  }
}

.service_others_wrap .service_others_list .service_others_text {
  font-size: 16px;
  color: black;
  line-height: 1.8;
}

@media only screen and (max-width: 960px) {
  .service_others_wrap .service_others_list .service_others_text {
    font-size: 12px;
  }
}

/* Hydraulic Transfer */
.water_mv_wrap {
  position: relative;
  padding: 160px 16px;
  /*
  background: url($get_img+"service/hydraulic/bg01.png") center center no-repeat;
  	background-size: contain;
  */
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap {
    padding: 64px 16px 80px;
    /*
    background: url($get_img+"service/hydraulic/bg01_sp.png") center center no-repeat;
    		background-size: contain;
    */
  }
}

.water_mv_wrap .dot01 {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap .dot01 {
    width: 15%;
  }
}

.water_mv_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap .dot02 {
    width: 15%;
  }
}

.water_mv_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 20%;
  left: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap .dot03 {
    width: 15%;
  }
}

.water_mv_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: 10%;
  right: 10%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap .dot04 {
    width: 15%;
  }
}

.water_mv_wrap .water_mv_title {
  position: relative;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap .water_mv_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}

.water_mv_wrap .water_mv_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  max-width: 880px;
  width: 100%;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 960px) {
  .water_mv_wrap .water_mv_text {
    font-size: 14px;
    margin: 0 auto 24px;
  }
}

.water_mv_wrap .water_mv_pic {
  position: relative;
  display: block;
  width: 100%;
  max-width: 702px;
  margin: 0 auto;
}

.water_about_wrap {
  position: relative;
  background: #2DB0E7;
  padding: 40px 16px;
}

@media only screen and (max-width: 960px) {
  .water_about_wrap {
    padding: 40px 16px 56px;
  }
}

.water_about_wrap:after {
  content: "";
  display: block;
  border-right: 350px solid transparent;
  border-top: 76px solid #2DB0E7;
  border-left: 350px solid transparent;
  position: absolute;
  bottom: -76px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 960px) {
  .water_about_wrap:after {
    bottom: -38px;
    border-right: 120px solid transparent;
    border-top: 38px solid #2DB0E7;
    border-left: 120px solid transparent;
  }
}

.water_about_wrap .water_about_title {
  font-size: 40px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .water_about_wrap .water_about_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}

.water_about_wrap .water_about_title span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .water_about_wrap .water_about_title span {
    font-size: 16px;
  }
}

.water_about_wrap .water_about_pic {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 960px) {
  .water_about_wrap .water_about_pic {
    margin: 0 auto 16px;
  }
}

@media only screen and (max-width: 768px) {
  .water_about_wrap .water_about_pic {
    max-width: 400px;
  }
}

.water_about_wrap .water_about_subtitle {
  font-size: 28px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .water_about_wrap .water_about_subtitle {
    font-size: 20px;
    margin: 0 0 16px;
  }
}

.water_about_wrap .water_about_subtitle span {
  border-bottom: 2px #FFF400 solid;
}

.water_about_wrap .water_about_subtitle small {
  color: #FFF400;
}

.water_about_wrap .water_about_text {
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .water_about_wrap .water_about_text {
    font-size: 13px;
  }
}

.water_feature_wrap {
  padding: 160px 0;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap {
    padding: 120px 16px 80px;
  }
}

.water_feature_wrap .common_water_title01 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .common_water_title01 {
    margin: 0 0 24px;
    padding: 0;
  }
}

.water_feature_wrap .water_feature_list .water_feature_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_item {
    display: block;
  }
}

.water_feature_wrap .water_feature_list .water_feature_item:last-of-type {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_item:last-of-type {
    margin: 24px 0 0;
  }
}

.water_feature_wrap .water_feature_list .water_feature_item:last-of-type .water_feature_pic {
  -moz-border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0;
  border-radius: 0 30px 30px 0;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_item:last-of-type .water_feature_pic {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}

.water_feature_wrap .water_feature_list .water_feature_main {
  width: calc(50% - 60px);
  padding: 0 80px;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_main {
    width: 100%;
    padding: 0;
  }
}

.water_feature_wrap .water_feature_list .water_feature_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 900;
  color: #333;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}

.water_feature_wrap .water_feature_list .water_feature_title span {
  color: #2DB0E7;
}

.water_feature_wrap .water_feature_list .water_feature_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #2DB0E7;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_title small {
    font-size: 16px;
  }
}

.water_feature_wrap .water_feature_list .water_feature_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_text {
    font-size: 14px;
  }
}

.water_feature_wrap .water_feature_list .water_feature_sub {
  width: calc(50% + 60px);
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_sub {
    display: none;
  }
}

.water_feature_wrap .water_feature_list .water_feature_pic {
  width: 100%;
  height: 390px;
  -moz-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 0px;
  border-radius: 30px 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .water_feature_wrap .water_feature_list .water_feature_pic {
    height: inherit;
    padding-top: 50%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 0 0 16px;
  }
}

.water_reason_wrap {
  padding: 80px 16px;
  background: rgba(45, 176, 231, 0.2);
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .water_reason_wrap {
    padding: 40px 16px;
    margin: 0 0 80px;
  }
}

.water_reason_wrap .water_reason_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto -40px;
}

@media only screen and (max-width: 960px) {
  .water_reason_wrap .water_reason_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto -16px;
  }
}

.water_reason_wrap .water_reason_list .water_reason_item {
  width: calc((100% - 72px) / 4);
  margin: 0 24px 40px 0;
  background: #fff;
  padding: 24px 16px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 960px) {
  .water_reason_wrap .water_reason_list .water_reason_item {
    width: calc(50% - 12px);
    margin: 0 0 40px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .water_reason_wrap .water_reason_list .water_reason_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

.water_reason_wrap .water_reason_list .water_reason_item:nth-of-type(4n) {
  margin: 0 0 40px;
}

@media only screen and (max-width: 768px) {
  .water_reason_wrap .water_reason_list .water_reason_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}

.water_reason_wrap .water_reason_list .water_reason_title {
  font-size: 16px;
  line-height: 1.8;
  min-height: 46px;
  color: #333;
  text-align: center;
  font-weight: 700;
  margin: 0 0 8px;
}

@media only screen and (max-width: 768px) {
  .water_reason_wrap .water_reason_list .water_reason_title {
    font-size: 12px;
    min-height: 43px;
  }
}

.water_reason_wrap .water_reason_list .water_reason_pic {
  display: block;
  width: 120px;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 768px) {
  .water_reason_wrap .water_reason_list .water_reason_pic {
    width: 100px;
  }
}

.water_reason_wrap .water_reason_list .water_reason_text {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 768px) {
  .water_reason_wrap .water_reason_list .water_reason_text {
    font-size: 11px;
  }
}

.water_reason_wrap .water_reason_list .water_reason_text a {
  color: #2DB0E7;
  text-decoration: underline;
}

.water_flow_wrap {
  background: url("https://riyu.spread.fan/wp-content/uploads/2025/01/ハイブランド古着買取001.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 80px 16px;
}

.water_flow_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.water_flow_wrap .common_water_title01 {
  color: #fff;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .water_flow_wrap .common_water_title01 {
    text-align: center;
    margin: 0 0 32px;
  }
}

.water_flow_wrap .common_water_title01 small {
  color: #fff;
}

.water_flow_wrap .water_flow_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 936px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .water_flow_wrap .water_flow_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 24px;
  }
}

.water_flow_wrap .water_flow_list .water_flow_item {
  width: calc((100% - 192px) / 4);
  margin: 0 64px 40px 0;
}

@media only screen and (max-width: 960px) {
  .water_flow_wrap .water_flow_list .water_flow_item {
    width: calc((100% - 72px) / 4);
    margin: 0 24px 40px 0;
  }
}

@media only screen and (max-width: 640px) {
  .water_flow_wrap .water_flow_list .water_flow_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}

.water_flow_wrap .water_flow_list .water_flow_item:nth-of-type(4n) {
  margin: 0 0 40px;
}

@media only screen and (max-width: 640px) {
  .water_flow_wrap .water_flow_list .water_flow_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}

.water_flow_wrap .water_flow_list .water_flow_pic {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .water_flow_wrap .water_flow_list .water_flow_pic {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
}

.water_flow_wrap .water_flow_list .water_flow_pic .water_flow_num {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #1f3b6a;
  font-weight: 900;
  -moz-border-radius: 0 8px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0 8px 0 0;
}

.water_flow_wrap .water_flow_list .water_flow_text {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
}

@media only screen and (max-width: 960px) {
  .water_flow_wrap .water_flow_list .water_flow_text {
    font-size: 13px;
  }
}

.water_flow_wrap .water_flow_subtitle {
  display: inline-block;
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 0 10px;
  background: #FFF49F;
}

@media only screen and (max-width: 960px) {
  .water_flow_wrap .water_flow_subtitle {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .water_flow_wrap .water_flow_subtitle {
    padding: 0;
    background: none;
  }
}

@media only screen and (max-width: 640px) {
  .water_flow_wrap .water_flow_subtitle span {
    display: inline-block;
    padding: 0 10px;
    margin: 0 0 8px;
    background: #FFF49F;
  }
}

.water_flow_wrap .water_flow_subtext {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 960px) {
  .water_flow_wrap .water_flow_subtext {
    font-size: 13px;
  }
}

.water_design_wrap {
  padding: 160px 16px;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap {
    padding: 80px 16px;
  }
}

.water_design_wrap .common_water_title01 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .common_water_title01 {
    margin: 0 0 24px;
  }
}

.water_design_wrap .water_design_list {
  padding: 0 80px;
}

@media only screen and (max-width: 1200px) {
  .water_design_wrap .water_design_list {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list {
    padding: 0;
  }
}

.water_design_wrap .water_design_list .water_design_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list .water_design_item {
    display: block;
    margin: 0 0 40px;
  }
}

.water_design_wrap .water_design_list .water_design_item:nth-of-type(odd) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.water_design_wrap .water_design_list .water_design_item:last-of-type {
  margin: 0;
}

.water_design_wrap .water_design_list .water_design_main {
  width: 50%;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list .water_design_main {
    width: 100%;
  }
}

.water_design_wrap .water_design_list .align_right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.water_design_wrap .water_design_list .water_design_title {
  font-size: 32px;
  line-height: 1.8;
  color: #333;
  font-weight: 900;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list .water_design_title {
    font-size: 24px;
    margin: 0 0 24px;
  }
}

.water_design_wrap .water_design_list .common_all-bl_link {
  margin: 0 0 24px;
}

.water_design_wrap .water_design_list .water_design_text {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list .water_design_text {
    font-size: 14px;
  }
}

.water_design_wrap .water_design_list .water_design_sub {
  width: 50%;
  padding: 0 32px;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list .water_design_sub {
    display: none;
  }
}

.water_design_wrap .water_design_list .water_design_pic {
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .water_design_wrap .water_design_list .water_design_pic {
    max-width: 253px;
    margin: 0 auto 24px;
  }
}

.water_design_sublist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -16px;
}

@media only screen and (max-width: 640px) {
  .water_design_sublist.water-category {
    display: block;
    margin: 0;
  }
}

@media only screen and (max-width: 640px) {
  .water_design_sublist.water-category .water_design_subitem {
    width: 100%;
  }
}

.water_design_sublist .water_design_subitem {
  width: calc(50% - 12px);
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .water_design_sublist .water_design_subitem {
    width: calc(50% - 8px);
  }
}

.water_design_sublink {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: url("assets/images/common/arrow_blue-right_icon.svg") right 30px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 60px 8px 8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .water_design_sublink {
    padding: 8px 40px 8px 8px;
    background-size: 14px;
    background-position: right 8px center;
  }
}

.water_design_sublink:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 30px center no-repeat #2DB0E7;
  background-size: 16px;
}

@media only screen and (max-width: 960px) {
  .water_design_sublink:hover {
    background-size: 14px;
    background-position: right 8px center;
  }
}

.water_design_sublink:hover span {
  color: #fff;
}

.water_design_sublink .water_design_icon {
  display: block;
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin: 0 16px 0 0;
  border: 1px #333 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .water_design_sublink .water_design_icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin: 0 8px 0 0;
  }
}

.water_design_sublink span {
  width: calc(100% - 64px);
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .water_design_sublink span {
    width: calc(100% - 40px);
    font-size: 14px;
  }
}

.water_voice_wrap {
  padding: 80px 0;
  margin: 0 0 54px;
  overflow: hidden;
  position: relative;
  /*
  &:before{
  		content: "";
  		display: block;
  		width: 1068px;
  		height: 100%;
  		@include border-radius(50%);
  		background: #f2f2f2;
  		position: absolute;
  		right: -500px;
  		top:50%;
  		@include transform(translateY(-50%));
  		@media only screen and (max-width:960px){
  			height: calc( 100% - 130px);
  			top: 50px;
  			right: -800px;
  			@include transform(translateY(0));
  		}
  	}
  */
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap {
    margin: 0;
    padding: 0 0 80px;
  }
}

.water_voice_wrap .circle {
  width: 1000px;
  height: 1000px;
  position: absolute;
  right: -500px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .circle {
    height: calc(100% - 130px);
    top: 50px;
    right: -800px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.water_voice_wrap .water_voice_head {
  padding: 0 16px;
}

.water_voice_wrap .water_voice_head .common_water_title01 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .water_voice_head .common_water_title01 {
    margin: 0 0 24px;
  }
}

.water_voice_wrap .water_voice_head .water_voice_info {
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .water_voice_head .water_voice_info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .water_voice_head .water_voice_info {
    display: block;
  }
}

.water_voice_wrap .water_voice_head .water_voice_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  max-width: 342px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .water_voice_head .water_voice_text {
    position: relative;
    left: inherit;
    top: inherit;
  }
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .water_voice_head .water_voice_text {
    max-width: inherit;
    margin: 0 0 24px;
    font-size: 13px;
  }
}

.water_voice_wrap .water_voice_head .align_right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.water_voice_wrap .water_voice_slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .water_voice_slider {
    padding: 0 0 20px;
  }
}

.water_voice_wrap .water_voice_slider .water_voice_slider_inner {
  position: relative;
  left: calc(50% - 298px);
  padding: 0 0 0 40px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .water_voice_slider .water_voice_slider_inner {
    left: 0;
  }
}

.water_voice_wrap .voice_list {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0;
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_head {
  background: #F7AC00;
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_link {
    margin: 0;
  }
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_head {
  background: #23B195;
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_link {
  margin: 120px 0 0;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_link {
    margin: 0;
  }
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+3) .voice_head {
  background: #DA5B66;
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_head {
  background: #2DB0E7;
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_link {
    margin: 0;
  }
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_head {
  background: #FED504;
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_link {
  margin: 120px 0 0;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_link {
    margin: 0;
  }
}

.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n) .voice_head {
  background: #84C67A;
}

.water_voice_wrap .voice_list .slick-list {
  overflow: visible;
}

.water_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}

.water_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}

.water_voice_wrap .voice_list .voice_item {
  padding: 40px 12px;
  margin: 0;
  width: 450px !important;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .voice_list .voice_item {
    width: 311px !important;
  }
}

@media only screen and (max-width: 350px) {
  .water_voice_wrap .voice_list .voice_item {
    width: 280px !important;
  }
}

.water_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}

.water_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .water_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}

.water_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}

.water_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}

.water_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}

@media only screen and (max-width: 1200px) {
  .water_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .water_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}

.water_voice_wrap .water_slider_btnarea {
  position: absolute;
  left: calc(50% - 640px + 186px);
  bottom: 90px;
}

@media only screen and (max-width: 960px) {
  .water_voice_wrap .water_slider_btnarea {
    bottom: 0;
    left: 16px;
  }
}

.water_slider_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 116px;
}

@media only screen and (max-width: 960px) {
  .water_slider_btnarea {
    width: 76px;
  }
}

.water_slider_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #2DB0E7 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/common/prev-b_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .water_slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}

.water_slider_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat #2DB0E7;
  background-size: 16px;
}

.water_slider_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}

.water_slider_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.water_slider_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #2DB0E7 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/common/next-b_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}

@media only screen and (max-width: 960px) {
  .water_slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}

.water_slider_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat #2DB0E7;
  background-size: 16px;
}

.water_slider_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}

.water_slider_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.water_sample_wrap {
  position: relative;
  background: #eaeaea;
  /*
  background: url($get_img+"service/hydraulic/bg03.png") center center no-repeat #eaeaea;
  	background-size: contain;
  */
  width: calc(100% - 80px);
  margin: 0 0 0 80px;
  padding: 80px 0 80px 80px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 100px;
  border-radius: 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap {
    width: calc(100% - 16px);
    margin: 0 0 0 16px;
    padding: 40px 0 30px 16px;
    -moz-border-radius: 30px 0 0 30px;
    -webkit-border-radius: 0px;
    border-radius: 30px 0 0 30px;
  }
}

.water_sample_wrap .dot01 {
  display: block;
  position: absolute;
  top: 40%;
  left: 5%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .dot01 {
    width: 15%;
  }
}

.water_sample_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .dot02 {
    width: 15%;
  }
}

.water_sample_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 10%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .dot03 {
    width: 15%;
  }
}

.water_sample_wrap .water_sample_inner {
  position: relative;
  width: calc(100% - 220px);
}

@media only screen and (max-width: 1366px) {
  .water_sample_wrap .water_sample_inner {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_inner {
    width: 100%;
  }
}

.water_sample_wrap .common_water_title03 {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .common_water_title03 {
    margin: 0 0 -16px;
  }
}

.water_sample_wrap .water_sample_list .water_sample_item {
  padding: 40px 12px;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_list .water_sample_item {
    padding: 40px 4px;
  }
}

.water_sample_wrap .water_sample_link {
  display: block;
  background: #fff;
  padding: 32px;
  width: 304px;
  min-height: 304px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_link {
    width: 164px;
    min-height: 164px;
    padding: 24px 8px;
  }
}

.water_sample_wrap .water_sample_link .water_sample_pic {
  display: block;
  width: 174px;
  height: 174px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_link .water_sample_pic {
    width: 80px;
    height: 80px;
  }
}

.water_sample_wrap .water_sample_link .water_sample_name {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_link .water_sample_name {
    font-size: 14px;
  }
}

.water_sample_wrap .water_sample_slider {
  position: relative;
  overflow: hidden;
}

.water_sample_wrap .water_sample_slider .water_sample_slider_inner {
  position: relative;
  left: 140px;
  padding: 0 0 0 40px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_slider .water_sample_slider_inner {
    left: 50px;
  }
}

.water_sample_wrap .water_sample_slider .slick-list {
  overflow: visible;
}

.water_sample_wrap .water_slider_btnarea {
  position: absolute;
  left: 0;
  bottom: 0;
}

.water_sample_wrap .water_sample_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding: 0 0 0 180px;
}

@media only screen and (max-width: 960px) {
  .water_sample_wrap .water_sample_text {
    padding: 0 12px 0 90px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 350px) {
  .water_sample_wrap .water_sample_text {
    font-size: 11px;
  }
}

.water_faq_wrap {
  padding: 160px 16px;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap {
    padding: 80px 16px;
  }
}

.water_faq_wrap .common_water_title01 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .common_water_title01 {
    margin: 0 0 16px;
  }
}

.water_faq_wrap .water_faq_list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.water_faq_wrap .water_faq_list .water_faq_item {
  border-bottom: 1px #c6c6c6 solid;
}

.water_faq_wrap .water_faq_head {
  padding: 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_head {
    padding: 16px 8px;
  }
}

.water_faq_wrap .water_faq_head.active .water_quest_btn:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  transform: translateX(-50%) translateY(-50%) rotate(0);
}

.water_faq_wrap .water_faq_head .water_quest_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #2DB0E7;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_head .water_quest_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}

.water_faq_wrap .water_faq_head .water_quest_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.water_faq_wrap .water_faq_head .water_faq_title {
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  width: calc(100% - 128px);
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_head .water_faq_title {
    font-size: 18px;
    width: calc(100% - 80px);
  }
}

.water_faq_wrap .water_faq_head .water_quest_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_head .water_quest_btn {
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
  }
}

.water_faq_wrap .water_faq_head .water_quest_btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.water_faq_wrap .water_faq_head .water_quest_btn:after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.water_faq_wrap .water_faq_body {
  display: none;
}

.water_faq_wrap .water_faq_body .water_faq_answer {
  padding: 24px;
  background: rgba(45, 176, 231, 0.2);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_body .water_faq_answer {
    padding: 16px 8px;
  }
}

.water_faq_wrap .water_faq_body .water_answer_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #2DB0E7;
  border: 1px #2DB0E7 solid;
  font-weight: 700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_body .water_answer_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}

.water_faq_wrap .water_faq_body .water_answer_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.water_faq_wrap .water_faq_body .water_faq_text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  width: calc(100% - 64px);
}

@media only screen and (max-width: 960px) {
  .water_faq_wrap .water_faq_body .water_faq_text {
    font-size: 16px;
    width: calc(100% - 40px);
  }
}

.water_faq_wrap .water_faq_body .water_faq_text strong {
  font-weight: 700;
}

/* Hydraulic Transfer all */
.water-all_mv_wrap {
  position: relative;
  padding: 80px 40px;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .water-all_mv_wrap {
    padding: 32px 16px;
  }
}

.water-all_mv_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.water-all_mv_wrap .water-all_mv_title {
  position: relative;
  font-size: 44px;
  font-weight: 900;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .water-all_mv_wrap .water-all_mv_title {
    font-size: 28px;
    margin: 0 0 16px;
  }
}

.water-all_mv_wrap .water-all_mv_title span {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .water-all_mv_wrap .water-all_mv_title span {
    font-size: 14px;
  }
}

.water-all_mv_wrap .water-all_mv_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #fff;
}

@media only screen and (max-width: 960px) {
  .water-all_mv_wrap .water-all_mv_text {
    font-size: 14px;
  }
}

.water-all_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .water-all_wrap {
    margin: 0 0 80px;
  }
}

.water-all_wrap .common_related-b_title small {
  white-space: nowrap;
}

.water-all_block {
  margin: 0 0 40px;
}

.water-all_block:last-of-type {
  margin: 0;
}

.water-all_block .water-all_head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 2px #c6c6c6 solid;
}

@media only screen and (max-width: 960px) {
  .water-all_block .water-all_head {
    display: block;
    padding: 0 0 16px;
  }
}

.water-all_block .water-all_head .water-all_title {
  width: calc(100% - 364px);
  font-size: 32px;
  color: #333;
  font-weight: 900;
  line-height: 1.8;
}

@media only screen and (max-width: 1200px) {
  .water-all_block .water-all_head .water-all_title {
    width: 100%;
    margin: 0 0 8px;
  }
}

@media only screen and (max-width: 960px) {
  .water-all_block .water-all_head .water-all_title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1200px) {
  .water-all_block .water-all_head .align_right {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

.water-all_block .water-all_head .common_all-bl_link {
  margin: 0 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .water-all_block .water-all_head .common_all-bl_link {
    margin: 0;
  }
}

.water-all_block .water-all_head .common_all-bl_link span {
  text-align: right;
  max-width: 300px;
}

@media only screen and (max-width: 960px) {
  .water-all_block .water-all_head .common_all-bl_link span {
    max-width: inherit;
  }
}

.water-all_block .water-all_head .common_all-bl_link small {
  margin: 0 0 0 24px;
}

.water-all_block .water-all_body .water-all_slider .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}

.water-all_block .water-all_body .water-all_slider .slick-slide {
  height: inherit !important;
}

.water-all_block .water-all_body .water-all_slider .slick-slide>div {
  height: 100%;
}

.water-all_block .water-all_body .water-all_list {
  margin: 0 -12px;
}

@media only screen and (max-width: 1200px) {
  .water-all_block .water-all_body .water-all_list {
    margin: 0;
  }
}

@media only screen and (max-width: 960px) {
  .water-all_block .water-all_body .water-all_list {
    margin: 0 -16px;
  }
}

.water-all_block .water-all_body .water-all_list .water-all_item {
  height: 100%;
  padding: 24px 12px;
}

.water-all_block .water-all_body .water-all_list .water-all_link {
  height: 100%;
}

.water-all_block .water-all_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.water-all_link {
  display: block;
  padding: 24px;
  background: #fff;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
}

.water-all_link .water-all_label {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 0 auto 34px;
  font-size: 10px;
  line-height: 1.5;
  border: 1px #8A8A8A solid;
  color: #8A8A8A;
  text-align: center;
  padding: 4.5px 5px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 640px) {
  .water-all_link .water-all_label {
    margin: 0 auto 20px;
  }
}

.water-all_link .water-all_pic {
  display: block;
  width: 140px;
  height: 140px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto 34px;
}

@media only screen and (max-width: 640px) {
  .water-all_link .water-all_pic {
    width: 166px;
    height: 166px;
    margin: 0 auto 20px;
  }
}

.water-all_link .water-all_name {
  font-size: 16px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .water-all_link .water-all_name {
    font-size: 14px;
  }
}

.water-all_link .water-all_text {
  font-size: 12px;
  color: black;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .water-all_link .water-all_text {
    font-size: 11px;
  }
}

.water-all_link .water-all_category {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}

.water-all_link .water-all_category span {
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1px black solid;
  margin: 0 4px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* Hydraulic Transfer category */
.water-category_mv_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .water-category_mv_wrap {
    margin: 0 0 80px;
  }
}

.water-category_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .water-category_wrap {
    margin: 0 0 80px;
  }
}

.water-category_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -24px;
}

@media only screen and (max-width: 1200px) {
  .water-category_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 640px) {
  .water-category_list {
    display: block;
    max-width: 288px;
    margin: 0 auto;
  }
}

.water-category_list .water-category_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}

@media only screen and (max-width: 1200px) {
  .water-category_list .water-category_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .water-category_list .water-category_item {
    width: 100%;
  }
}

.water-category_list .water-category_item:nth-of-type(3n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 640px) {
  .water-category_list .water-category_item:last-of-type {
    margin: 0;
  }
}

/* Hydraulic Transfer detial */
.water-detail_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .water-detail_wrap {
    margin: 0 0 56px;
  }
}

@media only screen and (max-width: 960px) {
  .water-detail_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.water-detail_contact_btn {
  display: block;
  width: 100%;
  max-width: 464px;
  background: #2DB0E7;
  position: relative;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  padding: 16px;
  margin: 56px auto 0;
}

@media only screen and (max-width: 960px) {
  .water-detail_contact_btn {
    font-size: 14px;
    margin: 40px auto 0;
    max-width: 343px;
    text-align: center;
    padding: 12px 10px;
  }
}

.water-detail_contact_btn span {
  display: inline-block;
  vertical-align: middle;
}

.water-detail_contact_btn small {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 16px 0 0;
  background: #fff;
}

@media only screen and (max-width: 960px) {
  .water-detail_contact_btn small {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

.water-detail_contact_btn small img {
  display: block;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .water-detail_contact_btn small img {
    width: 24px;
  }
}

.water-detail_category {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .water-detail_category {
    font-size: 12px;
  }
}

.water-detail_category span {
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px black solid;
  margin: 0 4px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .water-detail_category span {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
}

.water_pattern_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -40px;
}

@media only screen and (max-width: 1200px) {
  .water_pattern_list {
    margin: 0 0 -24px;
  }
}

@media only screen and (max-width: 640px) {
  .water_pattern_list {
    display: block;
    margin: 0;
  }
}

.water_pattern_list .water_pattern_item {
  width: calc(50% - 24px);
  margin: 0 0 40px;
}

@media only screen and (max-width: 1200px) {
  .water_pattern_list .water_pattern_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .water_pattern_list .water_pattern_item {
    width: 100%;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .water_pattern_list .water_pattern_item:last-of-type {
    margin: 0;
  }
}

.water_pattern_list .water_pattern_link {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 32px;
}

@media only screen and (max-width: 960px) {
  .water_pattern_list .water_pattern_link {
    padding: 0 16px 0 32px;
    height: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}

.water_pattern_list .water_pattern_link:hover:before {
  -moz-animation: pthover 0.3s ease forwards;
  -webkit-animation: pthover 0.3s ease forwards;
  animation: pthover 0.3s ease forwards;
}

.water_pattern_list .water_pattern_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.water_pattern_list .water_pattern_main {
  position: relative;
  padding: 0 26px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right center no-repeat;
  background-size: 16px;
  width: 100%;
}

.water_pattern_list .water_pattern_text {
  font-size: 20px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .water_pattern_list .water_pattern_text {
    font-size: 13px;
  }
}

@-moz-keyframes pthover {
  0% {
    background: rgba(0, 0, 0, 0.3);
  }

  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}

@-webkit-keyframes pthover {
  0% {
    background: rgba(0, 0, 0, 0.3);
  }

  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}

@keyframes pthover {
  0% {
    background: rgba(0, 0, 0, 0.3);
  }

  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}

/* Painting */
.painting_wrap {
  overflow: hidden;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .painting_wrap {
    margin: 0 0 64px;
  }
}

.painting_mv_wrap {
  overflow: hidden;
  position: relative;
  padding: 160px 16px;
  /*
  background: url($get_img+"service/painting/bg01.png") center top no-repeat;
  	background-size: 100%;
  */
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap {
    padding: 64px 16px 80px;
    /*
    background: url($get_img+"service/painting/bg01_sp.png") center top no-repeat;
    		background-size: contain;
    */
  }
}

.painting_mv_wrap .dot01 {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap .dot01 {
    width: 15%;
  }
}

.painting_mv_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap .dot02 {
    width: 15%;
  }
}

.painting_mv_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: -20%;
  left: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap .dot03 {
    width: 15%;
  }
}

.painting_mv_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: -10%;
  right: 10%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap .dot04 {
    width: 15%;
  }
}

.painting_mv_wrap .painting_mv_title {
  position: relative;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap .painting_mv_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}

.painting_mv_wrap .painting_mv_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .painting_mv_wrap .painting_mv_text {
    font-size: 14px;
  }
}

.painting_about_wrap {
  position: relative;
  background: #23B195;
  padding: 40px 16px;
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap {
    padding: 40px 16px 56px;
  }
}

.painting_about_wrap:after {
  content: "";
  display: block;
  border-right: 350px solid transparent;
  border-top: 76px solid #23B195;
  border-left: 350px solid transparent;
  position: absolute;
  bottom: -76px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap:after {
    bottom: -38px;
    border-right: 120px solid transparent;
    border-top: 38px solid #23B195;
    border-left: 120px solid transparent;
  }
}

.painting_about_wrap .painting_about_title {
  font-size: 40px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap .painting_about_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}

.painting_about_wrap .painting_about_title span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap .painting_about_title span {
    font-size: 16px;
  }
}

.painting_about_wrap .painting_about_pic {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap .painting_about_pic {
    margin: 0 auto 16px;
  }
}

@media only screen and (max-width: 768px) {
  .painting_about_wrap .painting_about_pic {
    max-width: 400px;
  }
}

.painting_about_wrap .painting_about_subtitle {
  font-size: 28px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap .painting_about_subtitle {
    font-size: 20px;
    margin: 0 0 16px;
  }
}

.painting_about_wrap .painting_about_subtitle span {
  border-bottom: 2px #FFF400 solid;
}

.painting_about_wrap .painting_about_subtitle small {
  color: #FFF400;
}

.painting_about_wrap .painting_about_text {
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .painting_about_wrap .painting_about_text {
    font-size: 13px;
  }
}

.painting_feature_wrap {
  padding: 160px 0;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap {
    padding: 120px 16px 80px;
  }
}

.painting_feature_wrap .common_painting_title01 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .common_painting_title01 {
    margin: 0 0 24px;
    padding: 0;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_item {
    display: block;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type {
    margin: 24px 0 0;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type .painting_feature_pic {
  -moz-border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0;
  border-radius: 0 30px 30px 0;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type .painting_feature_pic {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_main {
  width: calc(50% - 60px);
  padding: 0 80px;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_main {
    width: 100%;
    padding: 0;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 900;
  color: #333;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_title span {
  color: #23B195;
}

.painting_feature_wrap .painting_feature_list .painting_feature_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #23B195;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_title small {
    font-size: 16px;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_text {
    font-size: 14px;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_sub {
  width: calc(50% + 60px);
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_sub {
    display: none;
  }
}

.painting_feature_wrap .painting_feature_list .painting_feature_pic {
  width: 100%;
  height: 390px;
  -moz-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 0px;
  border-radius: 30px 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_pic {
    height: inherit;
    padding-top: 50%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 0 0 16px;
  }
}

.painting_contact_btn {
  display: block;
  width: 100%;
  max-width: 560px;
  background: #23B195;
  position: relative;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  padding: 16px;
  margin: 80px auto 0;
}

@media only screen and (max-width: 960px) {
  .painting_contact_btn {
    font-size: 14px;
    margin: 64px auto 0;
    max-width: 343px;
    width: calc(100% - 32px);
    text-align: center;
    padding: 12px 10px 12px 48px;
  }
}

@media only screen and (max-width: 640px) {
  .painting_contact_btn {
    padding: 12px 10px 12px 40px;
  }
}

.painting_contact_btn span {
  display: inline-block;
  vertical-align: middle;
}

.painting_contact_btn small {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 16px 0 0;
  background: #fff;
}

@media only screen and (max-width: 960px) {
  .painting_contact_btn small {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

.painting_contact_btn small img {
  display: block;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .painting_contact_btn small img {
    width: 24px;
  }
}

.painting_sample_wrap {
  position: relative;
  padding: 240px 0 240px 80px;
  /*
  &:before{
  		content: "";
  		display: block;
  		width: 1237px;
  		height: 1237px;
  		@include border-radius(50%);
  		background: #f2f2f2;
  		position: absolute;
  		right: -375px;
  		top:40px;
  		z-index: -1;
  		@media only screen and (max-width:960px){
  			width: 490px;
  			height: 490px;
  			right: -200px;
  			top: 76px;
  		}
  	}
  */
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap {
    padding: 144px 8px 80px 24px;
  }
}

.painting_sample_wrap .circle {
  width: 1237px;
  height: 1237px;
  position: absolute;
  right: -375px;
  top: 40px;
  z-index: -1;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .circle {
    width: 490px;
    height: 490px;
    right: -200px;
    top: 76px;
  }
}

.painting_sample_wrap .common_painting_title02 {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .common_painting_title02 {
    margin: 0 0 24px;
  }
}

.painting_sample_wrap .painting_sample_slider_main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_slider_main {
    display: block;
  }
}

.painting_sample_wrap .painting_sample_info_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  width: 342px;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_info_text {
    width: 100%;
    font-size: 13px;
    margin: 0 0 -16px;
  }
}

.painting_sample_wrap .painting_sample_link {
  display: block;
  background: #fff;
  padding: 32px;
  width: 304px;
  min-height: 304px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_link {
    width: 164px;
    min-height: 164px;
    padding: 24px 8px;
  }
}

.painting_sample_wrap .painting_sample_link .painting_sample_pic {
  display: block;
  width: 174px;
  height: 174px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_link .painting_sample_pic {
    width: 80px;
    height: 80px;
  }
}

.painting_sample_wrap .painting_sample_link .painting_sample_name {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_link .painting_sample_name {
    font-size: 14px;
  }
}

.painting_sample_wrap .painting_sample_slider {
  position: relative;
  overflow: hidden;
  width: calc(100% - 342px);
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_slider {
    width: calc(100% + 8px);
    margin: 0 -8px 0 0;
  }
}

.painting_sample_wrap .painting_sample_slider .painting_sample_slider_inner {
  padding: 0 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_slider .painting_sample_slider_inner {
    padding: 0 0 0 70px;
  }
}

.painting_sample_wrap .painting_sample_slider .painting_sample_list .painting_sample_item {
  padding: 80px 12px 40px;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_slider .painting_sample_list .painting_sample_item {
    padding: 40px 4px;
  }
}

.painting_sample_wrap .painting_sample_slider .painting_sample_list .slick-list {
  overflow: visible;
}

.painting_sample_wrap .painting_sample_slider .painting_sample_list .slick-slide:nth-of-type(3n+2) .painting_sample_link {
  margin: 80px 0 0;
}

.painting_sample_wrap .painting_sample_slider .painting_sample_list .slick-slide:nth-of-type(3n) .painting_sample_link {
  margin: 40px 0 0;
}

.painting_sample_wrap .painting_slider_sub {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 0 0 186px;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_slider_sub {
    padding: 0;
    margin: -16px 0 0;
  }
}

.painting_sample_wrap .painting_slider_btnarea {
  margin: 0 12px 0 0;
}

.painting_sample_wrap .painting_sample_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .painting_sample_wrap .painting_sample_text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 350px) {
  .painting_sample_wrap .painting_sample_text {
    font-size: 11px;
  }
}

.painting_voice_wrap {
  padding: 0 0 120px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap {
    padding: 0 0 30px;
  }
}

.painting_voice_wrap .painting_voice_head {
  padding: 0 16px;
}

.painting_voice_wrap .painting_voice_head .common_painting_title02 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .painting_voice_head .common_painting_title02 {
    margin: 0 0 24px;
  }
}

.painting_voice_wrap .painting_voice_head .painting_voice_info {
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_info {
    display: block;
  }
}

.painting_voice_wrap .painting_voice_head .painting_voice_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  max-width: 342px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(100% + 40px);
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_text {
    position: relative;
    left: inherit;
    top: inherit;
  }
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_text {
    max-width: inherit;
    margin: 0 0 24px;
    font-size: 13px;
  }
}

.painting_voice_wrap .painting_voice_head .align_right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.painting_voice_wrap .painting_voice_slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .painting_voice_slider {
    padding: 0 0 20px;
  }
}

.painting_voice_wrap .painting_voice_slider .painting_voice_slider_inner {
  position: relative;
  left: calc(50% - 298px);
  padding: 0 0 0 40px;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .painting_voice_slider .painting_voice_slider_inner {
    left: 0;
  }
}

.painting_voice_wrap .voice_list {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0;
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_head {
  background: #F7AC00;
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+1) .voice_link {
    margin: 0;
  }
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_head {
  background: #23B195;
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_link {
  margin: 120px 0 0;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+2) .voice_link {
    margin: 0;
  }
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+3) .voice_head {
  background: #DA5B66;
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_head {
  background: #2DB0E7;
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_link {
  margin: 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+4) .voice_link {
    margin: 0;
  }
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_head {
  background: #FED504;
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_link {
  margin: 120px 0 0;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n+5) .voice_link {
    margin: 0;
  }
}

.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n) .voice_head {
  background: #84C67A;
}

.painting_voice_wrap .voice_list .slick-list {
  overflow: visible;
}

.painting_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
}

.painting_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}

.painting_voice_wrap .voice_list .voice_item {
  padding: 40px 12px;
  margin: 0;
  width: 450px !important;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .voice_list .voice_item {
    width: 311px !important;
  }
}

@media only screen and (max-width: 350px) {
  .painting_voice_wrap .voice_list .voice_item {
    width: 280px !important;
  }
}

.painting_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}

.painting_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .painting_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}

.painting_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}

.painting_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}

.painting_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}

@media only screen and (max-width: 1200px) {
  .painting_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .painting_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}

.painting_voice_wrap .painting_slider_btnarea {
  position: absolute;
  left: calc(50% - 640px + 186px);
  bottom: 90px;
}

@media only screen and (max-width: 960px) {
  .painting_voice_wrap .painting_slider_btnarea {
    bottom: 0;
    left: 16px;
  }
}

.painting_slider_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 116px;
}

@media only screen and (max-width: 960px) {
  .painting_slider_btnarea {
    width: 76px;
  }
}

.painting_slider_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #23B195 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/service/painting/prev_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .painting_slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}

.painting_slider_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat #23B195;
  background-size: 16px;
}

.painting_slider_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}

.painting_slider_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.painting_slider_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #23B195 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("assets/images/service/painting/next_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}

@media only screen and (max-width: 960px) {
  .painting_slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}

.painting_slider_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat #23B195;
  background-size: 16px;
}

.painting_slider_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}

.painting_slider_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.painting_faq_wrap {
  padding: 0 16px 160px;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap {
    padding: 80px 16px;
  }
}

.painting_faq_wrap .common_painting_title01 {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .common_painting_title01 {
    margin: 0 0 24px;
  }
}

.painting_faq_wrap .painting_faq_list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.painting_faq_wrap .painting_faq_list .painting_faq_item {
  border-bottom: 1px #c6c6c6 solid;
}

.painting_faq_wrap .painting_faq_head {
  padding: 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_head {
    padding: 16px 8px;
  }
}

.painting_faq_wrap .painting_faq_head.active .painting_quest_btn:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  transform: translateX(-50%) translateY(-50%) rotate(0);
}

.painting_faq_wrap .painting_faq_head .painting_quest_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #23B195;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_head .painting_quest_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}

.painting_faq_wrap .painting_faq_head .painting_quest_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.painting_faq_wrap .painting_faq_head .painting_faq_title {
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  width: calc(100% - 128px);
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_head .painting_faq_title {
    font-size: 18px;
    width: calc(100% - 80px);
  }
}

.painting_faq_wrap .painting_faq_head .painting_quest_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_head .painting_quest_btn {
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
  }
}

.painting_faq_wrap .painting_faq_head .painting_quest_btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.painting_faq_wrap .painting_faq_head .painting_quest_btn:after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.painting_faq_wrap .painting_faq_body {
  display: none;
}

.painting_faq_wrap .painting_faq_body .painting_faq_answer {
  padding: 24px;
  background: rgba(35, 177, 149, 0.2);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_body .painting_faq_answer {
    padding: 16px 8px;
  }
}

.painting_faq_wrap .painting_faq_body .painting_answer_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #23B195;
  border: 1px #23B195 solid;
  font-weight: 700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_body .painting_answer_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}

.painting_faq_wrap .painting_faq_body .painting_answer_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.painting_faq_wrap .painting_faq_body .painting_faq_text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  width: calc(100% - 64px);
}

@media only screen and (max-width: 960px) {
  .painting_faq_wrap .painting_faq_body .painting_faq_text {
    font-size: 16px;
    width: calc(100% - 40px);
  }
}

.painting_faq_wrap .painting_faq_body .painting_faq_text strong {
  font-weight: 700;
}

/*=================

    company.scss

=======================*/
.company_layout_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 960px) {
  .company_layout_wrap {
    display: block;
  }
}

.company_layout_wrap .company_layout_main {
  width: calc(100% - 320px);
}

@media only screen and (max-width: 1200px) {
  .company_layout_wrap .company_layout_main {
    width: calc(100% - 264px);
  }
}

@media only screen and (max-width: 960px) {
  .company_layout_wrap .company_layout_main {
    width: 100%;
  }
}

.company_layout_wrap .company_layout_aside {
  position: relative;
  width: 240px;
}

@media only screen and (max-width: 960px) {
  .company_layout_wrap .company_layout_aside {
    width: 100%;
    margin: 0 0 64px;
  }
}

.company_aside_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 154px;
}

@media only screen and (max-width: 960px) {
  .company_aside_sticky {
    top: 116px;
  }
}

@media only screen and (max-width: 768px) {
  .company_aside_sticky {
    position: relative;
    top: inherit;
  }
}

.company_aside_list .company_aside_item {
  padding: 8px 0;
}

@media only screen and (max-width: 960px) {
  .company_aside_list .company_aside_item {
    padding: 0;
    border-bottom: 1px solid #C6C6C6;
  }
}

.company_aside_list .company_aside_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .company_aside_list .company_aside_link {
    font-size: 14px;
    padding: 8px 0;
  }
}

.company_aside_list .company_aside_link:hover span small {
  width: 8px;
  height: 8px;
}

@media only screen and (max-width: 960px) {
  .company_aside_list .company_aside_link:hover span small {
    width: 4px;
    height: 4px;
  }
}

@media only screen and (max-width: 960px) {
  .company_aside_list .company_aside_link.active {
    background: #F5F5F5;
  }
}

.company_aside_list .company_aside_link.active span small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  width: 8px;
  height: 8px;
}

@media only screen and (max-width: 960px) {
  .company_aside_list .company_aside_link.active span small {
    width: 4px;
    height: 4px;
  }
}

.company_aside_list .company_aside_link span {
  display: block;
  width: 8px;
  min-width: 8px;
  height: 8px;
  margin: 0 16px 0 0;
  position: relative;
}

.company_aside_list .company_aside_link span small {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 4px;
  height: 4px;
  background: #C6C6C6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .company_aside_list .company_aside_link span small {
    background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  }
}

.company_common_block {
  margin: 0 0 80px;
}

.company_common_block .common_related_title {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .company_common_block .common_related_title {
    margin: 0 0 24px;
  }
}

.company_slider_block .company_slider_list {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .company_slider_block .company_slider_list {
    margin: 0 0 16px;
  }
}

.company_slider_block .company_slider_list .company_slider_item {
  padding: 0 48px 0 0;
}

@media only screen and (max-width: 1366px) {
  .company_slider_block .company_slider_list .company_slider_item {
    padding: 0 24px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .company_slider_block .company_slider_list .company_slider_item {
    padding: 0 8px 0 0;
  }
}

.company_slider_block .company_slider_list .company_slider_pic {
  display: block;
  width: 720px;
  height: 480px;
}

@media only screen and (max-width: 1366px) {
  .company_slider_block .company_slider_list .company_slider_pic {
    width: 500px;
    height: 360px;
  }
}

@media only screen and (max-width: 960px) {
  .company_slider_block .company_slider_list .company_slider_pic {
    width: 313px;
    height: 208px;
  }
}

@media only screen and (max-width: 350px) {
  .company_slider_block .company_slider_list .company_slider_pic {
    width: 260px;
    height: 180px;
  }
}

.company_history_list {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  border-top: 1px #c6c6c6 solid;
}

@media only screen and (max-width: 960px) {
  .company_history_list {
    font-size: 14px;
  }
}

.company_history_list .company_history_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #C6C6C6;
  padding: 32px 0;
}

@media only screen and (max-width: 960px) {
  .company_history_list .company_history_item {
    padding: 16px 0;
  }
}

.company_history_list .company_history_item .company_history_title {
  width: 200px;
  margin: 0 40px 0 0;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .company_history_list .company_history_item .company_history_title {
    width: 100px;
    margin: 0 8px 0 0;
  }
}

.company_history_list .company_history_item .compnay_history_text {
  width: calc(100% - 240px);
}

@media only screen and (max-width: 960px) {
  .company_history_list .company_history_item .compnay_history_text {
    width: calc(100% - 108px);
  }
}

.company_president_block .company_president_head {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_head {
    display: block;
    margin: 0 0 16px;
  }
}

.company_president_block .company_president_head .company_president_sub {
  width: 220px;
  margin: 0 40px 0 0;
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_head .company_president_sub {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 16px;
  }
}

.company_president_block .company_president_head .company_president_sub img {
  width: 100%;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.company_president_block .company_president_head .company_president_main {
  width: calc(100% - 260px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_head .company_president_main {
    width: 100%;
    display: block;
  }
}

.company_president_block .company_president_head .compnay_president_title {
  font-size: 32px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_head .compnay_president_title {
    font-size: 24px;
    margin: 0 0 8px;
  }
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_head .company_president_sign {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

.company_president_block .company_president_head .company_president_sign img {
  display: block;
  width: 198px;
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_head .company_president_sign img {
    width: 154px;
  }
}

.company_president_block .company_president_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .company_president_block .company_president_text {
    font-size: 14px;
  }
}

.company_staff_block {
  position: relative;
  background: url("https://riyu.spread.fan/wp-content/uploads/2025/02/kaitori_comopany_staff_background.png") center center no-repeat;
  background-size: cover;
  padding: 80px 24px;
}

@media only screen and (max-width: 960px) {
  .company_staff_block {
    padding: 40px 16px;
  }
}

@media only screen and (max-width: 768px) {
  .company_staff_block {
    margin: 0 -16px;
  }
}

.company_staff_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(7px);
  position: absolute;
  top: 0;
  left: 0;
}

.company_staff_block .common_related_title {
  position: relative;
  -webkit-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .common_related_title {
    display: -webkit-flex;
    display: flex;
  }
}

.company_staff_block .company_staff_title {
  position: relative;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
  color: black;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_title {
    font-size: 20px;
    margin: 0 0 16px;
  }
}

.company_staff_block .company_staff_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: black;
  text-align: center;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_text {
    font-size: 14px;
    margin: 0 0 40px;
  }
}

.company_staff_block .company_staff_list {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 40px;
}

@media only screen and (max-width: 1200px) {
  .company_staff_block .company_staff_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list {
    margin: 0;
  }
}

.company_staff_block .company_staff_list .company_staff_item {
  width: calc((100% - 96px) / 4);
  margin: 0 32px 40px 0;
}

@media only screen and (max-width: 1366px) {
  .company_staff_block .company_staff_list .company_staff_item {
    width: calc((100% - 48px) / 4);
    margin: 0 16px 40px 0;
  }
}

@media only screen and (max-width: 1200px) {
  .company_staff_block .company_staff_list .company_staff_item {
    width: calc(50% - 8px);
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_item {
    margin: 0 0 24px;
  }
}

.company_staff_block .company_staff_list .company_staff_item:nth-of-type(4n) {
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_item:nth-of-type(4n) {
    margin: 0 0 24px;
  }
}

.company_staff_block .company_staff_list .company_staff_pic {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 150%;
  margin: 0 0 16px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

.company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list {
  /*
  				@include display-flex;
  				@include align-items(center);
  				@include flex-wrap(wrap);
  				position: absolute;
  				left: 50%;
  				bottom: 12px;
  				@include transform(translateX(-50%));
  				width: calc( 100% - 24px );
  				.company_staff_label_item{
  					display: inline-block;
  					padding: 1px 8px;
  					@include border-radius(30px);
  					color: $white;
  					font-size: 12px;
  					line-height: 1.8;
  					text-align: center;
  					font-weight: 700;
  					margin: 0 4px 4px;
  					@extend .fg;
  					@media only screen and (max-width:960px){
  						font-size: 11px;
  					}
  				}
  */
}

.company_staff_block .company_staff_list .company_staff_pic .company_staff_label {
  position: absolute;
  left: 50%;
  bottom: 16px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 52px);
  padding: 1px 16px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_pic .company_staff_label {
    width: calc(100% - 48px);
    font-size: 11px;
  }
}

.company_staff_block .company_staff_list .company_staff_name {
  font-size: 16px;
  text-align: center;
  color: #333;
  line-height: 1.8;
  margin: 0 0 8px;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_name {
    font-size: 14px;
  }
}

.company_staff_block .company_staff_list .company_staff_info {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  color: black;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_info {
    font-size: 11px;
  }
}

.company_staff_block .company_staff_btnarea {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn {
  display: inline-block;
  background: none;
  font-size: 14px;
  line-height: 1.5;
  color: #1f3b6a;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_btnarea .company_staff_viewmore_btn {
    font-size: 13px;
  }
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn:hover small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn:hover small img {
  filter: brightness(0) invert(1);
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn.active small img {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
  transform: translateX(-50%) translateY(-50%) rotate(270deg);
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn span {
  display: inline-block;
  vertical-align: middle;
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn small {
  margin: 0 0 0 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_btnarea .company_staff_viewmore_btn small {
    width: 36px;
    height: 36px;
  }
}

.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn small img {
  width: 20px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.company_factory_block {
  padding: 160px 0 80px;
  position: relative;
  /*
  	.company_factory_bg{
  		position: absolute;
  		top: 160px;
  		right: -29px;
  		z-index: 0;
  		max-width: 100%;
  	}
  */
}

@media only screen and (max-width: 960px) {
  .company_factory_block {
    overflow: hidden;
    margin: 0 -16px;
  }
}

@media only screen and (max-width: 640px) {
  .company_factory_block {
    padding: 80px 0;
    /*
    		background: url($get_img+"company/bg_sp.png") top 30px center no-repeat;
    		background-size: 100%;
    */
  }
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_factory_inner {
    padding: 0 16px;
  }
}

.company_factory_block .circle {
  position: absolute;
  width: 855px;
  height: 855px;
  top: 180px;
  right: -29px;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .circle {
    width: 540px;
    height: 540px;
    right: -200px;
  }
}

.company_factory_block .dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 0;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .dot01 {
    width: 15%;
  }
}

.company_factory_block .dot02 {
  display: block;
  position: absolute;
  top: 52%;
  left: 0;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .dot02 {
    width: 15%;
    top: 29%;
  }
}

.company_factory_block .dot03 {
  display: block;
  position: absolute;
  top: 54%;
  right: 0;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .dot03 {
    width: 15%;
    top: 34%;
  }
}

.company_factory_block .dot04 {
  display: block;
  position: absolute;
  bottom: 0;
  right: 10%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .dot04 {
    width: 15%;
    bottom: 10%;
  }
}

.company_factory_block .common_related_title {
  position: relative;
}

.company_factory_block .company_factory_pic {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_factory_pic {
    margin: 0 auto 16px;
  }
}

@media only screen and (max-width: 640px) {
  .company_factory_block .company_factory_pic {
    width: calc(100% + 32px);
    margin: 0 -16px 16px;
  }
}

.company_factory_block .company_factory_textarea {
  position: relative;
  padding: 0 80px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_factory_textarea {
    padding: 0;
  }
}

.company_factory_block .company_factory_textarea .company_factory_textarea_inner {
  max-width: 560px;
  width: 100%;
}

.company_factory_block .company_factory_textarea .company_factory_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  color: black;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_factory_textarea .company_factory_title {
    font-size: 24px;
  }
}

.company_factory_block .company_factory_textarea .company_factory_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_factory_textarea .company_factory_text {
    font-size: 14px;
  }
}

.company_factory_block .company_address_block {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: -24px 0 0;
}

@media only screen and (max-width: 1440px) {
  .company_factory_block .company_address_block {
    margin: 24px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_address_block {
    margin: 32px 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .company_factory_block .company_address_block {
    display: block;
  }
}

.company_factory_block .company_address_block .company_address_pic {
  display: block;
  width: 455px;
  margin: 0 64px 0 0;
}

@media only screen and (max-width: 1366px) {
  .company_factory_block .company_address_block .company_address_pic {
    margin: 0 32px 0 0;
  }
}

@media only screen and (max-width: 1200px) {
  .company_factory_block .company_address_block .company_address_pic {
    width: 300px;
  }
}

@media only screen and (max-width: 960px) {
  .company_factory_block .company_address_block .company_address_pic {
    width: 50%;
  }
}

@media only screen and (max-width: 640px) {
  .company_factory_block .company_address_block .company_address_pic {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 16px;
  }
}

.company_factory_block .company_address_block .company_address_main .company_address_text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
}

.company_factory_block .company_address_block .company_address_main .company_address_text small {
  font-size: 12px;
}

.company_factory_block .company_address_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.8;
  color: #1f3b6a;
  font-weight: 700;
  margin: 24px 0 0;
}

.company_factory_block .company_address_link img {
  display: inline-block;
  width: 16px;
  margin: 0 4px 0 0;
  vertical-align: -3px;
}

/*=================

    recruit.scss

=======================*/
.recruit_message_wrap {
  position: relative;
  /*
  	background: url($get_img+"recruit/bg01.png") center top no-repeat;
  	background-size: 100%;
  */
  padding: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap {
    /*
    		background: url($get_img+"recruit/bg01_sp.png") center top no-repeat;
    		background-size: 100%;
    */
    padding: 0 0 80px;
  }
}

.recruit_message_wrap .dot01 {
  display: block;
  position: absolute;
  top: 5%;
  left: 30%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .dot01 {
    width: 15%;
  }
}

.recruit_message_wrap .dot02 {
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .dot02 {
    width: 15%;
  }
}

.recruit_message_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .dot03 {
    width: 15%;
  }
}

.recruit_message_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: 15%;
  right: 30%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .dot04 {
    width: 15%;
  }
}

.recruit_message_wrap .common_related_title {
  position: relative;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .common_related_title {
    margin: 0 0 24px;
  }
}

.recruit_message_wrap .recruit_message_block {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 1200px) {
  .recruit_message_wrap .recruit_message_block {
    display: block;
  }
}

.recruit_message_wrap .recruit_message_block .recruit_message_pic {
  display: block;
  width: 390px;
  margin: 0 0 0 16px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 1200px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_pic {
    max-width: 390px;
    width: 100%;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_pic {
    margin: 0 auto 24px;
  }
}

.recruit_message_wrap .recruit_message_block .recruit_message_main {
  width: 490px;
}

@media only screen and (max-width: 1200px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_main {
    width: 100%;
  }
}

.recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
  font-size: 32px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
    text-align: center;
    font-size: 24px;
    margin: 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
    text-align: left;
    margin: 0 0 8px;
  }
}

.recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_text {
    font-size: 14px;
  }
}

.recruit_message_wrap .recruit_message_block .recruit_message_sign {
  display: inline-block;
  width: 154px;
  margin: 0 0 16px;
}

.recruit_about_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap {
    margin: 0 0 80px;
  }
}

.recruit_about_wrap .common_related_title {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap .common_related_title {
    margin: 0 0 24px;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_item {
    margin: 0 0 24px;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_item:nth-of-type(odd) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.recruit_about_wrap .recruit_about_list .recruit_about_item:last-of-type {
  margin: 0;
}

.recruit_about_wrap .recruit_about_list .recruit_about_main {
  width: calc(56% - 40px);
}

@media only screen and (max-width: 768px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_main {
    width: 100%;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_sub {
  width: 44%;
}

@media only screen and (max-width: 768px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_sub {
    display: none;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_pic {
  width: 100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_pic {
    height: 300px;
    object-fit: cover;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_pic {
    height: 171px;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 900;
  color: #333;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_title {
    font-size: 24px;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_title span {
  color: #1f3b6a;
}

.recruit_about_wrap .recruit_about_list .recruit_about_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #1f3b6a;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_title small {
    font-size: 16px;
  }
}

.recruit_about_wrap .recruit_about_list .recruit_about_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .recruit_about_wrap .recruit_about_list .recruit_about_text {
    font-size: 14px;
  }
}

.recruit_detail_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap {
    margin: 0 0 80px;
  }
}

.recruit_detail_wrap .common_related_title {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .common_related_title {
    margin: 0 0 24px;
  }
}

.recruit_detail_wrap .recruit_detail_list {
  margin: 0 0 40px;
}

.recruit_detail_wrap .recruit_detail_list .recruit_detail_item {
  border-bottom: 1px #C6C6C6 solid;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .recruit_detail_list .recruit_detail_item {
    margin: 0 0 16px;
  }
}

.recruit_detail_wrap .recruit_detail_list .recruit_detail_item:last-of-type {
  margin: 0;
}

.recruit_detail_wrap .recruit_detail_link {
  display: block;
}

.recruit_detail_wrap .recruit_detail_link:hover .recruit_detail_btn small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.recruit_detail_wrap .recruit_detail_link:hover .recruit_detail_btn small img {
  filter: brightness(0) invert(1);
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 640px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_box {
    display: block;
  }
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_pic {
  display: block;
  width: 300px;
  height: 150px;
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 1200px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_pic {
    width: 220px;
  }
}

@media only screen and (max-width: 640px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_pic {
    width: 100%;
    height: inherit;
    padding-top: 50.15%;
    margin: 0 0 8px;
  }
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_main {
  width: calc(100% - 324px);
  padding: 16px 0 0;
}

@media only screen and (max-width: 1200px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_main {
    width: calc(100% - 244px);
  }
}

@media only screen and (max-width: 640px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_main {
    width: 100%;
    padding: 0;
  }
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_info {
    margin: 0 0 12px;
  }
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_title {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 700;
  color: #1f3b6a;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_title {
    font-size: 16px;
  }
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_label {
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.5;
  padding: 2px 15px;
  margin: 6px 0 0 10px;
  border-style: solid;
  border-width: 1px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_label {
    margin: 4px 0 0 10px;
  }
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_label.type01 {
  color: #1f3b6a;
  border-color: #1f3b6a;
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_label.type02 {
  color: #8e8e8e;
  border-color: #8e8e8e;
}

.recruit_detail_wrap .recruit_detail_link .recruit_detail_text {
  font-size: 12px;
  line-height: 1.8;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.recruit_detail_wrap .align_right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 16px 0;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .align_right {
    padding: 8px 0 16px;
  }
}

.recruit_detail_wrap .align_right .recruit_detail_btn {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #1f3b6a;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .align_right .recruit_detail_btn {
    font-size: 13px;
  }
}

.recruit_detail_wrap .align_right .recruit_detail_btn:hover small {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
}

.recruit_detail_wrap .align_right .recruit_detail_btn:hover small img {
  filter: brightness(0) invert(1);
}

.recruit_detail_wrap .align_right .recruit_detail_btn span {
  display: inline-block;
  vertical-align: middle;
}

.recruit_detail_wrap .align_right .recruit_detail_btn small {
  margin: 0 0 0 10px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .recruit_detail_wrap .align_right .recruit_detail_btn small {
    width: 36px;
    height: 36px;
  }
}

.recruit_detail_wrap .align_right .recruit_detail_btn small img {
  width: 16px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.recruit_faq_wrap {
  margin: 0 0 160px;
}

@media only screen and (max-width: 960px) {
  .recruit_faq_wrap {
    margin: 0 0 80px;
  }
}

.recruit_faq_wrap .common_related_title {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .recruit_faq_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.recruit_gallery_wrap {
  position: relative;
  padding: 45px 16px 40px 60px;
  margin: 0 0 80px;
}

@media only screen and (max-width: 1200px) {
  .recruit_gallery_wrap {
    padding: 45px 16px 40px 0;
  }
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap {
    padding: 40px 0 32px 16px;
  }
}

.recruit_gallery_wrap .dot01 {
  display: block;
  position: absolute;
  top: 15%;
  left: 40%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .dot01 {
    width: 15%;
    left: 10%;
    top: 5%;
  }
}

.recruit_gallery_wrap .dot02 {
  display: block;
  position: absolute;
  top: 2%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .dot02 {
    width: 15%;
  }
}

.recruit_gallery_wrap .dot03 {
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .dot03 {
    width: 15%;
  }
}

.recruit_gallery_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 35%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .dot04 {
    width: 15%;
    left: 5%;
    bottom: 40%;
  }
}

.recruit_gallery_wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -80px;
  width: calc(100% - 150px);
  height: 100%;
  background: #eaeaea;
  /*
  		background: url($get_img+"recruit/bg02.png") left top no-repeat #EAEAEA;
  		background-size: 100%;
  */
  -moz-border-radius: 0px;
  -webkit-border-radius: 100px;
  border-radius: 0px;
  /*
  		@media only screen and (max-width:640px){
  			background: url($get_img+"recruit/bg02_sp.png") left top no-repeat #EAEAEA;
  			background-size: cover;
  		}
  */
}

@media only screen and (max-width: 1200px) {
  .recruit_gallery_wrap:before {
    background-size: cover;
  }
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap:before {
    width: calc(100% + 16px);
    right: -16px;
    -moz-border-radius: 30px 0 0 30px;
    -webkit-border-radius: 0px;
    border-radius: 30px 0 0 30px;
  }
}

.recruit_gallery_wrap .recruit_gallery_main {
  position: relative;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_main {
    width: calc(100% + 16px);
    overflow: hidden;
  }
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .common_related_title {
    margin: 0 0 -16px;
  }
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_slider {
    padding: 0 0 0 70px;
  }
}

.recruit_gallery_wrap .recruit_gallery_list {
  margin: 0 -96px 0 0;
}

.recruit_gallery_wrap .recruit_gallery_list .slick-track {
  padding: 40px 0;
}

.recruit_gallery_wrap .recruit_gallery_list .recruit_gallery_item {
  padding: 0 32px 0 0;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_list .recruit_gallery_item {
    padding: 0 8px 0 0;
  }
}

.recruit_gallery_wrap .recruit_gallery_list .recruit_gallery_link {
  display: block;
  width: 100%;
}

.recruit_gallery_wrap .recruit_gallery_list .recruit_gallery_pic {
  display: block;
  width: 216px;
  height: 216px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_list .recruit_gallery_pic {
    width: 160px;
    height: 160px;
  }
}

.recruit_gallery_wrap .recruit_gallery_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_btnarea {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: -16px 0 0;
  }
}

.recruit_gallery_wrap .recruit_gallery_btnarea .slider_btnarea {
  width: 112px;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_btnarea .slider_btnarea {
    width: 76px;
  }
}

.recruit_gallery_wrap .recruit_gallery_btnarea .slider_btnarea .slick-prev_btn {
  width: 48px;
  height: 48px;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_btnarea .slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}

.recruit_gallery_wrap .recruit_gallery_btnarea .slider_btnarea .slick-next_btn {
  width: 48px;
  height: 48px;
}

@media only screen and (max-width: 960px) {
  .recruit_gallery_wrap .recruit_gallery_btnarea .slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}

/*=================

    about.scss

=======================*/
.about_mv_wrap {
  position: relative;
  /*
  	background: url($get_img+"about/bg01.png") top center no-repeat;
  	background-size: contain;
  */
  padding: 160px 16px;
  /*
  	@media only screen and (max-width:640px){
  		background: url($get_img+"about/bg01_sp.png") top center no-repeat;
  		background-size: contain;
  	}
  */
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap {
    padding: 64px 16px 80px;
  }
}

.about_mv_wrap .dot01 {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  -moz-animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
  animation: fuwafuwa 3s ease infinite;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .dot01 {
    width: 15%;
  }
}

.about_mv_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: .5s;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .dot02 {
    width: 15%;
  }
}

.about_mv_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  -moz-animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .dot03 {
    width: 15%;
  }
}

.about_mv_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: 5%;
  right: 10%;
  -moz-animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .dot04 {
    width: 15%;
  }
}

.about_mv_wrap .about_mv_inner {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

.about_mv_wrap .about_mv_title {
  font-size: 48px;
  line-height: 1.8;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .about_mv_title {
    font-size: 24px;
    margin: 0 0 24px;
  }
}

.about_mv_wrap .about_mv_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 40px;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .about_mv_text {
    font-size: 14px;
    margin: 0 0 24px;
  }
}

.about_mv_wrap .about_mv_list {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
}

.about_mv_wrap .about_mv_list .about_mv_item {
  width: calc((100% - 80px) / 3);
  margin: 0 40px 0 0;
  background: #fff;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  padding: 29px 16px;
  text-align: center;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .about_mv_list .about_mv_item {
    width: calc((100% - 16px) / 3);
    margin: 0 8px 0 0;
    padding: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-width: 1px;
  }
}

.about_mv_wrap .about_mv_list .about_mv_item:last-of-type {
  margin: 0;
}

.about_mv_wrap .about_mv_list .about_mv_item_title {
  font-size: 20px;
  line-height: 1.5;
  color: #1f3b6a;
  font-weight: 900;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .about_mv_list .about_mv_item_title {
    font-size: 12px;
  }
}

.about_mv_wrap .about_mv_list .about_mv_item_title span {
  font-size: 32px;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .about_mv_list .about_mv_item_title span {
    font-size: 20px;
  }
}

.about_mv_wrap .about_mv_list img {
  display: block;
  width: 100%;
  max-width: 100px;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .about_mv_wrap .about_mv_list img {
    max-width: 53px;
  }
}

.about_reason_wrap {
  padding: 160px 16px;
  background: #F8CFC2;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap {
    padding: 40px 16px;
  }
}

.about_reason_wrap .about_reason_main_title {
  text-align: center;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  margin: 0 0 40px;
}

.about_reason_wrap .about_reason_main_title::before,
.about_reason_wrap .about_reason_main_title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.about_reason_wrap .about_reason_main_title::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.about_reason_wrap .about_reason_main_title::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_main_title {
    font-size: 32px;
    margin: 0 0 24px;
  }
}

.about_reason_wrap .about_reason_main_title small {
  display: block;
  font-size: 18px;
  color: #1f3b6a;
  font-weight: 700;
  margin: 8px 0 0;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_main_title small {
    font-size: 14px;
  }
}

.about_reason_wrap .about_reason_anchor_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 1096px;
  width: 100%;
  margin: 0 auto 80px;
}

@media only screen and (max-width: 640px) {
  .about_reason_wrap .about_reason_anchor_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 -8px 8px;
    width: calc(100% + 16px);
  }
}

.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item {
  width: calc((100% - 96px) / 5);
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item {
    width: calc((100% - 48px) / 5);
    margin: 0 12px 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item {
    width: calc((100% - 24px) / 3);
    margin: 0 4px 16px;
  }
}

.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 640px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item:last-of-type {
    margin: 0 4px 16px;
  }
}

.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_link {
  display: block;
  width: 100%;
}

.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_pic {
  display: block;
  width: 100%;
  padding-top: calc(100% - 4px);
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 0 16px;
}

.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_pic img {
  display: block;
  width: 100%;
  max-width: 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_pic img {
    max-width: 80px;
  }
}

.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_text {
    font-size: 12px;
  }
}

.about_reason_wrap .about_reason_block {
  max-width: 1096px;
  width: 100%;
  margin: 0 auto;
}

.about_reason_wrap .about_reason_block .about_reason_box {
  padding: 134px 0 0;
  margin: -134px 0 40px;
}

@media only screen and (max-width: 1366px) {
  .about_reason_wrap .about_reason_block .about_reason_box {
    padding: 124px 0 0;
    margin: -124px 0 40px;
  }
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_block .about_reason_box {
    padding: 96px 0 0;
    margin: -96px 0 24px;
  }
}

.about_reason_wrap .about_reason_block .about_reason_box:last-of-type {
  margin: -134px 0 0;
}

@media only screen and (max-width: 1366px) {
  .about_reason_wrap .about_reason_block .about_reason_box:last-of-type {
    margin: -124px 0 0;
  }
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_block .about_reason_box:last-of-type {
    margin: -96px 0 0;
  }
}

.about_reason_wrap .about_reason_block .about_reason_box:nth-of-type(even) .about_reason_inner {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.about_reason_wrap .about_reason_block .about_reason_inner {
  background: #fff;
  padding: 24px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_block .about_reason_inner {
    padding: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .about_reason_wrap .about_reason_block .about_reason_inner {
    display: block;
  }
}

.about_reason_wrap .about_reason_block .about_reason_inner .about_reason_sub {
  width: calc(50% - 20px);
}

@media only screen and (max-width: 768px) {
  .about_reason_wrap .about_reason_block .about_reason_inner .about_reason_sub {
    display: none;
  }
}

.about_reason_wrap .about_reason_block .about_reason_inner .about_reason_main {
  width: calc(50% - 20px);
}

@media only screen and (max-width: 768px) {
  .about_reason_wrap .about_reason_block .about_reason_inner .about_reason_main {
    width: 100%;
  }
}

.about_reason_wrap .about_reason_block .about_reason_pic {
  width: 100%;
  height: 100%;
  min-height: 306px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

@media only screen and (max-width: 768px) {
  .about_reason_wrap .about_reason_block .about_reason_pic {
    min-height: inherit;
    height: inherit;
    padding-top: 60.45%;
    margin: 0 0 16px;
  }
}

.about_reason_wrap .about_reason_block .about_reason_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 900;
  color: #333;
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_block .about_reason_title {
    font-size: 24px;
  }
}

.about_reason_wrap .about_reason_block .about_reason_title span {
  color: #1f3b6a;
}

.about_reason_wrap .about_reason_block .about_reason_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #1f3b6a;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_block .about_reason_title small {
    font-size: 16px;
  }
}

.about_reason_wrap .about_reason_block .about_reason_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

@media only screen and (max-width: 960px) {
  .about_reason_wrap .about_reason_block .about_reason_text {
    font-size: 14px;
  }
}

/*=================

    others.scss

=======================*/
.faq_wrap {
  padding: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .faq_wrap {
    padding: 24px 0 0;
  }
}

.faq_wrap .faq_anchor_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 64px;
}

@media only screen and (max-width: 960px) {
  .faq_wrap .faq_anchor_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 56px;
  }
}

.faq_wrap .faq_anchor_list .faq_anchor_item {
  margin: 0 16px 16px 0;
  padding: 0 0 16px;
  width: calc((100% - 48px) / 4);
  border-bottom: 1px #c6c6c6 solid;
}

@media only screen and (max-width: 960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_item {
    width: calc(50% - 8px);
    margin: 0 0 8px;
    padding: 0 0 8px;
  }
}

.faq_wrap .faq_anchor_list .faq_anchor_item:nth-of-type(4n) {
  margin: 0 0 16px;
}

@media only screen and (max-width: 960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_item:nth-of-type(4n) {
    margin: 0 0 8px;
  }
}

.faq_wrap .faq_anchor_list .faq_anchor_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  font-weight: bold;
}

@media only screen and (max-width: 960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_link {
    font-size: 14px;
  }
}

.faq_wrap .faq_anchor_list .faq_anchor_link img {
  display: block;
  width: 20px;
  min-width: 20px;
  margin: 0 8px 0 0;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media only screen and (max-width: 960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_link img {
    margin: 0 4px 0 0;
  }
}

.faq_wrap .faq_main_title {
  font-size: 32px;
  line-height: 1.8;
  color: #333;
  font-weight: 900;
  margin: 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .faq_wrap .faq_main_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}

.faq_wrap .faq_block {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto 80px;
}

.faq_list {
  width: 100%;
}

.faq_list .faq_item {
  border-bottom: 1px #c6c6c6 solid;
}

.faq_list .faq_head {
  padding: 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_head {
    padding: 16px 8px;
  }
}

.faq_list .faq_head.active .faq_quest_btn:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  transform: translateX(-50%) translateY(-50%) rotate(0);
}

.faq_list .faq_head .faq_quest_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_head .faq_quest_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}

.faq_list .faq_head .faq_quest_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.faq_list .faq_head .faq_title {
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  width: calc(100% - 128px);
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_head .faq_title {
    font-size: 18px;
    width: calc(100% - 80px);
  }
}

.faq_list .faq_head .faq_quest_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 24px;
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_head .faq_quest_btn {
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
  }
}

.faq_list .faq_head .faq_quest_btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.faq_list .faq_head .faq_quest_btn:after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.faq_list .faq_body {
  display: none;
}

.faq_list .faq_body .faq_answer {
  padding: 24px;
  background: rgba(234, 55, 0, 0.2);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_body .faq_answer {
    padding: 16px 8px;
  }
}

.faq_list .faq_body .faq_answer_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #1f3b6a;
  border: 1px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  font-weight: 700;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_body .faq_answer_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}

.faq_list .faq_body .faq_answer_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.faq_list .faq_body .faq_text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  width: calc(100% - 64px);
}

@media only screen and (max-width: 960px) {
  .faq_list .faq_body .faq_text {
    font-size: 16px;
    width: calc(100% - 40px);
  }
}

.faq_list .faq_body .faq_text strong {
  font-weight: 700;
}

.others_wrap {
  padding: 80px 0;
}

@media only screen and (max-width: 960px) {
  .others_wrap {
    padding: 0 0 64px;
  }
}

.others_list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.others_list .others_item {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .others_list .others_item {
    margin: 0 0 40px;
  }
}

.others_list .others_item:last-of-type {
  margin: 0;
}

.others_list .others_title {
  font-size: 32px;
  line-height: 1.5;
  color: #333;
  font-weight: 900;
  margin: 0 0 24px;
}

.others_list .others_title::before,
.others_list .others_title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.others_list .others_title::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.others_list .others_title::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .others_list .others_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}

.others_list .others_text {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}

.others_list .others_text::before,
.others_list .others_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.others_list .others_text::before {
  margin-top: calc((1 - 1.8) * 0.5em);
}

.others_list .others_text::after {
  margin-bottom: calc((1 - 1.8) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .others_list .others_text {
    font-size: 13px;
  }
}

.error_wrap {
  padding: 210px 16px 105px;
}

@media only screen and (max-width: 960px) {
  .error_wrap {
    padding: 140px 16px 64px;
  }
}

.error_wrap .error_title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 900;
  color: #333;
  margin: 0 0 16px;
  text-align: center;
}

.error_wrap .error_title::before,
.error_wrap .error_title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.error_wrap .error_title::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.error_wrap .error_title::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media only screen and (max-width: 960px) {
  .error_wrap .error_title {
    font-size: 24px;
  }
}

.error_wrap .error_title span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #1f3b6a;
}

@media only screen and (max-width: 960px) {
  .error_wrap .error_title span {
    font-size: 11px;
  }
}

.error_wrap .error_text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 960px) {
  .error_wrap .error_text {
    font-size: 13px;
    margin: 0 auto 24px;
  }
}

.error_wrap .error_btn {
  position: relative;
  display: block;
  width: 258px;
  margin: 0 auto;
  text-align: center;
  line-height: 49px;
  border: 2px linear-gradient(0deg, #133868 0, #1f528f 100%);
  solid;
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  border-radius: 55px;
  font-size: 16px;
  color: #1f3b6a;
  font-weight: 700;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 960px) {
  .error_wrap .error_btn {
    width: 226px;
    font-size: 14px;
    line-height: 45px;
  }
}

.error_wrap .error_btn img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -5px;
}

@media only screen and (max-width: 960px) {
  .error_wrap .error_btn img {
    position: absolute;
    top: 50%;
    right: 14px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

.error_wrap .error_btn:hover {
  background: linear-gradient(0deg, #133868 0, #1f528f 100%);
  color: #fff;
}

.error_wrap .error_btn:hover img {
  filter: brightness(0) invert(1);
}

/* ======================= BASE ====== */
* {
  word-break: break-word;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  height: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.fm {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
}

.fg,
.common_btn01,
.common_btn02,
.common_btn03,
.common_all_link,
.common_all-l_link,
.common_all-bl_link,
.common_all-gl_link,
.common_aside_btn .common_aside_btn_text,
.common_top_btn .common_top_btn_text,
.footer_wrap .footer_block .footer_text,
.footer_wrap .footer_list .footer_link,
.footer_wrap .footer_sublist .footer_sublink,
.footer_wrap .footer_others_block .footer_others_list .footer_others_link,
.footer_wrap .footer_others_block .footer_others_sub .footer_copyright,
.form_input,
.form_select,
.form_textarea,
.form_radio_label .form_radio_text,
.form_checkbox_label .form_checkbox_text,
.form_title,
.form_subtitle,
.form_file_block .form_file_delete_btn,
.form_file_add_btn,
.form_file_list .form_file_item,
.form_btnarea .form_back_btn,
.form_btnarea .form_submit_btn,
.form_error,
.header_wrap .header_list .header_link,
.header_tel_box .header_tel_textarea .header_tel_text,
.header_tel_link,
.header_mail_box .header_mail_textarea .header_mail_text,
.header_mail_link,
.header_menu_flex .header_menu_list .header_menu_link .header_menu_text,
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink,
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link,
.header_menu_flex .header_menu_time_text,
.header_menu_info_list .header_menu_info_link,
.header_search_menu .header_search_form_block .header_search_input,
.header_search_menu .header_search_flex .header_search_title,
.header_search_menu .header_search_flex .header_search_list .header_search_item,
.pager_block .pager_prev,
.pager_block .pager_next,
.pager_block .pager_list,
.pager-d_block .pager_prev,
.pager-d_block .pager_next,
.pager-d_block .pager_all_link,
.pankuzu_list .pankuzu_item,
.popup_service_wrap .popup_service_title,
.popup_product_wrap .popup_product_title,
.common_mv_wrap .common_mv_title,
.common_related_title,
.common_related-b_title,
.common_top_title01,
.common_top_title02,
.common_top_title03,
.common_top_title04,
.common_water_title01,
.common_water_title02,
.common_water_title03,
.common_painting_title01,
.common_painting_title02,
.editor_title,
.editor_label,
.editor_key_link,
.editor_wrap,
.editor_contents_block .editor_contents_title,
.editor-w_wrap,
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01,
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01,
.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02,
.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02,
.top_mv_wrap .top_mv_column_list .top_mv_column_label,
.top_mv_wrap .top_mv_column_list .top_mv_column_title,
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_label,
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_title,
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title,
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_text,
.top_service_main_block .top_service_main_title,
.top_service_main_block .top_service_main_text,
.top_service_main_block .top_service_main_list .top_service_main_box_title,
.top_service_main_block .top_service_category_title,
.top_service_main_block .top_service_category_list .top_service_category_text,
.top_service_sub_block .top_service_sub_title,
.top_service_sub_block .top_service_sub_text,
.top_service_sub_block .top_service_detail_list .top_service_detail_text,
.top_guide_wrap .top_guide_block .top_guide_talk,
.top_guide_wrap .top_guide_list .top_guide_main .top_guide_title,
.top_guide_wrap .top_guide_list .top_guide_main .top_guide_text,
.top_guide_wrap .top_guide_sublist .top_guide_text,
.top_search_wrap .top_search_list .top_search_title_block .top_search_title,
.top_search_wrap .top_search_list .top_search_text,
.top_point_wrap .top_point_main .top_point_main_title,
.top_point_wrap .top_point_main .top_point_main_text,
.top_point_wrap .top_point_list .top_point_item_title,
.top_point_wrap .top_point_list .top_point_item_text,
.top_ec_wrap .top_ec_subtitle,
.top_ec_wrap .top_ec_text,
.top_category_label .top_category_text,
.top_column_wrap .top_column_list .top_column_label,
.top_column_wrap .top_column_list .top_column_title,
.top_column_wrap .top_column_list .top_column_text,
.top_column_wrap .top_column_key_list .top_column_key_link,
.top_company_wrap .top_company_title,
.top_company_wrap .top_company_text,
.top_contact_wrap .top_contact_block .top_contact_title,
.top_contact_wrap .top_contact_block .top_contact_subtitle,
.top_contact_wrap .top_contact_block .top_contact_text,
.news_list .news_date,
.news_list .news_category,
.news_list .news_title,
.news_category_block .news_category_title,
.news_category_list .news_category_link,
.news-d_wrap .news-d_date,
.news-d_wrap .news-d_title,
.news-d_wrap .news-d_label,
.common_contact_wrap .common_contact_title,
.common_contact_wrap .common_contact_text,
.common_contact_wrap .common_contact_subtext,
.common_contact_tel_link,
.common_contact_mail_link,
.contact_step_block .contact_step_list .contact_step_num,
.contact_step_block .contact_step_text_list .contact_step_text_item,
.contact_product_result .contact_product_result_title,
.contact_product_result .contact_product_result_list .form_product_result_label,
.contact_tel_block .contact_tel_title,
.contact_tel_block .contact_tel_text,
.contact_tel_link,
.contact_complete_block .contact_complete_title,
.contact_complete_block .contact_complete_text,
.voice_category_block .voice_category_title,
.voice_category_list .voice_category_label .voice_category_text,
.voice_category_list .voice_category_link,
.voice_list .voice_head .voice_label,
.voice_list .voice_body .voice_name,
.voice_list .voice_body .voice_title,
.voice_list .voice_body .voice_text,
.voice-d_mem_info .voice-d_name,
.product_link .product_label,
.product_link .product_title,
.product_link .product_text,
.product_key_list .product_key_item,
.product_side_fixed_block .product_side_fixed_textarea .product_side_fixed_text,
.product_side_fixed_block .product_side_fixed_subtext,
.product_side_fixed_block .product_side_tel_link,
.product_side_fixed_block .product_side_mail_link,
.product_side_fixed_block .product_side_ec_link,
.product_aside_block .product_aside_title,
.product_aside_head_link,
.product_aside_list .product_aside_btn,
.product_aside_list .product_aside_sublist .product_aside_link,
.product_aside_form_block .product_aside_form_input,
.product_fix_btn,
.product-all_head .product-all_title,
.product-all_list .product-all_main .product-all_name,
.product-all_list .product-all_main .product-all_text,
.product_guide_wrap .product_guide_block .product_guide_talk,
.product_guide_wrap .product_guide_list .product_guide_main .product_guide_title,
.product_guide_wrap .product_guide_list .product_guide_main .product_guide_text,
.product_guide_wrap .product_guide_sublist .product_guide_text,
.product-all_type_list .product-all_type_link,
.product-category_others_wrap .product-category_others_list .product-category_others_text,
.product-result_text,
.product_talk_wrap .product_talk_sub .product_talk_name,
.product_talk_wrap .product_talk_main .product_talk_text,
.product-d_block .product-d_title,
.product-d_block .product-d_table,
.product-d_block .product-d_download_list .product-d_download_link,
.product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_name,
.product-d_block .product-d_sample_text,
.product-d_cart_btn,
.product-d_others_list .product-d_others_link,
.column_link .column_title,
.column_link .column_label,
.column_link .column_text,
.column_key_list .column_key_link,
.column_tag_list .column_tag_link,
.service_aside_block .service_aside_title,
.service_aside_list .service_aside_btn,
.service_aside_list .service_aside_sublist .service_aside_link,
.service_fix_btn,
.service01_mv_wrap .service01_feature_list .service01_feature_title,
.service01_mv_wrap .service01_feature_list .service01_feature_text,
.service01_category_wrap .service01_category_list .service01_category_box,
.service01_voice_wrap .service01_voice_head .service01_voice_text,
.service_work_wrap .service_work_main_text,
.service_work_block .service_wrok_main,
.service_work_block .service_wrok_main .service_work_btn,
.service_others_wrap .service_others_title,
.service_others_wrap .service_others_list .service_others_subtitle,
.service_others_wrap .service_others_list .service_others_text,
.water_mv_wrap .water_mv_title,
.water_mv_wrap .water_mv_text,
.water_about_wrap .water_about_title,
.water_about_wrap .water_about_subtitle,
.water_about_wrap .water_about_text,
.water_feature_wrap .water_feature_list .water_feature_title,
.water_feature_wrap .water_feature_list .water_feature_text,
.water_reason_wrap .water_reason_list .water_reason_title,
.water_reason_wrap .water_reason_list .water_reason_text,
.water_flow_wrap .water_flow_list .water_flow_text,
.water_flow_wrap .water_flow_subtitle,
.water_flow_wrap .water_flow_subtext,
.water_design_wrap .water_design_list .water_design_title,
.water_design_wrap .water_design_list .water_design_text,
.water_design_sublink span,
.water_voice_wrap .water_voice_head .water_voice_text,
.water_sample_wrap .water_sample_link .water_sample_name,
.water_sample_wrap .water_sample_text,
.water_faq_wrap .water_faq_head .water_faq_title,
.water_faq_wrap .water_faq_body .water_faq_text,
.water-all_mv_wrap .water-all_mv_title,
.water-all_mv_wrap .water-all_mv_text,
.water-all_block .water-all_head .water-all_title,
.water-all_link .water-all_label,
.water-all_link .water-all_name,
.water-all_link .water-all_text,
.water-all_link .water-all_category,
.water-detail_contact_btn,
.water-detail_category,
.water_pattern_list .water_pattern_text,
.painting_mv_wrap .painting_mv_title,
.painting_mv_wrap .painting_mv_text,
.painting_about_wrap .painting_about_title,
.painting_about_wrap .painting_about_subtitle,
.painting_about_wrap .painting_about_text,
.painting_feature_wrap .painting_feature_list .painting_feature_title,
.painting_feature_wrap .painting_feature_list .painting_feature_text,
.painting_contact_btn,
.painting_sample_wrap .painting_sample_info_text,
.painting_sample_wrap .painting_sample_link .painting_sample_name,
.painting_sample_wrap .painting_sample_text,
.painting_voice_wrap .painting_voice_head .painting_voice_text,
.painting_faq_wrap .painting_faq_head .painting_faq_title,
.painting_faq_wrap .painting_faq_body .painting_faq_text,
.company_aside_list .company_aside_link,
.company_history_list,
.company_president_block .company_president_head .compnay_president_title,
.company_president_block .company_president_text,
.company_staff_block .company_staff_title,
.company_staff_block .company_staff_text,
.company_staff_block .company_staff_list .company_staff_pic .company_staff_label,
.company_staff_block .company_staff_list .company_staff_name,
.company_staff_block .company_staff_list .company_staff_info,
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn,
.company_factory_block .company_factory_textarea .company_factory_title,
.company_factory_block .company_factory_textarea .company_factory_text,
.company_factory_block .company_address_block .company_address_main .company_address_text,
.company_factory_block .company_address_link,
.recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title,
.recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_text,
.recruit_about_wrap .recruit_about_list .recruit_about_title,
.recruit_about_wrap .recruit_about_list .recruit_about_text,
.recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_title,
.recruit_detail_wrap .recruit_detail_link .recruit_detail_info .recruit_detail_label,
.recruit_detail_wrap .recruit_detail_link .recruit_detail_text,
.recruit_detail_wrap .align_right .recruit_detail_btn,
.about_mv_wrap .about_mv_title,
.about_mv_wrap .about_mv_text,
.about_mv_wrap .about_mv_list .about_mv_item_title,
.about_reason_wrap .about_reason_main_title,
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_text,
.about_reason_wrap .about_reason_block .about_reason_title,
.about_reason_wrap .about_reason_block .about_reason_text,
.faq_wrap .faq_anchor_list .faq_anchor_link,
.faq_wrap .faq_main_title,
.faq_list .faq_head .faq_title,
.faq_list .faq_body .faq_text,
.others_list .others_title,
.others_list .others_text,
.error_wrap .error_title,
.error_wrap .error_text,
.error_wrap .error_btn {
  font-family: 'Noto Sans JP', "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}

.fg-w3 {
  font-family: Hiragino Sans w3, "ヒラギノ角ゴシック w3", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}

.fg-w5 {
  font-family: Hiragino Sans w5, "ヒラギノ角ゴシック w5", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}

.fg-w6 {
  font-family: Hiragino Sans w6, "ヒラギノ角ゴシック w6", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}

.fg-w7 {
  font-family: Hiragino Sans w7, "ヒラギノ角ゴシック w7", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}

.fe,
.header_menu_flex .header_menu_list .header_menu_link .header_menu_text span,
.header_search_menu .header_search_flex .header_search_title small,
.common_mv_wrap .common_mv_title span,
.common_related_title small,
.common_related-b_title small,
.common_top_title01 small,
.common_top_title02 small,
.common_top_title03 small,
.common_top_title04 small,
.common_water_title01 small,
.common_water_title02 small,
.common_water_title03 small,
.common_painting_title01 small,
.common_painting_title02 small,
.top_company_wrap .top_company_title span,
.top_contact_wrap .top_contact_block .top_contact_title span,
.common_contact_wrap .common_contact_title span,
.service01_mv_wrap .service01_feature_list .service01_feature_title small,
.service_work_block .service_wrok_main .service_work_title span,
.water_feature_wrap .water_feature_list .water_feature_title small,
.water_flow_wrap .water_flow_list .water_flow_pic .water_flow_num,
.water-all_mv_wrap .water-all_mv_title span,
.painting_feature_wrap .painting_feature_list .painting_feature_title small,
.recruit_about_wrap .recruit_about_list .recruit_about_title small,
.about_reason_wrap .about_reason_main_title small,
.about_reason_wrap .about_reason_block .about_reason_title small,
.error_wrap .error_title span {
  font-family: 'Lato', sans-serif;
}

/* regular font */
.fs-xxs {
  font-size: 10px;
}

.fs-xs {
  font-size: 11px;
}

.fs-s {
  font-size: 12px;
}

.fs-m {
  font-size: 14px;
}

.fs-l {
  font-size: 16px;
}

a {
  cursor: pointer;
  text-decoration: none;
}

button {
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.common_inner {
  position: relative;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_l {
  position: relative;
  max-width: 1370px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_xl {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_m {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_s {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.slider_btnarea .slick-next_btn,
.slider-s_btnarea .slick-next_btn,
.footer_wrap .footer_list .footer_link,
.footer_wrap .footer_sublist .footer_sublink,
.footer_wrap .footer_others_block .footer_others_list .footer_others_link,
.form_checkbox_label .form_checkbox_text a,
.form_file_block .form_file_delete_btn,
.form_file_add_btn,
.header_wrap .header_list .header_link,
.header_wrap .header_btnarea .header_search_btn,
.header_tel_link,
.header_mail_link,
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink,
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link,
.header_menu_info_list .header_menu_info_link,
.header_search_menu .header_search_form_block .header_search_submit_btn,
.pager_block .pager_prev,
.pager_block .pager_next,
.pager_block .pager_list .pager_link,
.pager-d_block .pager_prev,
.pager-d_block .pager_next,
.pager-d_block .pager_all_link,
.pankuzu_list .pankuzu_link,
.editor_wrap a,
.editor_contents_block .editor_contents_list ul a,
.editor-w_wrap a,
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn,
.top_point_wrap .top_point_list .top_point_item_text a,
.top_category_label .top_category_text,
.news_category_list .news_category_link,
.common_contact_tel_link,
.common_contact_mail_link,
.contact_product_result .contact_product_result_list .form_product_result_label small,
.contact_tel_link,
.voice_category_list .voice_category_label .voice_category_text,
.voice_category_list .voice_category_link,
.product_side_fixed_block .product_side_close_btn,
.product_side_fixed_block .product_side_tel_link,
.product_side_fixed_block .product_side_mail_link,
.product_side_fixed_block .product_side_ec_link,
.product_talk_wrap .product_talk_main .product_talk_text a,
.product-d_block .product-d_table .product-d_table_info a,
.product-d_cart_btn,
.service_aside_color_list .service_aside_color_link,
.service01_category_wrap .service01_category_list .service01_category_pic,
.water_reason_wrap .water_reason_list .water_reason_text a,
.water_slider_btnarea .slick-next_btn,
.water-detail_contact_btn,
.painting_contact_btn,
.painting_slider_btnarea .slick-next_btn {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slider_btnarea .slick-next_btn:hover,
.slider-s_btnarea .slick-next_btn:hover,
.footer_wrap .footer_list .footer_link:hover,
.footer_wrap .footer_sublist .footer_sublink:hover,
.footer_wrap .footer_others_block .footer_others_list .footer_others_link:hover,
.form_checkbox_label .form_checkbox_text a:hover,
.form_file_block .form_file_delete_btn:hover,
.form_file_add_btn:hover,
.header_wrap .header_list .header_link:hover,
.header_wrap .header_btnarea .header_search_btn:hover,
.header_tel_link:hover,
.header_mail_link:hover,
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink:hover,
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link:hover,
.header_menu_info_list .header_menu_info_link:hover,
.header_search_menu .header_search_form_block .header_search_submit_btn:hover,
.pager_block .pager_prev:hover,
.pager_block .pager_next:hover,
.pager_block .pager_list .pager_link:hover,
.pager-d_block .pager_prev:hover,
.pager-d_block .pager_next:hover,
.pager-d_block .pager_all_link:hover,
.pankuzu_list .pankuzu_link:hover,
.editor_wrap a:hover,
.editor_contents_block .editor_contents_list ul a:hover,
.editor-w_wrap a:hover,
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn:hover,
.top_point_wrap .top_point_list .top_point_item_text a:hover,
.top_category_label .top_category_text:hover,
.news_category_list .news_category_link:hover,
.common_contact_tel_link:hover,
.common_contact_mail_link:hover,
.contact_product_result .contact_product_result_list .form_product_result_label small:hover,
.contact_tel_link:hover,
.voice_category_list .voice_category_label .voice_category_text:hover,
.voice_category_list .voice_category_link:hover,
.product_side_fixed_block .product_side_close_btn:hover,
.product_side_fixed_block .product_side_tel_link:hover,
.product_side_fixed_block .product_side_mail_link:hover,
.product_side_fixed_block .product_side_ec_link:hover,
.product_talk_wrap .product_talk_main .product_talk_text a:hover,
.product-d_block .product-d_table .product-d_table_info a:hover,
.product-d_cart_btn:hover,
.service_aside_color_list .service_aside_color_link:hover,
.service01_category_wrap .service01_category_list .service01_category_pic:hover,
.water_reason_wrap .water_reason_list .water_reason_text a:hover,
.water_slider_btnarea .slick-next_btn:hover,
.water-detail_contact_btn:hover,
.painting_contact_btn:hover,
.painting_slider_btnarea .slick-next_btn:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 960px) {

  .slider_btnarea .slick-next_btn:hover,
  .slider-s_btnarea .slick-next_btn:hover,
  .footer_wrap .footer_list .footer_link:hover,
  .footer_wrap .footer_sublist .footer_sublink:hover,
  .footer_wrap .footer_others_block .footer_others_list .footer_others_link:hover,
  .form_checkbox_label .form_checkbox_text a:hover,
  .form_file_block .form_file_delete_btn:hover,
  .form_file_add_btn:hover,
  .header_wrap .header_list .header_link:hover,
  .header_wrap .header_btnarea .header_search_btn:hover,
  .header_tel_link:hover,
  .header_mail_link:hover,
  .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink:hover,
  .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link:hover,
  .header_menu_info_list .header_menu_info_link:hover,
  .header_search_menu .header_search_form_block .header_search_submit_btn:hover,
  .pager_block .pager_prev:hover,
  .pager_block .pager_next:hover,
  .pager_block .pager_list .pager_link:hover,
  .pager-d_block .pager_prev:hover,
  .pager-d_block .pager_next:hover,
  .pager-d_block .pager_all_link:hover,
  .pankuzu_list .pankuzu_link:hover,
  .editor_wrap a:hover,
  .editor_contents_block .editor_contents_list ul a:hover,
  .editor-w_wrap a:hover,
  .top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn:hover,
  .top_point_wrap .top_point_list .top_point_item_text a:hover,
  .top_category_label .top_category_text:hover,
  .news_category_list .news_category_link:hover,
  .common_contact_tel_link:hover,
  .common_contact_mail_link:hover,
  .contact_product_result .contact_product_result_list .form_product_result_label small:hover,
  .contact_tel_link:hover,
  .voice_category_list .voice_category_label .voice_category_text:hover,
  .voice_category_list .voice_category_link:hover,
  .product_side_fixed_block .product_side_close_btn:hover,
  .product_side_fixed_block .product_side_tel_link:hover,
  .product_side_fixed_block .product_side_mail_link:hover,
  .product_side_fixed_block .product_side_ec_link:hover,
  .product_talk_wrap .product_talk_main .product_talk_text a:hover,
  .product-d_block .product-d_table .product-d_table_info a:hover,
  .product-d_cart_btn:hover,
  .service_aside_color_list .service_aside_color_link:hover,
  .service01_category_wrap .service01_category_list .service01_category_pic:hover,
  .water_reason_wrap .water_reason_list .water_reason_text a:hover,
  .water_slider_btnarea .slick-next_btn:hover,
  .water-detail_contact_btn:hover,
  .painting_contact_btn:hover,
  .painting_slider_btnarea .slick-next_btn:hover {
    opacity: 1;
  }
}

.editor_main_pic,
.top_mv_wrap .top_mv_main .top_mv_pic,
.top_mv_wrap .top_mv_column_list .top_mv_column_main,
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main,
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic,
.top_service_main_block .top_service_main_list .top_service_main_link,
.top_guide_wrap .top_guide_list .top_guide_pic_block .top_guide_pic,
.top_column_wrap .top_column_list .top_column_pic_block .top_column_pic,
.top_company_wrap .top_company_box,
.voice_list .voice_head .voice_pic,
.voice_list .voice_body .voice_mem,
.voice-d_mem_info .voice-d_mem_pic_block .voice-d_mem_pic,
.product-all_list .product-all_pic_block .product-all_pic,
.product_guide_wrap .product_guide_list .product_guide_pic_block .product_guide_pic,
.product-all_type_list .product-all_type_link,
.product-category_others_wrap .product-category_others_list .product-category_others_link,
.column_link .column_pic,
.service_aside_list .service_aside_sublist .service_aside_link span,
.service01_mv_wrap .service01_feature_list .service01_feature_pic,
.service01_category_wrap .service01_category_list .service01_category_pic,
.service_work_block .service_work_pic,
.service_others_wrap .service_others_list .service_others_pic,
.water_feature_wrap .water_feature_list .water_feature_pic,
.water_flow_wrap .water_flow_list .water_flow_pic,
.water_design_sublink .water_design_icon,
.water-all_mv_wrap,
.water-all_link .water-all_category span,
.water-detail_category span,
.water_pattern_list .water_pattern_link,
.painting_feature_wrap .painting_feature_list .painting_feature_pic,
.company_slider_block .company_slider_list .company_slider_pic,
.company_staff_block .company_staff_list .company_staff_pic,
.recruit_detail_wrap .recruit_detail_link .recruit_detail_pic,
.recruit_gallery_wrap .recruit_gallery_list .recruit_gallery_pic,
.about_reason_wrap .about_reason_block .about_reason_pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f1f1f1;
}

.common_pc {
  display: block;
}

.common_pc.height_100 {
  height: 100%;
}

@media only screen and (max-width: 960px) {
  .common_pc {
    display: none;
  }
}

.common_sp {
  display: none;
}

@media only screen and (max-width: 960px) {
  .common_sp {
    display: block;
  }
}

.common_pc_768 {
  display: block;
}

@media only screen and (max-width: 768px) {
  .common_pc_768 {
    display: none;
  }
}

.common_sp_768 {
  display: none;
}

@media only screen and (max-width: 768px) {
  .common_sp_768 {
    display: block;
  }
}

.common_pc_640 {
  display: block;
}

@media only screen and (max-width: 640px) {
  .common_pc_640 {
    display: none;
  }
}

.common_sp_640 {
  display: none;
}

@media only screen and (max-width: 640px) {
  .common_sp_640 {
    display: block;
  }
}

/* animation */
@keyframes fuwafuwa {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

/*=================

    custom.scss

=======================*/
.recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
  font-size: 27px;
}

@media only screen and (max-width: 640px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
    font-size: 20px;
  }
}

.top_ec_wrap .top_ec_main {
  max-width: 600px;
}

.footer_menu_service_list {
  margin: 16px 0 0;
  padding: 0 0 0 32px;
}

.footer_menu_service_item {
  margin: 0 0 10px;
}

.footer_sublink {
  display: block;
}

.footer_menu_service_link {
  display: block;
  position: relative;
  padding: 0 0 0 13px;
  color: #fff;
  line-height: 1.7;
  font-size: 14px;
  font-weight: 400;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}

@media only screen and (max-width: 960px) {
  .footer_menu_service_link {
    font-size: 12px;
  }
}

.footer_menu_service_link:before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.company_factory_video_block {
  margin: 80px 0 0;
}

@media only screen and (max-width: 960px) {
  .company_factory_video_block {
    margin: 40px 0 0;
    padding: 0 20px;
  }
}

.company_factory_video_main {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.company_factory_video_main iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  bottom: 12px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 24px);
}

.company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list .company_staff_label_item {
  display: inline-block;
  padding: 1px 8px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
  margin: 0 4px 4px;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list .company_staff_label_item {
    font-size: 11px;
  }
}

.editor_wrap {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .editor_wrap {
    margin: 0 0 40px;
  }
}

/*-------- 色指定 ---------*/
:root {
  --f-text: #333333;
  /*文字の色*/
  --f-line: #C6C6C6;
  /*線の色*/
  --f-bg1: #EA3900;
  /*タイトル行の背景色*/
  --f-bg2: #EFEFEF;
  /*ストライプの背景色*/
}

.wp-block-table table {
  color: var(--f-text);
  text-align: start;
  border: 2px solid var(--f-line);
  background-color: white;
}

.wp-block-table table th {
  border: 1px dotted white;
  text-align: start;
}

.wp-block-table thead {
  border-bottom: 1px solid var(--f-line);
}

.wp-block-table table td {
  border: 1px dotted var(--f-line);
  text-align: start;
  vertical-align: top;
}

.wp-block-table thead {
  color: white;
}

.wp-block-table th {
  background-color: var(--f-bg1);
}

.wp-block-table tr:nth-child(even) {
  background-color: var(--f-bg2);
}

.voice-d_mem_info .voice-d_logo {
  display: block;
  width: 120px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .voice-d_mem_info .voice-d_logo {
    width: 56px;
    height: 28px;
    margin: 0 0 4px;
  }
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.top_search_wrap .top_search_list .top_search_text {
  -webkit-line-clamp: 6 !important;
}

.editor_main_pic {
  background-size: contain;
  background-color: #fff;
}

.top_service_sub_block .top_service_sub_pic01 {
  max-width: none;
}

@media only screen and (max-width: 640px) {
  .top_contact_wrap .top_contact_pic01 {
    width: 120px;
  }

  .top_contact_wrap .top_contact_pic02 {
    width: 120px;
  }
}

.product-all_pic_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(270deg, transparent 0%, transparent 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, transparent 0%, transparent 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.product-all_link:hover .product-all_pic_block:before {
  background: -moz-linear-gradient(270deg, transparent 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(270deg, transparent 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
}

.recruit_message_block img {
  display: block;
  width: auto;
  height: auto;
  width: 100%;
  max-width: 960px;
  margin: 40px auto 0px;
}

.product_aside_list .product_aside_sublist .product_aside_link .product_aside_icon span {
  width: 24px;
}

.product-all_pic_block:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40.08%, rgba(0, 0, 0, 0.1) 87%, rgba(0, 0, 0, 0.3) 100%);
}

.top_company_wrap .top_company_box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: none;
}

.top_ec_wrap .top_ec_subtitle {
  text-shadow: 2px 2px 4px #00000080;
}

.top_ec_text span {
  text-shadow: 2px 2px 4px #00000080;
}

.top_ec_wrap .top_ec_main {
  max-width: 640px;
}

.company_contact_link {
  color: #1f3b6a;
}

.company_address_main a {
  color: #1f3b6a;
}

.company_factory_textarea a {
  color: #1f3b6a;
}

.top_ec_wrap .top_ec_subtitle {
  font-size: 18px;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_subtitle {
    font-size: 16px;
  }
}

.top_service_main_block .top_service_category_list .top_service_category_icon .top_service_category_icon_img {
  width: 24px;
}

.top_guide_wrap .top_guide_sublist .top_guide_icon .top_guide_icon_img {
  border-radius: 100px;
}

.wp-block-image figcaption {
  margin-top: 0.1em !important;
  margin-bottom: 2em !important;
  font-size: 0.8em;
}

.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
  margin-bottom: 40px !important;
}

.wp-block-columns img {
  margin-bottom: 0px !important;
}

/*
.wp-block-button {
  display: block;
  width: 100%;
  border: 1px black solid;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  padding: 8px 40px 8px 16px;
  background: url("assets/images/common/arrow_black-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
*/
.wp-block-button__link.wp-element-button {
  display: block;
  width: 100%;
  border: 1px black solid;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  padding: 8px 40px 8px 16px;
  background: url("assets/images/common/arrow_black-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

.wp-block-button__link.wp-element-button:hover {
  color: #fff;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #000;
  background-size: 16px;
}

.wp-block-button {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}

@media only screen and (max-width: 1200px) {
  .wp-block-button {
    width: calc(50% - 4px);
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .wp-block-button {
    width: 100%;
    margin: 0 0 8px;
  }
}

.wp-block-button:nth-of-type(3n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 1200px) {
  .wp-block-button:nth-of-type(3n) {
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 640px) {
  .wp-block-button:nth-of-type(3n) {
    margin: 0 0 8px;
  }
}

@media only screen and (max-width: 640px) {
  .product-d_block .product-d_download_list .product-d_download_item:last-of-type {
    margin: 0;
  }
}

.wp-block-buttons {
  align-items: start;
}

.wp-block-buttons.is-layout-flex {
  align-items: start !important;
}

.product_guide_icon_img {
  border-radius: 100px;
}

.product_guide_wrap .product_guide_sublist .product_guide_icon .product_guide_icon_img {
  border-radius: 100px;
}

/* editer  */
@media only screen and (max-width: 960px) {

  /*
    .editor_wrap img {
      width : 300px !important;
    }
  */
  .async {
    width: auto !important;
  }
}

.top_mv_box01,
.top_mv_box02,
.top_mv_box03 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.product_talk_wrap {
  margin: 160px 0 80px 0;
}

.poduct-middle_others_wrap {
  margin: 0 0 80px 0;
}

.wp-block-table {
  margin-bottom: 40px;
}

.wp-block-table table td {
  max-width: 300px;
}

@media only screen and (max-width: 960px) {
  .wp-block-table {
    margin-bottom: 24px;
  }

  .wp-block-table:last-child {
    margin-bottom: 0px;
  }

  .wp-block-table table td {
    max-width: none;
  }
}

table td {
  max-width: 200px;
  border: 1px dotted var(--f-line);
  text-align: start;
  vertical-align: top;
  padding: 0.5em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--f-text);
  text-align: start;
  border: 2px solid var(--f-line);
  background-color: white;
}

td {
  border: 1px dotted var(--f-line);
  text-align: start;
  vertical-align: top;
  max-width: 200px;
  border: 1px solid;
}

.wp-block-table {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table tr:nth-child(even) {
  background-color: var(--f-bg2);
}

table td {
  max-width: 300px;
}

@media only screen and (max-width: 960px) {
  table td {
    max-width: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .product_interest_block {
    overflow: hidden;
    margin: 0 -16px 0 0;
  }
}

.product_interest_list {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 960px) {
  .product_interest_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 640px) {
  .product_interest_list {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 30px 0 50px 30px;
    overflow: scroll;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }

  .product_interest_list::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
  }
}

.product_interest_list .product_interest_item {
  width: calc((100% - 60px) / 5);
  margin: 0 12px 0 0;
}

@media only screen and (max-width: 960px) {
  .product_interest_list .product_interest_item {
    width: calc(50% - 10px);
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 640px) {
  .product_interest_list .product_interest_item {
    min-width: 220px;
    width: 220px;
    margin: 0 20px 0 0;
  }
}

.product_interest_list .product_interest_item:last-of-type {
  margin: 0;
}

.product_interest_list .product_link {
  padding: 10px;
}

.product_interest_list .product_link .product_label {
  font-size: 9px;
  margin: 0 auto 20px;
}

.product_interest_list .product_link .product_pic {
  max-width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

.product_interest_list .product_link .product_title {
  font-size: 14px;
  height: 40px;
}

.product_interest_list .product_link .product_text {
  font-size: 10px;
}

/*# sourceMappingURL=style.css.map */