@charset "UTF-8";
body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  font-size: 16px;
}
p {
  line-height: 2rem;
  color: #333;
}
.bg_header {
  position: relative;
  height: 650px;
  background: url("../images/bannar.jpg") center/cover no-repeat;
  background-size: cover;
  margin-bottom: 50px;
}
.bg_header_kosi {
  position: relative;
  height: 650px;
  background: url("../images/bannar_toppatu.jpg");
  background-size: cover;
  margin-bottom: 100px;
  z-index: -1;
}
.bg_header_kotu {
  position: relative;
  height: 650px;
  background: url("../images/bannar_kotu.jpg");
  background-size: cover;
  margin-bottom: 100px;
  z-index: -1;
}
.bg_header_asi {
  position: relative;
  height: 650px;
  background: url("../images/bannar_asi.jpg");
  background-size: cover;
  margin-bottom: 100px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .bg_header {
    height: 580px;
    background: url("../images/bannar_sp.jpg") center/cover no-repeat;
  }
  .bg_header_kosi {
    height: 560px;
    background: url("../images/bannar_kosi_sp.jpg");
    background-size: auto;
  }
  .bg_header_kotu {
    height: 560px;
    background: url("../images/bannar_kotu_sp.jpg");
    background-size: auto;
  }
  .bg_header_asi {
    height: 560px;
    background: url("../images/bannar_asi_sp.jpg");
    background-size: auto;
  }
}
.bg_header img, .bg_header_kosi img, .bg_header_kotu img, .bg_header_asi img {
  width: 100%;
}
.top_midashi {
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .top_midashi {
    /*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    min-width: 400px;*/
    width: 90%;
    margin: auto;
  }
}
.top_midashi h1 {
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
  /*  -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));*/
  line-height: 4.2rem;
  margin: 0 0 0.5rem 0;
}
@media screen and (max-width: 768px) {
  .top_midashi h1 {
    font-size: 2rem;
    line-height: 3.5rem;
  }
}
.top_midashi p {
  font-size: 0.85rem;
  font-weight: 400;
  color: #fff;
  padding: 10px 0;
  line-height: 1.7em;
  opacity: 0.75;
}
.video_area {
  height: 155px;
  width: 280px;
  border: 1px solid #e3e3e3;
  background-color: #ccc;
  position: absolute;
  bottom: -60px;
  right: 0px;
  left: 0px;
  margin: auto;
  z-index: 98;
}
.sec_top {
  color: #333;
  overflow: hidden;
}
.sec_top .top_inner {
  padding: 0 10px;
}
.sec_top .content_a .block_attension p.attension_ttl {
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin: auto;
  background-color: #82663A;
  color: #fff;
  padding: 2rem 10px;
}
@media screen and (max-width: 768px) {
  .sec_top .content_a .block_attension p.attension_ttl {
    font-size: 1.5rem;
  }
}
/*.sec_top .content_a .block_attension h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  height: 2px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, transparent, #82663A 25%, #82663A 75%, transparent);
  background-image: linear-gradient(to right, transparent, #82663A 25%, #82663A 75%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}*/
.sec_top h2.h2_hiza::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  height: 2px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, transparent, #67cfca 25%, #67cfca 75%, transparent);
  background-image: linear-gradient(to right, transparent, #67cfca 25%, #67cfca 75%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}
.sec_top ul {
  align-items: center;
  padding: 1rem 0.5rem;
}
.sec_top ul li {
  position: relative;
  margin: 10px;
  border-radius: 50px;
  padding: 5px 5px 5px 10px;
  font-weight: 500;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .sec_top ul li {
    font-size: 1.25rem;
  }
}
/*.sec_top ul li::before {
  position: absolute;
  content: '';
  height: 22.5px;
  width: 29px;
  background-image: url("../images/icon-check.svg");
  background-size: cover;
  left: 0;
  top: 3px;
  bottom: 0;
  margin: auto;
}*/
.sec_top ul.ul_hiza li {
  background-color: #67cfca;
  margin: 15px;
  border-radius: 50px;
  padding: 5px;
}
.sec_top ul li p {
  position: relative;
  padding-left: 2.5rem;
}
.sec_top ul li p::before {
  position: absolute;
  display: block;
  content: ' ';
  width: 29px;
  height: 22.5px;
  background: url("../images/icon-check.svg");
  background-size: cover;
  top: 0.2rem;
  bottom: 0;
  left: 0;
  margin: auto;
}
.clr_green {
  color: #82663A;
}
.clr_hiza {
  color: #67cfca;
}
.clr_kotu {
  color: #FF9D08;
}
.clr_asikubi {
  color: #FD9DA2;
}
.onayami {
  display: flex;
}
.onayami .onayami_a {
  width: 70%;
}
.onayami .onayami_b {
  width: 30%;
}
.onayami_img {
  width: 100%;
}
.content_a {
  position: relative;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
  border-radius: 0px;
}
.content_a .attension_list_wrapper {
  padding: 1rem 0;
}
.content_a img.human {
  position: absolute;
  right: 30px;
  width: 280px;
  z-index: -999;
  bottom: -10px;
}
.content_a img.human_c {
  right: 10px;
  width: 250px;
  z-index: -999;
  left: 0;
  right: 0;
  margin: 0 auto 0 auto;
  position: relative;
}
.point {
  background: #82663A;
  padding: 3rem 0;
  position: relative;
}
.sec_point .point h2 {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  z-index: 1;
  padding: 0 1rem;
}
.txt_subtitle {
  font-size: 1.25rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.txt_point {
  color: #FBCA4D;
  font-size: 45px;
  text-decoration: underline;
}
.txt_point_hiza {
  color: #67cfca;
  font-size: 45px;
  display: inline-block;
  background: #fff;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 0px;
}
.txt_point_hiza2 {
  color: #612c16;
  font-size: 45px;
  display: inline-block;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 0px;
  opacity: 0.7;
}
.txt_point_kotu {
  color: #ff9d08;
  font-size: 45px;
  display: inline-block;
  background: #fff;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 0px;
}
.txt_point_kosi {
  color: #82663A;
  font-size: 45px;
  display: inline-block;
  background: #fff;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 0px;
}
.txt_point_asi {
  color: #FD9DA2;
  font-size: 45px;
  display: inline-block;
  background: #fff;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 0px;
}
.txt_kyocho {
  color: #dfa608;
  font-size: 45px;
  font-weight: 600;
}
.txt_kyocho_ul {
  display: inline-block;
  color: #dfa608;
  font-size: 45px;
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 5px solid;
}
.sec_unique .content .point_detail .bg_spray {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  opacity: 0.25;
  height: 500px;
}
.sec_unique .content .point_detail h3 {
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 30px;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0));
  position: relative;
  padding: 1rem 0 0 0;
  letter-spacing: 0.1rem;
}
/*.sec_unique .content .point_detail p {
  padding: 0rem 0rem;
  margin: auto;
}*/
@media screen and (max-width: 768px) {
  .sec_unique .content .point_detail h3 {
    /* padding: 1rem;*/
  }
}
.point_detail-left {
  padding: 105px 15px;
  background: #e3e3e3;
  background: url("../images/bannar_point2.jpg");
  background-size: cover;
  height: 500px;
}
.point_detail-left h3 {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 30px;
  color: #dfa608;
  position: relative;
}
@media screen and (max-width: 768px) {
  .point_wrapper_left h3 {
    padding: 25px 10px 0 10px;
    text-align: center;
  }
}
.point_detail-left h3::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_2.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  right: -80px;
  top: -35px;
}
.point_wrapper {
  margin: 0 2rem;
  max-width: 440px;
}
.point_wrapper_left {
  margin-right: 30px;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .point_wrapper {
    max-width: 90%;
    margin: auto;
  }
  .point_wrapper_left {
    margin: auto;
  }
}
.point_detail_wrapper {
  max-width: 1280px;
  margin: auto;
  display: flex;
  justify-content: center;
}
.point_wrapper-left {
  max-width: 380px;
  margin-right: auto;
}
.point_detail_wrapper-left {
  max-width: 1200px;
  margin: auto;
  padding-right: 200px;
}
.bg_point3 {
  background: url("../images/bannar_point3.jpg") !important;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat !important;
}
.balloon3::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_3.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  right: -20px;
  top: -25px;
  z-index: 3;
}
.balloon2::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_2.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  left: -40px;
  top: -35px;
  z-index: 3;
}
.balloon1::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_1.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  right: -20px;
  top: -25px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .balloon1::after, .balloon3::after {
    left: 0;
  }
  .balloon2::after {
    left: 0;
  }
}
/* 膝サポーター用 */
.balloon3_hiza::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_3_hiza.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  right: -20px;
  top: -25px;
  z-index: 99;
}
.balloon2_hiza::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_2_hiza.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  left: -40px;
  top: -35px;
  z-index: 99;
}
.balloon1_hiza::after {
  position: absolute;
  content: ' ';
  background: url("../images/point_1_hiza.png");
  background-size: cover;
  height: 70px;
  width: 80px;
  right: -20px;
  top: -25px;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .balloon1_hiza::after, .balloon3_hiza::after {
    left: 0;
  }
  .balloon2_hiza::after {
    left: 0;
  }
}
.point_detail .point_detail_wrapper .point_wrapper p, .point_detail .point_detail_wrapper p {}
.content .point_detail .point_detail_wrapper img {
  display: block;
  width: 96%;
  margin: auto;
  border-radius: 0px;
}
@media screen and (max-width: 768px) {
  .content .point_detail .point_detail_wrapper img {
    margin-bottom: 1rem;
  }
}
.content .point_detail .point_detail_wrapper .left {
  max-width: 500px;
  position: relative;
}
.content .point_detail .point_detail_wrapper .left .waves {
  position: absolute;
  content: 'a ';
  height: 100%;
  width: 150px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(161, 201, 69, .5);
}
.content .point_detail .point_detail_wrapper .left .waves::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #82663A transparent #82663A #82663A;
  border-width: 30vh 100px 0;
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0.5;
}
.content .point_detail .point_detail_wrapper .right {
  padding-left: 30px;
}
.sec_content_a {
  height: 720px;
  width: 100%;
  background: url("../images/bannar_2.jpg");
  background-size: cover;
  background-attachment: fixed;
}
.content_a_box {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  max-width: 480px;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(3px);
  padding: 25px;
  border-radius: 5px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 768px) {
  .content_a_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 90%;
  }
}
.sec_content_a .content_a_box h3 {
  font-size: 35px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
  margin: 0 0 0 0;
  text-align: center;
}
.sec_content_a .content_a_box p {
  line-height: 1.7em;
  padding: 8px 0;
  font-family: 'Noto Sans JP', sans-serif;
}
.sec_content_b {
  height: 720px;
  width: 100%;
  background: url("../images/bannar_3.jpg") right/cover no-repeat;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.content_b_box {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  max-width: 480px;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(3px);
  padding: 25px;
  border-radius: 5px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 768px) {
  .content_b_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 90%;
  }
}
.sec_content_b .content_b_box h3 {
  font-size: 35px;
  font-weight: 600;
  color: #333;
  margin: 0 0 0 0;
}
.sec_content_b .content_b_box p {
  line-height: 1.7em;
  padding: 15px 0;
}
.item_content {
  max-width: 1200px;
  margin: auto;
  position: relative;
  height: 720px;
}
.btn_contact {
  display: block;
  text-align: center;
  background-color: #82663A;
  color: #fff;
  margin-top: 20px;
  font-weight: 600;
  border-radius: 0px;
  font-size: 20px;
}
.btn_contact_hiza {
  display: block;
  text-align: center;
  background-color: #67cfca;
  color: #fff;
  margin-top: 20px;
  font-weight: 600;
  border-radius: 0px;
  font-size: 20px;
}
.btn_contact_kotu {
  display: block;
  text-align: center;
  background-color: #ff9d08;
  color: #fff;
  margin-top: 20px;
  font-weight: 600;
  border-radius: 0px;
  font-size: 20px;
}
.btn_contact_asi {
  display: block;
  text-align: center;
  background-color: #FD9DA2;
  color: #fff;
  margin-top: 20px;
  font-weight: 600;
  border-radius: 0px;
  font-size: 20px;
}
.btn_about {
  display: block;
  text-align: center;
  background-color: #82663A;
  color: #fff;
  margin-top: 20px;
  font-weight: 600;
  border-radius: 0px;
  font-size: 20px;
}
.btn_contact, .btn_contact_hiza, .btn_contact_kotu, .btn_contact_asi, .btn_about {
  position: relative;
  padding: 15px;
}
.btn_contact::before, .btn_contact_hiza::before, .btn_contact_kotu::before, .btn_contact_asi::before, .btn_about::before {
  position: absolute;
  content: ' ';
  background: url("../images/arrow-right-circle.svg");
  height: 25px;
  width: 25px;
  background-size: cover;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .btn_contact, .btn_contact_hiza, .btn_contact_kotu, .btn_contact_asi, .btn_about {
    margin: 15px auto 0 auto;
  }
}
.item_content_gen {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.item_content_gen2 {
  max-width: 900px;
  margin: 0 auto;
}
.item_content_gen .inner_box {
  position: relative;
  border: 0px solid #e3e3e3;
  padding: 0 1rem;
  margin: 0 1rem;
}
/*.item_content_gen .inner_box::after {
  position: absolute;
  content: ' ';
  width: 2px;
  height: 80px;
  background: #82663A;
  top: -55px;
  left: 0;
  right: 0;
  margin: auto;
}*/
.item_content_gen .inner_box h2 {
  font-size: 35px;
  text-align: center;
  margin: 60px;
  color: #333;
}
.green_box {
  text-align: center;
  background: #82663A;
  color: #fff;
  padding: 2rem 1rem;
}
.hiza_box {
  text-align: center;
  background: #67cfca;
  color: #fff;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
}
.kotu_box {
  text-align: center;
  background: #ff9d08;
  color: #fff;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
}
.asi_box {
  text-align: center;
  background: #FD9DA2;
  color: #fff;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
}
.green_box, .hiza_box, .kotu_box, .asi_box {}
.item_content_gen .inner_box .under_box {
  background: #e3e3e3;
  padding: 15px;
}
.item_content_gen .inner_box .under_box img {
  display: block;
  margin: auto;
  width: 100%;
}
.item_content_gen .inner_box p {
  max-width: 800px;
  margin: 20px auto;
  line-height: 1.7em;
}
.sec_unique .content .point_detail .kensa_box .inner_box .kensa_flex {
  display: flex;
  max-width: 800px;
  margin: 3.5rem auto 0 auto;
  position: relative;
  flex-wrap: wrap-reverse;
  justify-content: center;
}
.kensa1::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa1.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa2::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa2.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa3::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa3.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa1_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa1_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa2_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa2_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa3_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa3_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa1_kotu::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa1_kotu.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa2_kotu::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa2_kotu.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.kensa3_kotu::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/kensa3_kotu.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.inner_box .box_wrapper .green_box h3 {
  font-size: 2rem;
  font-weight: 700;
  padding: 0rem;
  margin: 0rem;
}
.sec_voice {
  background: #fff;
  padding: 7rem 1.5rem;
  position: relative;
}
.sec_voice::after {
  position: absolute;
  content: ' ';
  background: url("../images/icon-tri_gray.svg") center/cover no-repeat;
  width: 150px;
  height: 67px;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
}
#sec_voice_hiza {
  background: #67CFCA;
  padding: 30px 0;
}
#sec_voice_kotu {
  background: #ff9d08;
  padding: 30px 0;
}
#sec_voice_asi {
  background: #FD9DA2;
  padding: 30px 0;
}
.sec_voice .item_content_gen h2 {
  color: #333;
  font-weight: 600;
  padding: 0 10px 35px 10px;
  text-align: center;
  font-size: 35px;
}
.youtube {
  width: 100%;
  height: 100%;
  z-index: 99;
}
.sec_voice .voice_inner .voice_flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.sec_voice .voice_inner .voice_flex li {
  width: 330px;
  background-color: #fff;
  margin: 10px;
}
@media screen and (max-width: 768px) {
  .sec_voice .voice_inner .voice_flex li {
    width: 100%;
    margin: 0 1rem 2rem 1rem;
  }
}
.sec_voice .voice_inner .voice_flex li img {
  width: 100%;
  display: block;
  margin: auto;
}
.sec_kensa {
  padding: 65px 0;
}
.sec_voice .voice_inner .voice_flex .comment {
  font-size: 1rem;
  line-height: 1.7em;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(3px);
  padding: 10px;
  border-radius: 5px;
  min-height: 350px;
}
.bg_wrapper {
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: -1px;
}
.txt_center {
  text-align: center;
}
.txt_kyocho_p {
  color: #dfa608;
  font-weight: 600;
  text-decoration: underline;
}
.btn_contact_b {
  display: block;
  text-align: center;
  background-color: #dfa608;
  color: #fff;
  padding: 20px;
  margin: 20px 10px 0 10px;
  font-weight: 600;
  border-radius: 0px;
  font-size: 20px;
}
.under_arrow {
  height: 50px;
  max-width: 100px;
  background: url("../images/under-arrow.png");
  background-size: cover;
  margin: auto;
}
.step1::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step1.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.step2::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step2.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.step3::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step3.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.step4::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step4.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
/* 膝サポーター */
.step1_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step1_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.step2_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step2_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.step3_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step3_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.step4_hiza::before {
  position: absolute;
  content: " ";
  height: 80px;
  width: 80px;
  background: url("../images/step4_hiza.png");
  background-size: cover;
  top: -40px;
  left: -40px;
  z-index: 1;
}
.contact {
  position: relative;
  overflow: hidden;
}
.contact .upper_box {
  position: relative;
  background: #82663A;
  padding: 60px 10px 60px 10px;
  z-index: 0;
}
.contact .upper_box::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #a2c945 transparent transparent transparent;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  z-index: 99;
}
.contact .upper_box h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  z-index: 1;
}
.contact .lower_box {
  height: 350px;
  background: #dfa608;
  margin: 0;
  overflow: hidden;
}
.abs_contact_img {
  display: block;
  position: absolute;
  bottom: 0;
  max-width: 980px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .abs_contact_img {
    max-width: 100%;
    left: 15%;
  }
  .contact .lower_box {
    height: 450px;
  }
}
.abs_wrapper {
  position: relative;
  max-width: 1200px;
  height: 100%;
  margin: auto;
  z-index: 1;
  overflow: hidden;
}
.balloons {
  width: 100%;
}
.sec_top .content_a h3 {
  font-size: 25px;
  font-weight: 600;
  color: #333;
  text-align: center;
}
.p_abs {
  text-align: center;
  width: 100%;
  bottom: -85px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-weight: 600;
  padding: 0 10px;
}
.btn_contact_c {
  position: relative;
  display: block;
  padding: 15px 10px 15px 10px;
  text-align: center;
  color: #fff;
  background-color: #82663A;
  margin: 50px 0 20px 0;
  font-size: 32px;
  font-weight: 600;
  filter: drop-shadow(0px 0px 5px rgba(25, 25, 25, 0.3));
  overflow: hidden;
}
.btn_contact_c::before {
  /*  position: absolute;
  content: ' ';
  width: 30px;
  height: 30px;
  background: url("../images/mail.svg");
  background-size: cover;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;*/
}
/* 腰用ボタン */
.telphone {
  display: block;
  text-align: center;
  margin: 10px 0 10px 0;
  border-radius: 50px;
  font-size: 45px;
  font-weight: 600;
  border: 2px solid #fff;
  padding: 10px;
  background: #fff;
  color: #dfa608;
}
.telphone:link {}
.telphone:visited {}
.telphone:hover {
  border: 2px solid #fff;
  background: #dfa608;
  color: #fff;
  transition: 0.3s;
}
.telphone:active {}
/* 膝用ボタン */
.telphone_hiza {
  display: block;
  text-align: center;
  margin: 10px 0 10px 0;
  border-radius: 50px;
  font-size: 45px;
  font-weight: 600;
  border: 2px solid #fff;
  padding: 10px;
  background: #fff;
  color: #67cfca;
}
.telphone_hiza:link {}
.telphone_hiza:visited {}
.telphone_hiza:hover {
  border: 2px solid #fff;
  background: #67cfca;
  color: #fff;
  transition: 0.3s;
}
.telphone_hiza:active {}
/* 骨盤用ボタン */
.telphone_kotu {
  display: block;
  text-align: center;
  margin: 10px 0 10px 0;
  border-radius: 50px;
  font-size: 45px;
  font-weight: 600;
  border: 2px solid #fff;
  padding: 10px;
  background: #fff;
  color: #ff9d08;
}
.telphone_kotu:link {}
.telphone_kotu:visited {}
.telphone_kotu:hover {
  border: 2px solid #fff;
  background: #ff9d08;
  color: #fff;
  transition: 0.3s;
}
.telphone_kotu:active {}
/* 足首用ボタン */
.telphone_asi {
  display: block;
  text-align: center;
  margin: 10px 0 10px 0;
  border-radius: 50px;
  font-size: 45px;
  font-weight: 600;
  border: 2px solid #fff;
  padding: 10px;
  background: #fff;
  color: #FD9DA2;
}
.telphone_asi:link {}
.telphone_asi:visited {}
.telphone_asi:hover {
  border: 2px solid #fff;
  background: #FD9DA2;
  color: #fff;
  transition: 0.3s;
}
.telphone_kotu:active {}
.eigyobi {
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .telphone, .telphone_hiza, .telphone_kotu {
    font-size: 40px;
  }
  .eigyobi {
    font-size: 15px;
  }
}
.contact_block_wrapper {
  display: block;
  max-width: 500px;
  padding: 0 10px;
  z-index: 99;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .contact_block_wrapper {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
  }
}
.kome {
  padding: 10px 10px;
  color: #fff;
}
.googlemap {
  width: 100%;
  height: 500px;
  z-index: -1;
}
footer {
  background: #82663A;
  font-weight: 400;
  overflow: hidden;
}
footer .footer_inner {
  padding: 3rem 1.5rem;
}
@media screen and (max-width: 768px) {
  footer .footer_inner {
    padding: 3rem 1.5rem 6rem 1.5rem;
  }
}
footer .footer_inner p.copyright {
  text-align: center;
  font-weight: 400;
  font-size: 0.8rem;
  color: #f7f7f7;
  letter-spacing: 0.1rem;
}
.sec_map {
  position: relative;
  overflow: hidden;
  background-color: #f7f7f7;
}
.sec_map .access_ttl {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
}
.sec_map .access_subttl {
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 2rem;
}
.midashi_map {
  position: absolute;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  padding: 15px 0;
  width: 300px;
  z-index: 99;
  background: #dfa608;
  text-align: center;
  border-radius: 50px;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
}
.midashi_map_asi {
  position: absolute;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  padding: 15px 0;
  width: 300px;
  z-index: 99;
  background: #FD9DA2;
  text-align: center;
  border-radius: 50px;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
}
#midashi_map_hiza {
  background: #67cfca;
}
@media screen and (max-width: 768px) {
  .midashi_map, .midashi_map_asi {
    display: none;
  }
}
.cvrbtn_sub {
  font-size: 18px;
}
.img_cvr {
  display: block;
  max-width: 300px;
}
.chusyaku {
  padding: 0 !important;
  margin: 0 !important;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.btn_contact_c_upper {
  display: block;
  font-size: 15px;
  padding: 5px;
  background: #fff;
  max-width: 200px;
  margin: auto;
  margin-bottom: 5px;
  color: #82663A;
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
}
.btn_contact_c_upper2 {
  display: block;
  font-size: 15px;
  padding: 5px;
  background: #fff;
  max-width: 200px;
  margin: auto;
  margin-bottom: 5px;
  color: #FF8C00;
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
}
#cp_qa_hiza dt::before {
  position: absolute;
  content: ' ';
  display: block;
  height: 40px;
  width: 46px;
  background: url("../images/bal-q_hiza.png");
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.txt_kyocho2 {
  background: #ff9;
  font-weight: 600;
}
.txt_marker {
  background: #ff9;
  font-weight: 700;
}
.sec_faq {
  background: #f7f7f7;
}
/*-- PC/SP表示切り替えCSS ここから  --*/
.pc_area {
  display: block;
}
.sp_area {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_area {
    display: none;
  }
  .sp_area {
    display: block;
  }
}
/*-- PC/SP表示切り替えCSS ここまで  --*/
.wrap-wrap {
  flex-wrap: wrap;
}
.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.sec_unique .content .point_detail .kensa_box .kensa_flex .kensa_images {
  position: relative;
  margin-bottom: 2rem;
  width: 30%;
}
.kensa_flex .kensa_images img {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  border-radius: 0px;
}
.subtitle {
  display: inline-block;
  padding-bottom: 10px;
}
.aboutblock_wrapper {
  display: flex;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
}
.about_block {
  width: 50%;
  overflow: hidden;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .about_block {
    width: 100%;
  }
}
.sec_about {
  background: #fff;
  padding: 30px 10px;
}
.sec_about .aboutblock_wrapper .about_block img {
  display: block;
  margin: auto;
}
.sec_about .aboutblock_wrapper .about_block h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  color: #333;
}
.sec_about .aboutblock_wrapper .about_block p {
  text-align: center;
  padding: 5px 0;
  line-height: 1.7em;
  font-weight: 500;
  opacity: 0.9;
  color: #333;
}
.sec_about .aboutblock_wrapper .about_block img.logo {
  margin: 25px auto;
}
.balloon_p {
  display: inline-block;
  background-color: #82663A;
  color: #fff;
  padding: 3px 30px;
  margin: 0 10px 0 0;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-align: center;
}
.address_block {
  max-width: 300px;
  margin: auto;
}
.sec_about .aboutblock_wrapper .address_block img {
  display: block;
  margin: auto;
}
.sec_about .aboutblock_wrapper .address_block h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  color: #333;
}
.sec_about .aboutblock_wrapper .address_block p {
  padding: 8px 0;
  line-height: 1.7em;
  font-weight: 500;
  color: #333;
  font-size: 15px;
}
.sec_about .aboutblock_wrapper .address_block img.logo {
  margin: 25px auto 10px auto;
}
.txt_attension {
  text-align: center;
  opacity: 0.8;
}
.tel_sub {
  font-size: 10px;
}
.telno {
  font-family: 'Vollkorn', serif;
  text-align: center;
  padding: 5px 0;
  font-size: 25px;
  color: #fff;
  font-weight: 600;
}
#lower_hiza {
  background: #67cfca;
}
#lower_kotu {
  background: #ff9d08;
}
#lower_asi {
  background: #FD9DA2;
}
.contact #upper_box_hiza {
  background: #F1AE4B;
}
.contact #upper_box_hiza::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #F1AE4B transparent transparent transparent;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  z-index: 99;
}
.contact #upper_box_kotu {
  background: #82663A;
}
.contact #upper_box_kotu::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #82663A transparent transparent transparent;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  z-index: 99;
}
#point_hiza {
  background: #67cfca;
}
#point_hiza::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #67cfca transparent transparent transparent;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  z-index: 0;
}
#point_kotu {
  background: #ff9d08;
}
#point_kotu::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #ff9d08 transparent transparent transparent;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  z-index: 0;
}
#point_asi {
  background: #FD9DA2;
}
#point_asi::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #FD9DA2 transparent transparent transparent;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  z-index: 0;
}
.bannar_area {
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  margin: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .bannar_area div {
    margin: 20px auto;
  }
  .bannar_area div img {
    display: block;
    margin: auto;
  }
}
.bannar_area div {
  align-self: center;
}
.flexcenterbox {
  width: 1px;
  height: 100px;
  background: #fff;
  margin: 0 20px;
  opacity: 0.35;
}
@media screen and (max-width: 768px) {
  .flexcenterbox {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed;
  }
}
.balloon_shadow {
  filter: drop-shadow(6px 6px 5px rgba(100, 100, 100, 0.25));
}
.moriue {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  color: rgba(0, 0, 0, 0.7);
}
.touin {
  display: block;
  width: 300px;
  margin: auto;
}
.footerlogo {
  display: block;
  max-width: 200px;
  margin: auto;
}
.footerinner {
  max-width: 800px;
  border-radius: 100px;
  padding-top: 15px;
  margin: 25px auto;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .footerinner {
    margin: 20px;
    padding: 20px;
    border-radius: 0px;
  }
}
.item_gen {
  max-width: 1200px;
  margin: auto;
  position: relative;
  height: 650px;
  padding: 8rem 1rem 0 5rem;
}
@media screen and (max-width: 768px) {
  .item_gen {
    padding: 7rem 1rem 0 1rem;
  }
}
.bg_header .moriuelogo {
  position: absolute;
  display: block;
  width: 150px;
  margin-bottom: 10px;
  left: 2rem;
  top: 2rem;
}
.bg_header .contact_area {
  display: flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 99;
}
.bg_header a.contact_mail {
  display: block;
  background-color: #82663A;
  width: 250px;
  text-align: center;
  font-size: 1rem;
  padding: 1rem;
  color: #f7f7f7;
  font-weight: 700;
  border-radius: 30px;
  align-self: center;
}
.bg_header a.contact_phone {
  display: block;
  text-align: center;
  padding: 1rem;
  color: #fff;
  font-weight: 700;
  margin: 0 1rem 0 0;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
  border-right: 1px solid #e3e3e3;
}
@media screen and (max-width: 768px) {
  .bg_header .contact_area {
    width: 90%;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    flex-wrap: wrap;
  }
  .bg_header a.contact_mail {
    display: block;
    background-color: #82663A;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    padding: 1rem;
    color: #f7f7f7;
    font-weight: 700;
    border-radius: 30px;
    margin: auto;
  }
  .bg_header a.contact_phone {
    display: block;
    background-color: #dfa608;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    padding: 1rem;
    color: #f7f7f7;
    font-weight: 700;
    border-radius: 30px;
    margin: 0 auto 1rem auto;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0));
    border-right: 0;
  }
}
.icon_img {
  display: inline-block;
  max-width: 1rem;
  margin-right: 10px;
}
.icon_fd {
  display: inline-block;
  max-width: 40px;
  margin-right: 10px;
}
.bg_header a .phone_number {
  display: block;
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .bg_header a .phone_number {
    font-size: 1.5rem;
  }
  .icon_fd {
    display: inline-block;
    max-width: 26px;
    margin-right: 10px;
  }
}
.bg_header a .contact_subttl {
  display: block;
  font-size: 0.7rem;
  font-weight: 500;
  opacity: 1;
  margin-top: 0.2rem;
}
.p_arrow {
  max-width: 450px;
  margin: 3rem auto 2rem auto;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.7em;
}
@media screen and (max-width: 768px) {
  .p_arrow {
    margin: 3rem auto 0 auto;
    font-size: 2rem;
  }
}
.clr_orange {
  color: #dfa608;
}
.ul_orange {
  border-bottom: 4px solid #dfa608;
}
.sq_orange {
  padding: 0 5px;
  border: 5px solid #dfa608;
}
.border_1 {
  width: 2px;
  height: 100px;
  background-color: #82663A;
  opacity: 0.5;
  margin: auto;
}
.block_attension {
  border: 0px solid #e3e3e3;
  margin-bottom: 3rem;
  background-color: #f7f7f7;
  border-radius: 0px;
  position: relative;
}
.block_attension:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 70px;
  border-bottom-width: 70px;
  border-left-width: 100px;
  border-right-width: 100px;
  margin-left: -100px;
  border-top-color: #f7f7f7;
  top: 99%;
  left: 50%;
}
.clr_blue {
  color: #82663A;
}
.txt_large {
  font-size: 4rem;
  font-weight: 700;
}
.addshadow {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .12));
}
.sec_action {}
.sec_lead {
  background: url("../images/bannar_toppatu3.jpg") center/cover no-repeat;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sec_lead {
    background: url("../images/bannar_toppatu3_sp.jpg") center/cover no-repeat;
  }
}
.sec_lead .lead_wrapper {
  background: url("../images/bannar_wrapping.png");
  background-position: 35%;
}
.sec_lead .lead_inner {
  padding: 7rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_lead .lead_inner h2 {
  font-weight: 700;
  font-size: 2rem;
  color: #f7f7f7;
}
.sec_lead .lead_inner p {
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: #f7f7f7;
  max-width: 420px;
}
.sec_lead .lead_inner .btn_lead {
  position: relative;
  display: block;
  padding: 15px 10px;
  background-color: #dfa608;
  max-width: 300px;
  font-size: 1.2em;
  color: #f7f7f7;
  font-weight: 700;
  margin: 30px 0 0 0;
}
.sec_lead .lead_inner .btn_lead::after {
  position: absolute;
  content: ' ';
  height: 1.5rem;
  width: 1.5rem;
  background: url("../images/icon-right-arrow.svg") center/cover no-repeat;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.sec_onkyo {
  background: url("../images/bg_service.jpg") center/cover no-repeat;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sec_onkyo {
    background: url("../images/bg_service_sp.jpg") center/cover no-repeat;
  }
}
.sec_onkyo::after {
  position: absolute;
  content: ' ';
  background: url("../images/icon-tri_green.svg") center/cover no-repeat;
  width: 150px;
  height: 67px;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
}
.sec_onkyo .onkyo_inner {
  padding: 7rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_onkyo .onkyo_inner h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #f7f7f7;
}
.sec_onkyo .onkyo_inner p {
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: #f7f7f7;
  max-width: 420px;
}
.sec_onkyo .onkyo_inner .btn_lead {
  position: relative;
  display: block;
  padding: 15px 10px;
  background-color: #82663A;
  max-width: 300px;
  font-size: 1.2em;
  color: #f7f7f7;
  font-weight: 700;
  margin: 30px 0 0 0;
}
.sec_onkyo .onkyo_inner .btn_lead::after {
  position: absolute;
  content: ' ';
  height: 1.5rem;
  width: 1.5rem;
  background: url("../images/icon-right-arrow.svg") center/cover no-repeat;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.voice_inner {
  max-width: 1280px;
  margin: auto;
}
.sec_voice .voice_inner h2 {
  font-size: 2rem;
  text-align: center;
  margin: 0 0 2.5rem 0;
  font-weight: 700;
}
.sec_voice .voice_inner h3 {
  font-size: 1.5rem;
  margin-bottom: 5px;
  font-weight: 500;
}
.sec_voice .voice_inner .voice_sub_ttl {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #82663A;
}
.sec_voice .voice_inner p.vc_text {
  font-size: 0.9rem;
  line-height: 1.7em;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(3px);
  border-radius: 5px;
}
.sec_voice .voice_inner p.vc_name {
  font-size: 0.8rem;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.7);
  margin: 0 0 1rem 0;
}
.sec_voice .voice_inner .voice_u_wrapper {
  padding: 15px 10px;
}
.sec_voice .voice_inner p.disease {
  font-weight: 500;
  font-size: 1rem;
  color: #82663A;
  letter-spacing: 0.1rem;
}
.sec_unique {
  position: relative;
}
.sec_unique::after {
  position: absolute;
  content: ' ';
  background: url("../images/icon-tri_green.svg") center/cover no-repeat;
  width: 150px;
  height: 67px;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
}
.sec_unique .content {
  margin: auto;
  padding: 3.5rem 0 7rem 0;background-color: rgba(247, 247, 247, 0.8);
}
.sec_unique .content .point_kaizen {
  padding: 3rem 0 3rem 0;
  overflow: hidden;
}
.sec_unique .content .point_detail {
  overflow: hidden;
}
.sec_unique .content .point_detail:last-child {
  margin-bottom: 0;
}
.sec_unique .content .point_detail .separate_a, .sec_unique .content .point_detail .separate_b, .sec_unique .content .point_detail .separate_c {
  width: 120px;
  height: 120px;
  margin: 3.5rem auto 3rem auto;
  color: #fff;
  position: relative;
}
/*.sec_unique .content .point_detail .separate_a::after {
  position: absolute;
  content: 'aiueo';
  height: 30px;
  width: 200px;
  text-align: center;
  top: 0;
  bottom: 0;
	left: 0;
	right: 0;
  margin: auto;
}*/
.sec_unique .content .point_detail .separate_a {
  background: url("../images/icon-point1.svg") center/cover no-repeat;
}
.sec_unique .content .point_detail .separate_b {
  background: url("../images/icon-point2.svg") center/cover no-repeat;
}
.sec_unique .content .point_detail .separate_c {
  background: url("../images/icon-point3.svg") center/cover no-repeat;
}
.sec_unique .content .point_detail .kensa_box .kensa_flex .kensa_desc {
  max-width: 500px;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .sec_unique .content .point_detail .kensa_box .kensa_flex .kensa_images {
    width: 100%;
    margin: 2rem;
  }
  .sec_unique .content .point_detail .kensa_box .kensa_flex .kensa_desc {
    width: 100%;
    padding: 0 1rem;
  }
}
.sec_unique .content .point_detail .hari {
  font-size: 2rem;
  font-weight: 2rem;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 3rem auto;
  padding-bottom: 1rem;
  max-width: 800px;
}
.sec_unique .content .point_detail .hari::before {
  display: inline-block;
  content: ' ';
  height: 2.5rem;
  width: 2.5rem;
  background: url("../images/icon-hari3.svg") center/contain no-repeat;
  margin: 0 0.5rem 0 0;
}
.list_feature {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 1280px;
  flex-wrap: wrap;
}
.list_feature li {
  width: 33%;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .list_feature li {
    width: 100%;
    margin: 1rem;
  }
}
.list_feature li .feature_header {
  font-size: 2rem;
  font-weight: 500;
  color: #82663A;
  text-align: center;
  border-bottom: 1px solid #82663A;
  padding-bottom: 10px;
  margin-bottom: 1rem;
}
.list_feature li .feature_ttl {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
	text-align: center;
}
.list_feature li .feature_txt {
  font-size: 0.9rem;
}
.list_feature_wrapper {
  padding: 3rem 0;
  background: #f7f7f7;
}
.sec_reason {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.sec_reason .sec_reason_inner {
  padding: 3rem 1.5rem 0rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_reason .sec_reason_inner h2 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.sec_reason .sec_reason_inner .txt_reason {
  font-size: 4rem;
  color: #82663A;
}
.sec_reason .sec_reason_inner .sec_reason_sub_ttl {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #82663A;
}
.sec_reason .sec_reason_inner .reason_list {
  margin: 5rem 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec_reason .sec_reason_inner .reason_list li {
  margin: 0 1rem 5rem 1rem;
  max-width: 450px;
  overflow: hidden;
}
.sec_reason .sec_reason_inner .reason_list li:last-child {
  margin: 0 1rem 0 1rem;
}
.sec_reason .sec_reason_inner .reason_list li img {
  width: 100%;
  display: block;
  margin: 1rem 0 2rem 0;
  border-radius: 0px;
}
.sec_reason .sec_reason_inner .reason_list li .reason_cap {
  display: inline-block;
  font-size: 1.5rem;
  background-color: #82663A;
  color: #f7f7f7;
  font-weight: 700;
  padding: 8px 20px;
  margin: 0 0 10px 0;
}
.sec_reason .sec_reason_inner .reason_list li .reason_ttl {
  font-size: 1.5rem;
  font-weight: 500;
}
.sec_reason .sec_reason_inner .reason_list li .reason_dsc {
  font-size: 1rem;
  line-height: 1.7rem;
}
.txt_caution {
  font-size: 0.7rem;
  font-weight: 500;
  line-height: normal;
}
.sub_ttlg_wrapper {
  padding: 0 10px;
}
.sec_unique .point_detail p.point_sub_ttlg {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  margin: 0 auto 1rem auto;
  padding: 0 2rem;
  z-index: 1;
  position: relative;
  max-width: 600px;
  color: #82663A;
}
.sec_unique .point_detail p.point_sub_ttlg::before {
  position: absolute;
  content: ' ';
  background: url("../images/icon-italic.svg") center/contain no-repeat;
  width: 20px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
.sec_unique .point_detail p.point_sub_ttlg::after {
  position: absolute;
  content: ' ';
  background: url("../images/icon-italic.svg") center/contain no-repeat;
  width: 20px;
  height: 50px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.sec_unique .point_detail .point_sub_ttlg img {
  position: absolute;
  display: block;
  top: -1.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
.sec_unique .point_detail .point_sub_ttl {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin: 7rem 0 1rem 0;
  z-index: 1;
  position: relative;
}
.sec_unique .point_detail .point_sub_ttl::before {
  content: '/';
  color: #e3e3e3;
  padding: 0 1rem;
}
.sec_unique .point_detail .point_sub_ttl::after {
  content: '/';
  color: #e3e3e3;
  padding: 0 1rem;
}
.sec_unique .point_detail .point_sub_ttl img {
  position: absolute;
  display: block;
  top: -1.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
.sec_unique .point_detail .point_sub_wrapper {
  padding: 0 1rem;
}
.sec_unique .point_detail .point_sub_dsc {
  max-width: 700px;
  margin: 1rem auto;
}
.sec_unique .point_detail .ozio_arrow {
  display: inline-block;
  height: 1rem;
  vertical-align: middle;
  padding: 0 0.5rem;
}
.sec_unique .point_detail .tips_wrapper {
  padding: 0 1rem;
}
.sec_unique .point_detail .tips_wrapper .tips {
  position: relative;
  max-width: 700px;
  margin: 2rem auto 2rem auto;
  padding: 1rem;
  border-radius: 0px;
  border: 2px solid #e3e3e3;
}
.sec_unique .point_detail .tips_wrapper .tips .tips_ttl {
  position: absolute;
  text-align: center;
  width: 200px;
  top: -1rem;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: 700;
  background-color: #fff;
}
.sec_unique .point_detail .point_sub_ttl .txt_num {
  font-size: 4rem;
}
.sec_unique .point_detail .hari_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec_unique .point_detail .hari_list li {
  max-width: 400px;
  padding: 2rem 1.5rem 2rem 1.5rem;
  margin: 10px;
  /*border: 1px dashed #e3e3e3;*/
  background-color: #fff;
  position: relative;
}
.sec_unique .point_detail .hari_list li::after {
  position: absolute;
  content: ' ';
  height: 50px;
  width: 50px;
  background: url("../images/icon-zoom.svg") center/cover no-repeat;
  top: 0;
  right: 0;
}
.sec_unique .point_detail .hari_list li.list_arrow {
  max-width: 100px;
  padding: 2rem 1.5rem 2rem 1.5rem;
  margin: 10px;
  align-self: center;
  border: 0;
}
.sec_unique .point_detail .hari_list li.list_arrow::after {
  height: 0px;
  width: 0px;
}
.sec_unique .point_detail .hari_list li .hari_ttl {
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 0 1rem 0;
  position: relative;
}
.sec_unique .point_detail .hari_list li .hari_ttl span {
  text-align: center;
  font-size: 0.9rem;
  position: absolute;
  content: ' ';
  top: -1.5rem;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: 400;
}
.sec_unique .point_detail .hari_list li .hari_img {
  display: block;
  margin: 0 auto 1rem auto;
  width: 100%;
}
.sec_unique .point_detail .hari_list li .hari_arrow {
  display: block;
  margin: 0 auto 1rem auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sec_unique .point_detail .hari_list li .hari_arrow {
    transform: rotate(90deg);
  }
}
.sec_unique .point_detail .hari_list li p.after_txt {
  font-size: 0.8rem;
  text-align: center;
  color: #82663A;
  font-weight: 700;
  letter-spacing: 0.25rem;
}
.sec_unique .point_detail .hari_list li .hari_dsc {}
.point_detail .kensa_box {
  margin: auto;
}
.point_detail .kensa_box .inner_box {
  padding: 2rem 1rem;
  max-width: 900px;
  margin: 2rem auto 0 auto;
  border-radius: 0px;
}
.point_detail .kensa_box .inner_box h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.point_detail .kensa_box .inner_box .txt_subtitle {
  display: block;
  font-size: 1rem;
  text-align: center;
  color: #82663A;
  font-weight: 500;
}
.point_detail .kensa_box .inner_box .box_wrapper {
  max-width: 800px;
  margin: auto;
  border-radius: 0px;
  overflow: hidden;
}
.point_detail .kensa_box .inner_box .box_wrapper img {
  width: 100%;
}
.point_detail .kensa_box .inner_box p.kensa_dsc {
  padding: 1rem 0;
  max-width: 800px;
  margin: 1rem auto 5rem auto;
}
.point_detail .kensa_box .inner_box .kensa_flex p.kensa_ttl {
  font-size: 1.5rem;
  color: #333;
  font-weight: 400;
  padding: 0 0 0 0;
  line-height: 2.5rem;
}
.point_detail .kensa_box .inner_box .kensa_flex p.kensa_detail {
  padding: 1rem 0;
}
.point_detail .kensa_box .inner_box .kensa_flex span.kensa_deco {
  display: inline-block;
  background-color: #82663A;
  color: #f7f7f7;
  padding: 0 1rem;
  margin: 0 0.7rem 0 0;
  border-radius: 0px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.12rem;
  text-align: center;
}
.img_attension {
  max-width: 100%;
}
.sec_beforeaction {
  background: url("../images/bannar_toppatu4.jpg") center/cover no-repeat;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sec_beforeaction {
    background: url("../images/bannar_toppatu4_sp.jpg") center/cover no-repeat;
  }
}
.sec_beforeaction .beforeaction_wrapper {
  background: url("../images/bannar_wrapping.png");
  background-position: 35%;
}
.sec_beforeaction .beforeaction_inner {
  padding: 7rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_beforeaction .beforeaction_inner h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #f7f7f7
}
.sec_beforeaction .beforeaction_inner p {
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: #f7f7f7;
  max-width: 420px;
}
.sec_beforeaction .beforeaction_inner .btn_lead {
  position: relative;
  display: block;
  padding: 15px 10px;
  background-color: #dfa608;
  max-width: 300px;
  font-size: 1.2em;
  color: #f7f7f7;
  font-weight: 700;
  margin: 30px 0 0 0;
}
.sec_beforeaction .beforeaction_inner .btn_lead::after {
  position: absolute;
  content: ' ';
  height: 1.5rem;
  width: 1.5rem;
  background: url("../images/icon-right-arrow.svg") center/cover no-repeat;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.txt_orangeblock {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: #dfa608;
  margin: 0.25rem 0.2rem;
}
.sec_faq .faq_inner {
  padding: 3rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_faq .faq_inner h2 {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 5rem 0;
  text-align: center;
}
.sec_faq .faq_inner .txt_subtitle {
  display: block;
  font-size: 1rem;
  text-align: center;
  color: #82663A;
  font-weight: 500;
}
.sec_faq .faq_inner .cp_qa {
  max-width: 800px;
  margin: auto;
}
/*.sec_faq .faq_inner *, .sec_faq .faq_inner *:after, .sec_faq .faq_inner *:before {
  font-family: 'FontAwesome', sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
}*/
.sec_faq .faq_inner dt {
  position: relative;
  margin: 0 0 3rem 0;
  padding-left: 3.5rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.sec_faq .faq_inner dt::before {
  position: absolute;
  content: ' ';
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  background: url("../images/icon-question.svg") center/cover no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.sec_faq .faq_inner dd {
  position: relative;
  margin: 0 0 5em 0;
  padding: 0 0 2rem 5.5rem;
  line-height: 1.7rem;
  border-bottom: 1px dashed rgba(51, 51, 51, 0.7);
}
.sec_faq .faq_inner dd::before {
  position: absolute;
  content: ' ';
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  background: url("../images/icon-answer.svg") center/cover no-repeat;
  top: 0;
  left: 30px;
  margin: auto;
}
.sec_faq .faq_inner dd:last-child {
  border-bottom: 0;
}
.sec_unique .content .point_detail .kensa_box .inner_box h2 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 2rem 0;
}
.sec_kensa .kensa_inner {
  padding: 7rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_kensa .kensa_inner h2 {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
}
.sec_kensa .kensa_inner .kensa_desc p {
  padding: 1rem;
  line-height: 1.7rem;
}
.sec_kensa .kensa_inner .kensa_desc .kensa_step {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  padding: 1rem;
  margin: 0 0 1rem 0;
  background-color: #82663A;
  color: #f7f7f7;
  line-height: 2rem;
}
.sec_kensa .kensa_inner .kensa_flex {
  display: flex;
  max-width: 800px;
  margin: 3.5rem auto 3.5rem auto;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
}
.sec_kensa .kensa_inner .kensa_flex .kensa_desc {
  width: 60%;
}
.sec_kensa .kensa_inner .kensa_flex .kensa_images {
  position: relative;
  margin: auto;
  margin-bottom: 2rem;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .sec_kensa .kensa_inner .kensa_flex .kensa_images {
    width: 100%;
    margin: 2rem;
  }
  .sec_kensa .kensa_inner .kensa_flex .kensa_desc {
    width: 100%;
  }
}
.sec_contact {}
.sec_contact .contact_inner {
  padding: 3rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_contact .contact_inner_upper {
  /*padding: 10rem 1.5rem;*/
  margin: auto;
  /*background: url("../images/bannar_action.jpg") center/cover no-repeat;*/
  position: relative;
}
.sec_contact .contact_inner_upper img {
  width: 100%;
}
.sec_contact .contact_inner_upper h2 {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
  color: #f7f7f7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .sec_contact .contact_inner_upper h2 {
    width: 100%;
  }
}
.sec_contact .contact_inner a.action {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  max-width: 700px;
  margin: 1rem auto;
  background-color: #dfa608;
  color: #f7f7f7;
  padding: 2rem 1rem;
  font-weight: 700;
}
.sec_contact .contact_inner a.action_mail {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  max-width: 700px;
  margin: 1rem auto;
  background-color: #82663A;
  color: #f7f7f7;
  padding: 2rem 1rem;
  font-weight: 700;
}
.sec_contact .contact_inner .txt_subtitle {
  display: block;
  font-size: 1rem;
  text-align: center;
  color: #82663A;
  font-weight: 700;
}
.txt_tel {
  font-size: 3rem;
}
.txt_reason_block {
  display: inline-block;
  padding: 0 1rem;
  margin-right: 0.5rem;
  background-color: #82663A;
  color: #f7f7f7;
}
.sec_step {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.sec_step .step_inner {
  padding: 3rem 1.5rem;
  max-width: 1280px;
  margin: auto;
}
.sec_step .step_inner h2 {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 5rem 0;
  text-align: center;
}
.sec_step .step_inner .txt_subtitle {
  display: block;
  font-size: 1rem;
  text-align: center;
  color: #82663A;
  font-weight: 500;
}
.sec_step .step_inner ul {
  max-width: 800px;
  margin: auto;
}
.sec_step .step_inner ul li {
  padding: 2rem;
  margin: 1rem 0 4rem 0;
}
.sec_step .step_inner ul li p.step_ttl {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 2.5rem;
}
.sec_step .step_inner ul li p.step_ttl .step_marker {
  display: inline-block;
  background-color: #82663A;
  color: #f7f7f7;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
}
.sec_step .step_inner ul li p.step_dsc {
  font-size: 1rem;
}
.sec_step .step_inner ul li .step_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec_step .step_inner ul li .step_flex .btn_tel, .sec_step .step_inner ul li .step_flex .btn_form {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 2rem;
  width: 300px;
  text-align: center;
  color: #f7f7f7;
  margin: 2rem 1rem 0 1rem;
}
.sec_step .step_inner ul li .step_flex .btn_tel {
  background-color: #dfa608;
}
.sec_step .step_inner ul li .step_flex .btn_form {
  background-color: #82663A;
}
.arrow_box {
  position: relative;
  background: #F7F7F7;
  color: #333333;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.arrow_box:after, .arrow_box:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
}
.arrow_box:after {
  border-color: rgba(247, 247, 247, 0);
  border-top-width: 30px;
  border-bottom-width: 30px;
  border-left-width: 28px;
  border-right-width: 28px;
  margin-left: -28px;
  border-top-color: #F7F7F7;
}
.sec_step .step_inner ul li.commit_box {
  background-color: #82663A;
  border-radius: 5px;
}
.sec_step .step_inner ul li.commit_box p.step_ttl {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #f7f7f7;
}
.sec_step .step_inner ul li.commit_box p.step_ttl .step_marker {
  display: inline-block;
  background-color: #f7f7f7;
  color: #82663A;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
}
.sec_step .step_inner ul li.commit_box p.step_dsc {
  color: #f7f7f7;
}
.sec_negative .negative_inner {
  padding: 0 1.5rem 3rem 1.5rem;
  max-width: 1280px;
  margin: auto;
  overflow: hidden;
}
.sec_negative .negative_inner h2 {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  margin: 0 auto 1rem auto;
  padding: 0 2rem;
  z-index: 1;
  position: relative;
  max-width: 500px;
}
.sec_negative .negative_inner h2::before {
  position: absolute;
  content: ' ';
  background: url("../images/icon-italic.svg") center/contain no-repeat;
  width: 20px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.sec_negative .negative_inner h2::after {
  position: absolute;
  content: ' ';
  background: url("../images/icon-italic.svg") center/contain no-repeat;
  width: 20px;
  height: 50px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.sec_negative .negative_inner .negative_list {
  margin: auto;
  max-width: 800px;
}
.sec_negative .negative_inner .negative_list li {
  background-color: #f7f7f7;
  margin-bottom: 2rem;
}
.sec_negative .negative_inner .negative_list li:last-child {
  margin-bottom: 0;
}
.sec_negative .negative_inner .negative_list li .ngtv_ttl_wrapper {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 7rem 1rem 0 1rem;
  background: url("../images/recommend_1.jpg") center/cover no-repeat;
}
.sec_negative .negative_inner .negative_list li .ngtv_ttl {
  padding: 2rem 2rem 0 2rem;
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
  font-weight: 500;
}
.sec_negative .negative_inner .negative_list li .ngtv_dsc {
  padding: 0 2rem 2rem 2rem;
}
.sec_negative .negative_inner .negative_list li .ngtv_img {
  width: 100%;
}
.point_up {
  font-size: 1rem;
  text-align: center;
  background-color: #82663A;
  max-width: 10rem;
  margin: auto;
  padding: 0.25rem 1rem;
  color: #f7f7f7;
  font-weight: 700;
}
.txt_24hour {
  font-size: 0.85rem;
}
.original .content .point h2 {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  z-index: 1;
  padding: 0 1rem;
}
.ul_green {
  border-bottom: 6px solid #82663A;
}
.bg_gray {
  background-color: rgba(247, 247, 247, 0.8);
}
/* スクロールボタン */
.scroll-button {
  z-index: 2;
  background: url("../images/icon-return.svg") center/cover no-repeat;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.6));
  position: fixed;
  bottom: 4rem;
  right: 2rem;
  width: 60px;
  height: 60px;
  text-align: center;
  opacity: 0;
  transition: opacity .3s linear;
}
/* SP時のみ表示されるメニュー */
.sp_contact_area {
  display: block;
  text-align: center;
  opacity: 0;
  transition: opacity .1s linear;
  position: fixed;
  bottom: -2px;
  background-color: #fff;
  z-index: 10;
  width: 100%;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.6));
  pointer-events: none;
}
.sp_contact_area ul {
  display: flex;
  justify-content: center;
}
.sp_contact_area ul a {
  display: block;
  width: 50%;
}
.sp_contact_area ul li {
  text-align: center;
  padding: 16px 0 17px 0;
  border-right: 1px solid #e3e3e3;
}
.sp_contact_area ul li:last-child {
  border: 0;
}
.sp_contact_area ul li.contact_phone_sp {
  background-color: #dfa608;
  color: #f7f7f7;
  font-weight: 700;
}
.sp_contact_area ul li.contact_mail_sp {
  background-color: #82663A;
  color: #f7f7f7;
  font-weight: 700;
}
.arrow_box_a {
  position: relative;
  background: #FFFFFF;
  padding: 10px 1rem;
  text-align: center;
  color: #82663A;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  border-radius: 30px;
  max-width: 300px;
  margin: 0 auto 1rem auto;
}
/*.arrow_box_a:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #FFFFFF;
  top:98%;
  left: 50%;
}*/
.arrow_box_b {
  position: relative;
  background: #82663A;
  padding: 10px 1rem;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  border-radius: 30px;
  max-width: 350px;
  margin: 0 auto 1rem auto;
}
.arrow_box_b:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #82663A;
  top: 98%;
  left: 50%;
}
.upper_att {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #82663A;
}
.logoarea {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 150px 0 0;
  border-color: #e3e3e3 transparent transparent transparent;
}
.pc_bottom_area {
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  width: 800px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 99;
  margin: auto;
  padding: 1rem;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  opacity: 0;
  transition: opacity .3s linear;
}
.pc_bottom_area .telbtn {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #dfa608;
  margin-right: 1rem;
}
.pc_bottom_area .telbtn img {
  display: inline-block;
  height: 2rem;
  margin-right: 10px;
}
.pc_bottom_area .mailbtn {
  display: block;
  background-color: #82663A;
  padding: 10px;
  width: 300px;
  text-align: center;
  align-self: center;
  color: #f7f7f7;
  font-weight: 700;
  border-radius: 30px;
}
.pc_bottom_area .mailbtn .mailbtn_ttl {
  display: block;
}
.pc_bottom_area .mailbtn .mailbtn_hour {
  display: block;
  font-size: 0.7rem;
  font-weight: 500;
  margin-top: 0.2rem;
}
.p_arrow_wrapper {
	max-width: 480px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 768px) {
	.p_arrow_wrapper{
		max-width: 430px;
	}
}
.p_arrow_wrapper .p_img_att{
	position: absolute;
	top:0px;
	left: 0px;
	width:100px;
	z-index: -999;
}