@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

*, h1, h2, h3, h4, h5, p {
  padding: 0;
  margin: 0;
}

html {
  font-size: 10px;
  overflow-y: scroll;
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  html {
    overflow-x: hidden;
    width: 100%;
  }
}

body {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  body {
    overflow-x: hidden;
    width: 100%;
  }
}

a {
  text-decoration: none;
}

ul, li {
  list-style: none;
}

*:focus {
  outline: none;
}

img {
  vertical-align: bottom;
  border: 0px;
  width: 100%;
  height: 100%;
}

section {
  position: relative;
}

.pc-none {
  display: none;
}
@media screen and (min-width: 1501px) {
  .pc-none {
    display: none;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1500px) {
  .pc-none {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .pc-none {
    display: none;
  }
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .pc-none {
    display: block;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .pc-none {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .pc-none {
    display: block;
  }
}

.sp-none {
  display: block;
}
@media screen and (min-width: 1501px) {
  .sp-none {
    display: block;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1500px) {
  .sp-none {
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .sp-none {
    display: block;
  }
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .sp-none {
    display: none;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .sp-none {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  .sp-none {
    display: none;
  }
}

/****************************************
		1. General Setting
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

html {
  background-color: #fff;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  html {
    width: 99%;
    margin: 0 auto;
  }
}

body {
  font-family: "Noto Sans JP", "Inconsolata", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ms pgothic", "osaka", sans-serif;
  font-size: 14px;
  color: #000;
}

img {
  vertical-align: text-bottom;
}

iframe {
  width: 100% !important;
}

.clear {
  clear: both;
  line-height: 0;
}

/****************************************
costomize_propety
*****************************************/
header {
  background-color: #000 !important;
}

main {
  background-color: #fff !important;
  top: 0 !important;
}
.service .main_title {
  margin: 100px 0 50px 0;
  font-size: 55px;
  letter-spacing: 6px;
  text-align: center;
}
.service .main_title rt {
  font-size: 35px;
}

.s_box h3 {
  font-size: 36px;
  color: #000;
  padding: 0 0 4px 16px;
  margin: 0 0 50px 0;
}
.s_box h3 a {
  color: #000;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .s_box h3 {
    width: 90%;
    font-size: 7.5vw;
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 375px) {
  .s_box h3 {
    width: 90%;
    font-size: 7.5vw;
    margin: 0 auto 50px;
  }
}
.s_box .rehamo {
  border-left: 11px solid #eb0000;
}
.s_box .light {
  border-left: 11px solid #00b4eb;
}
.s_box .houkan {
  border-left: 11px solid #e8006c;
}
.s_box .img_box {
  width: 85%;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.s_box .img_box .logo {
  width: 26%;
  display: inline-block;
  vertical-align: top;
  margin: 70px 60px 0 0;
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .s_box .img_box .logo {
    display: block;
    width: 72%;
    margin: 0 auto 40px;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .s_box .img_box .logo {
    display: block;
    width: 72%;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 375px) {
  .s_box .img_box .logo {
    display: block;
    width: 72%;
    margin: 0 auto 40px;
  }
}
.s_box .img_box .img {
  width: 65%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .s_box .img_box .img {
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .s_box .img_box .img {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .s_box .img_box .img {
    width: 100%;
    display: block;
  }
}
.s_box .disp {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 20px 25px;
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 1.45;
  margin: 50px 0 0 0;
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .s_box .disp {
    text-align: left;
    font-size: 16px;
    line-height: 1.55;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .s_box .disp {
    text-align: left;
    font-size: 16px;
    line-height: 1.55;
  }
}
@media screen and (max-width: 375px) {
  .s_box .disp {
    text-align: left;
    font-size: 16px;
    line-height: 1.55;
  }
}
.s_box .disp a {
  color: #333;
}
.s_box .button {
  display: block;
  text-align: center;
  width: 45%;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(1);
  transform: scale(1);
  margin: 50px auto 120px;
  padding: 30px 25px;
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .s_box .button {
    width: 90%;
    font-size: 21px;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .s_box .button {
    width: 90%;
    font-size: 21px;
  }
}
@media screen and (max-width: 375px) {
  .s_box .button {
    width: 90%;
    font-size: 21px;
  }
}
.s_box .button:hover {
  -webkit-animation-name: hover-button-size;
  animation-name: hover-button-size;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  margin: 50px auto 120px;
  padding: 30px 25px;
}
.s_box .rehamob {
  background-color: #cb0000;
}
.s_box .rehamob:hover {
  background-color: #f40000;
}
.s_box .lightb {
  background-color: #00aee2;
}
.s_box .lightb:hover {
  background-color: #00c3ff;
}
.s_box .houkanb {
  background-color: #ee006f;
}
.s_box .houkanb:hover {
  background-color: #e8006c;
}

.asso_conpany {
  width: 90%;
  margin: 80px auto 0;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .asso_conpany {
    width: 95%;
    margin: 80px auto 0;
  }
}
@media screen and (max-width: 375px) {
  .asso_conpany {
    width: 95%;
    margin: 80px auto 0;
  }
}
.asso_conpany h2 {
  margin: 200px 0 50px 0;
  font-size: 55px;
  letter-spacing: 6px;
  text-align: center;
}
.asso_conpany .company {
  text-align: center;
}
.asso_conpany .company .logo {
  display: block;
  width: 21%;
  margin: 0 auto;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .asso_conpany .company .logo {
    width: 50%;
  }
}
@media screen and (max-width: 375px) {
  .asso_conpany .company .logo {
    width: 50%;
  }
}
.asso_conpany .company .logo img {
  width: 100%;
  display: block;
}
.asso_conpany .company a {
  color: #333;
  font-weight: 500;
  font-size: 24px;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .asso_conpany .company a {
    font-size: 22px;
  }
}
@media screen and (max-width: 375px) {
  .asso_conpany .company a {
    font-size: 22px;
  }
}
.asso_conpany .nbj_box {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  display: block;
  width: 100%;
  margin: 70px auto;
  text-align: center;
  padding: 70px 70px 0;
}
.asso_conpany .nbj_box .sb_box {
  width: 25%;
  display: inline-block;
  margin: 0 250px 0 0;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .asso_conpany .nbj_box .sb_box {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .asso_conpany .nbj_box .sb_box {
    width: 100%;
    display: block;
  }
}
.asso_conpany .nbj_box .sb_box .button {
  background-color: #766474;
  display: block;
  text-align: center;
  margin: 50px auto 70px;
  width: 85%;
  padding: 22px 20px;
  border-radius: 10px;
  color: #fff;
  font-weight: 350;
  font-size: 20px;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.asso_conpany .kf_box {
  width: 29%;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .asso_conpany .kf_box {
    width: 100%;
    display: block;
    margin: 150px 0 0 0;
  }
}
@media screen and (max-width: 375px) {
  .asso_conpany .kf_box {
    width: 100%;
    display: block;
    margin: 150px 0 0 0;
  }
}
.asso_conpany .kf_box .kf {
  position: relative;
  top: -42px;
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .asso_conpany .kf_box .kf {
    top: 0;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .asso_conpany .kf_box .kf {
    top: 0;
  }
}
@media screen and (max-width: 375px) {
  .asso_conpany .kf_box .kf {
    top: 0;
  }
}
.asso_conpany .kf_box .button {
  background-color: #766474;
  display: block;
  text-align: center;
  margin: 50px auto 70px;
  width: 85%;
  padding: 22px 20px;
  border-radius: 10px;
  color: #fff;
  font-weight: 350;
  font-size: 20px;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.product .sub_title {
  margin: 150px 0 0 0;
  font-size: 55px;
  letter-spacing: 6px;
  text-align: center;
  font-weight: 500;
}
.product .sub_title rt {
  font-size: 35px;
}

.prdct-slider {
  margin: 140px 0 400px !important;
}
.prdct-slider .slick-list:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #ccc;
  bottom: -140px;
  left: 0px;
  width: 80vw;
  height: 5px;
}
@media screen and (min-width: 1501px) {
  .prdct-slider .slick-list:after {
    width: calc(1500px - 13vw);
  }
}
@media screen and (min-width: 696px) and (max-width: 960px) {
  .prdct-slider .slick-list:after {
    display: none;
  }
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .prdct-slider .slick-list:after {
    display: none;
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .prdct-slider .slick-list:after {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  .prdct-slider .slick-list:after {
    display: none;
  }
}
.prdct-slider .slick-list .slick-slide {
  opacity: 0.65;
  margin: 0 35px;
}
.prdct-slider .slick-list .slick-current {
  opacity: 1;
  -webkit-transform: scale(1.35);
          transform: scale(1.35);
}
@media screen and (min-width: 696px) and (max-width: 960px) {
  .prdct-slider .slick-list .slick-current {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}
@media screen and (min-width: 431px) and (max-width: 695px) {
  .prdct-slider .slick-list .slick-current {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}
@media screen and (min-width: 376px) and (max-width: 430px) {
  .prdct-slider .slick-list .slick-current {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}
@media screen and (max-width: 375px) {
  .prdct-slider .slick-list .slick-current {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}
/*# sourceMappingURL=service.css.map */