@charset "UTF-8";
/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 sprite
====================================================================== */
/* =================================
 icon font
================================= */
@font-face {
  font-family: 'icons';
  src: url("/assets?p=%2F..%2Ffonts%2Ficons.ttf%3Fcd33qy") format("truetype"), url("/assets?p=%2F..%2Ffonts%2Ficons.woff%3Fcd33qy") format("woff"), url("/assets?p=%2F..%2Ffonts%2Ficons.svg%3Fcd33qy") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.icon-arrow:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-tri:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-ext:before {
  content: "";
}

/* =================================
 hoge
================================= */
/* =================================
 hoge
================================= */
@keyframes arrow {
  50% {
    transform: translateX(100%);
  }
  51% {
    transform: translateX(-100%) scaleX(0);
  }
  100% {
    transform: translateX(0);
  }
}
/* ======================================================================
 p_top
====================================================================== */
.text-box-01 {
  margin: 80px auto 50px;
}
@media screen and (max-width: 768px) {
  .text-box-01 {
    margin: 50px auto;
  }
}
.text-box-01 p {
  text-align: center;
  display: table;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .text-box-01 p {
    margin: 0 auto 30px;
  }
}
.text-box-01 a {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .text-box-01 a {
    max-width: 300px;
  }
}

.p_top_customer_banner.youtube iframe {
  width: 500px;
  height: 280px;
  margin: 0 auto 40px;
  display: table;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p_top_customer_banner.youtube iframe {
    width: 100%;
    height: auto;
    min-height: 190px;
    margin: 0 auto 30px;
  }
}
.p_top_customer_banner.youtube a {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p_top_customer_banner.youtube a {
    max-width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .p_top_reason_txtbox.t1 {
    top: 0;
  }
}

.banner-01 .mv-box-3 {
  margin-top: 13vw;
  margin-left: 7.5vw;
}

.banner-01 .mv-box-3 .mv-box-3-box {
  position: inherit;
  left: inherit;
  bottom: inherit;
}

.banner-01 .mv-box-3 a.c_btn_1_pt1:before {
  background: #1758c1;
}

.banner-01 .mv-box-3 a.c_btn_1_pt1:hover:after {
  color: #1758c1;
}

.banner-01 .mv-box-2 a.c_btn_1_pt1 {
  border: 1px solid #16562d;
}

.banner-01 .mv-box-2 a.c_btn_1_pt1:before {
  background: #53aa96;
}

.banner-01 .mv-box-2 a.c_btn_1_pt1:hover:after {
  color: #53aa96;
}

.banner-01 a.a01 {
  height: 100%;
  display: block;
}

.box_202503a {
margin: 0 auto 30px;
width: 100%;
max-width: 980px;
position: relative;
}

.box_202503a a {
  display: block;
}

.box_202503a img {
max-width: 100%;
}

.box_202503a:after {
  /* z-index: 2;
  display: inline-block;
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 12px;
  color: #fff;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #172E56;
  display: flex;
  align-items: center;
  justify-content: center; */
}
@media screen and (max-width: 768px) {
  .box_202503a:after {
    /* font-size: 10px;
    width: 23px;
    height: 15px; */
  }
  .box_202503a  {
    margin: 0 auto 20px;
  }
}

/*# sourceMappingURL=p_top20210512.css.map */