@charset "utf-8";
/* --------------------------------------------- */
/* top                                           */
/* --------------------------------------------- */
.l-mv {
  position: relative;
  margin: 0 0 5rem;
  padding: 3rem 0 2rem;
  min-width: 1100px;
  width: 100%;
  position: relative;
}
.l-mv::before{
  width: 106px;
  height: 330px;
  background: url(img/main_bg_tap.jpg) no-repeat left center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  left: 7rem;
  content: '';
  position: absolute;
}
.l-mv-wrapper {
  margin: 0 auto;
  width: 1000px;
  background: url(https://www.tapping-biz.com/wp/wp-content/uploads/bg_mv.jpg) right bottom no-repeat;
  background-size: contain;
  }
.l-mv-box {
  margin: 0;
  max-width: 400px;
  width: 100%;
  position: relative;
  padding-bottom: 4rem;
}

.l-mv-box::after{
  width: 426px;
  height: 11px;
  background: url(img/main_line_bg.jpg) no-repeat left bottom;
  bottom: 0;
  left: 0;
  content: '';
  position: absolute;
}
.l-mv-logo img {
  max-width: 100px;
}
.l-mv-title {
  margin: 1rem 0 2rem;
  font-weight: bold;
  line-height: 1.4;
}
.l-mv-title .f-big {
  font-size: 3.6rem;
}
.l-mv-title .bg-y{
  background: #fece26;
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  font-size: 2.6rem;
  line-height: 1;
}
.l-main-area .l-mv-box p span {
  color: #000;
}
p.l-mv-title {
  margin: 2rem auto 2rem 0;
}
.l-parts01 {
  padding: 10rem 0;
  background: url(img/bg_town01.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
.l-parts01-caption{
  margin-top: 4rem;
  font-size: 1rem;
}

.l-parts01 .l-common-title__box,
.l-parts02 .l-common-title__box{
  background: none;
}
.l-parts01-column3 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-width: 1000px;
}
.l-parts01-column3 .box-top {
  margin: -2.6rem -2.6rem 2rem;
  padding: 1rem 0.5rem;
  background: #2a2a1d;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
.l-parts01-column3 .box-top span{
  font-size: 2.1rem;
  color: #fece26;
}
.l-parts01-column3 .btn-web {
  margin: 2rem auto;
}
.l-parts01-column3 .btn-web a{
  padding: 1.2rem 4rem;
  width: 100%;
}
.l-parts01-column3 .btn-web a::after{
  width: 20px;
  height: 20px;
  right: 1.5rem;
}
.l-parts01-column3__box {
  width: calc(((100% - 54px) / 3) - 1px);
  background: #fff;
  padding: 2.6rem;
  position: relative;
}
.l-parts01-column3 .catch-text {
  font-weight: bold;
  font-size: 2.3rem;
  line-height: 2.4rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.l-parts01-column3 .catch-text span{
  font-size: 1.6rem;
}
.l-parts01-column3 .product{
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 1rem 5rem 2rem 5rem;
  background: #fffaec;
}
.l-parts01-column3 .flame{
  margin: 0 auto;
  text-align: center;
}
.l-parts01-column3 .box-speed {
  background: #f6f6f6;
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  line-height: 1.5;
}
.l-parts01-column3 .box-speed .head {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #2a2a1d;
  background-color: #fff;
  padding: 0.5rem 0 0.5rem 0;
}
.l-parts01-column3 .box-speed .body {
  /* font-size: 1.4rem; */
  text-align: justify;
  line-height: 2.4rem;
}

.l-parts02 {
  position: relative;
  padding: 10rem 0;
  min-width: 1100px;
  background: #dedbd3;
  /* Old browsers */
}
.l-parts02-white {
  margin: 0 auto 4rem;
  padding-bottom: 4rem;
  max-width: 1000px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}
.l-parts02-white .accordion_btn {
  margin: 4rem auto 2rem auto;
  max-width: 480px;
}
.l-parts02-white .btn-web {
  margin: 3rem auto;
}
.l-parts02-white__title {
  margin: auto;
}
.l-parts02-white__title .catch-title {
  margin: 0 auto;
  padding: 1.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.4;
  background: #2a271c;
  color: #fff;
}
.l-parts02-white__title .catch-title span{
  font-size: 3rem;
  color: #fece26;
}
.l-parts02-white-inner {
  margin: auto;
  width: 880px;
}
.l-main-area .l-parts02 .float-wrap .float-img.ct{
  width: 560px;
}
.l-main-area .l-parts02 .float-wrap .caption{
  /* padding: 0; */
}
.l-parts02-white .clinic {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  margin: 1.5rem auto;
}
.l-parts02 .product{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  color: #fe8c00;
}

.l-parts02-white__column3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.l-parts02-white__column3__box {
  margin: 0 0 2rem;
  padding: 0 3rem 0 0;
  width: calc(((100% - 6rem) / 2) - 1px);
  border-right: 1px solid #d6d9da;
  box-sizing: content-box;
}
.voice_wrap{
  justify-content: space-between;
}
.voice_wrap .l-parts02-white__column3__box{
  border-right: none;
  background: #fffaec;
  padding: 0 2rem;
  width: calc(((100% - 16rem) / 2) - 1px);
  margin: 2rem 0 1rem;
  /* margin: 0; */
}
.voice_wrap .l-parts02-white__column3__box:nth-child(2n){
  padding-right: 2rem;
}
.voice_wrap .before{
  background: #eee;
  position: relative;
}
.voice_wrap .before::after{
  width: 54px;
  height: 37px;
  right: -64px;
  top: 50%;
  transform: translateY(-50%);
  background: url(img/voice_arrow.png) no-repeat 0 0;
  background-size: contain;
  content: '';
  position: absolute;
}
.voice_wrap .before .voice-point{
  background: #666;
  color: #fff;
}
.l-parts02-white__column3__box .voice-point {
  background: #fece26;
  font-size: 1.8rem;
  width: 40%;
  font-weight: bold;
  padding: 1rem;
  line-height: 1;
  margin: -2rem auto 3rem;
  text-align: center;
}
.l-parts02-white__column3__box .voice-catch {
  padding-left: 8rem;
  background: url(img/icon_voice.png) no-repeat left center / 6rem auto;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
  margin: 2rem auto;
  min-height: 6rem;
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fffaec;
}
.l-parts02-white__column3__box .voice-catch2 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 2rem auto;
}

.l-parts02-white__column3__box:nth-child(2n) {
  border-right: 0;
  padding-right: 0;
  padding-left: 3rem;
}
.l-main-area .l-parts02 ul:not([class]){
  margin: 2rem 0 0 32rem;
}
.l-main-area .l-parts02 ul:not([class]) li{
  margin-bottom: 1rem;
}

.l-parts02-white .title-voice {
  position: relative;
  margin: 8rem auto 3rem;
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
}

.l-main-area .l-parts02 .table-two table{
  margin: 0 auto;
}
.l-main-area .l-parts02 .table-two table th{
  width: 20%;
}
.l-main-area .l-parts02 .table-two table td{
  width: 30%;
}

.l-parts03 {
  padding: 8rem 0;
}
.l-parts03 .accordion_btn {
  max-width: 36rem;
  margin: 2rem auto 4rem;
}
.l-parts03-column3 {
  display: flex;
  flex-wrap: wrap;
}
.l-parts03-column3__box {
  position: relative;
  margin: 0 2rem 2rem 0;
  padding: 1rem 3rem 3rem;
  width: calc((100% - 4rem) / 3);
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #dedbd3;
}

.l-main-area .l-parts03-column3__box table {
  margin: 1rem 0 0;
}
.l-parts03-column3__box:nth-child(3n) {
  margin: 0 0 2rem;
}

.l-parts03-column3__title {
  z-index: 1;
  margin: 0 0 1em;
  padding: 2rem 0;
  border-bottom: 1px solid #dedbd3;
  text-align: left;
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.l-parts03-column3__title a {
  display: block;
  padding: 0 3rem 0 0;
  background: url(img/ico_arrow01_orange.svg) no-repeat center right;
  background-size: 20px;
  text-decoration: none;
  width: 100%;
}
.l-parts03-column3__title a:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60);
}
.l-parts03-column3__box .caption{
  margin-bottom: 2rem;
}

.l-parts04 {
  position: relative;
  padding: 3rem;
  min-width: 1100px;
}

.l-parts04 .frame-wrap .frame-head::before {
  content: "";
  background: url(img/icon_q.png) no-repeat center / contain;
  width: 51px;
  height: 53px;
}
.l-parts04 .l-section-inner {
  position: relative;
  z-index: 0;
  padding: 0rem 0;
}
.l-parts04-list {
  padding: 2rem 0 0;
  position: relative;
}
.l-parts04-list::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #f5f3f1;
  right: 0;
  top: 0;
  z-index: -1;
}
.sector .l-parts04-list::before{
  background: #fff9e5;
}
.l-main-area .knowledge .l-parts04-list::before{
  background: url(img/knowledge_bg.jpg) no-repeat 0 0;
  background-size: cover;
  height: 35rem;
}
.l-parts04-list.bg::before {
  height: 460px;
}
.l-parts04-list.bg2::before {
  height: 35rem;
  background: #fff9e5;
}

.l-section {
  margin: 0 0 8rem 0;
  padding: 8rem 0 6rem 0;
  background: #fff9e5;
}
.l-section .l-section-inner {
  padding: 0;
}
.l-section-ttl {
  margin-bottom: 3rem;
  padding: 2rem 3rem;
  background: #fdcf26;
  font-size: 3.2rem;
  font-weight: bold;
}
.l-section-ttl a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding-right: 3rem;
  background: url(img/ico_arrow01_orange.svg) no-repeat center right / 22px auto;
}

.l-section .btn-internal{
  margin: 4rem auto 0;
}

.l-contents-area .l-section .btn-internal a {
  max-width: 420px;
}

@media screen and (max-width: 480px) {
  /* --------------------------------------------- */
  /* top                                           */
  /* --------------------------------------------- */
  .l-mv {
    margin: auto;
    padding: 0;
    min-width: inherit;
    min-height: inherit;
    background: none;
  }
  .l-mv::before{
    width: 74px;
    height: 231px;
    left: 0.5rem;
    bottom: 0;
  }
  .l-mv-wrapper {
    width: 100%;
    background-image: none;
  }
  .l-mv-logo {
    padding: 0;
    width: 100%;
    background: none;
    text-align: center;
  }
  .l-mv-logo img {
    max-width: 80px;
  }
  .l-mv-box {
    margin: 0;
    width: 100%;
    padding-bottom: 2.5rem;
  }
  .l-mv-box::after{
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-mv-box p {
    margin: 0;
  }
  .l-mv-title {
    display: block;
    align-items: center;
    margin: 1rem 0 0;
    padding: 3rem 0 3.5rem 2rem;
    width: 100%;
    background: url(https://www.tapping-biz.com/wp/wp-content/uploads/bg_mv.jpg) no-repeat right 1rem center;
    background-size: 60% auto;
  }
  .l-mv-title .bg-y{
     font-size: 1.7rem;
     line-height: 1.3;
     padding: 0.15rem 0.3rem;
  }
  .l-mv-title .f-big {
    font-size: 2.4rem;
  }
  .l-main-area .l-mv p {
    padding: 0 2rem;
    font-size: 1.4rem;
    margin: 0;
  }
  .l-main-area .l-mv-box p span {
    color: #000;
  }

  .l-section-inner {
    padding-top: 2rem;
    background-size: 20%;
  }
  .l-parts01 {
    margin-top: 5rem;
    padding: 3rem 0;
  }

  .l-parts01-column3 {
    min-width: inherit;
  }
  .l-parts01-column3:after {
    content: none;
  }
  .l-parts01-column3__box {
    margin: 0 0 5rem;
    width: 100%;
    padding: 1.5rem 1.5rem 3rem;
  }
  .l-parts01-column3__box:last-child{
    margin: 0;
  }
  .l-parts01-caption{
    margin-top: 2rem;
  }
  .l-parts01-column3__box .box-top {
    margin: -1.5rem -1.5rem 2rem;
    font-size: 1.8rem;
    padding: 1rem;
  }
  .l-parts01-column3 .box-top span{
    font-size: 2.1rem;
  }

  .l-parts01-column3__box:after {
    content: '';
    position: absolute;
    top: 4rem;
    right: 50%;
    z-index: -1;
    width: 100vw;
    height: 7rem;
    transform: translateX(50%);
  }

  .l-parts01-column3__box .catch-text,
  .l-parts01-column3__box .catch-body {
    padding: 0;
    font-size: 2.4rem;
  }
  .l-parts01-column3 .product{
    /* font-size: 1.5rem; */
  }
  .l-parts01-column3 .box-speed {
    padding: 1.5rem;
  }
  .l-parts01-column3 .box-speed .head {
    /* font-size: 1.6rem; */
  }

  .l-parts01-column3 .btn-web,
  .l-parts01-column3 .btn-internal,
  .l-parts01-column3 .btn-tel {
    margin: 1rem auto 2rem auto;
  }

  .l-parts01-column3 .btn-web a::after {
    width: 16px;
  }
  .l-parts01-column3 .btn-tel a::after {
    left: 20px;
    width: 14px;
  }

  .l-parts02 {
    padding: 3rem 0;
    min-width: inherit;
  }
  .l-parts02-white {
    margin-top: 2rem;
    margin-bottom: 6rem;
  }
  .l-parts02-white .btn-web {
    margin: 3rem auto 1.5rem;
  }
  .l-contents-area .l-parts02 .btn-tel{
    margin: 0 auto 6rem;
  }

  .l-main-area .l-parts02-white table {
    margin: 2rem auto;
  }

  .l-parts02-white:last-child {
    margin-bottom: 2rem;
  }
  .l-parts02-white-inner {
    margin: 0 auto;
    width: 90%;
  }
  .l-parts02-white .clinic {
    font-size: 2.4rem;
    margin: 1rem auto;
  }
  .l-parts02 .product{
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }
  .l-parts02-white__title {
    padding: 1rem 0 0;
    background-size: 15%, 15%, auto;
  }

  .l-parts02-white__title .catch-title {
    padding: 0.75rem;
    width: 90%;
    font-size: 1.6rem;
  }
  .l-parts02-white__title .catch-title span{
    font-size:2rem;
  }
  .l-main-area .l-parts02 .float-wrap .float-img.ct{
    width: 100%;
    margin: 0 auto 2rem;
  }
  .l-main-area .l-parts02 .float-wrap .float-img.ct iframe{
    width: 100%;
    height: auto;
  }

  .l-parts02-white .title-voice {
    font-size: 2rem;
    margin: 4rem auto 1rem;
	line-height: 2.8rem;
  }
  .voice_wrap .l-parts02-white__column3__box{
    width: calc(100% - 3rem);
    padding: 0 1.5rem;
    margin: 2rem 0 0;
  }
  .voice_wrap .before{
    margin-bottom: 5rem;
  }
  .voice_wrap .before::after{
    transform: translateX(-50%) rotate(90deg);
    top: unset;
    bottom: -45px;
    left: 50%;
    width: 40px;
  }
  .l-parts02-white__column3__box .voice-catch2{
    font-size: 1.6rem;
    margin: 1rem auto;
  }
  .voice_wrap .l-parts02-white__column3__box:nth-child(2n){
    padding: 0 1.5rem;
  }

  .l-main-area .l-parts02 ul:not([class]){
    margin: 1rem 0;
  }
  .l-parts02-white__column3__box {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .l-parts02-white__column3__box:nth-child(2n){
    padding-left: 0;
  }
  .l-parts02-white__column3__box .voice-point {
    font-size: 1.6rem;
    width: 60%;
    padding: 0.75rem;
    margin: -1.5rem auto 2rem;
  }
  .l-parts02-white__column3__box .voice-catch {
    font-size: 1.8rem;
    margin: 1rem auto;
    min-height: 5rem;
    padding-left: 7rem;
    background-size: 5rem auto;
  }

  .l-main-area .l-parts02 .table-two table th,
  .l-main-area .l-parts02 .table-two table td{
    width: 100%;
  }
  .l-parts03 {
    margin-top: 0rem;
    padding-bottom: 0;
    padding: 5rem 0;
  }
  .l-parts03 .accordion_btn {
    margin: 1rem auto 1rem;
    max-width: 80%;
  }
  .l-parts03-column3__box {
    padding: 0 2rem;
    margin: 0 0 2rem;
    width: 100%;
  }

  .l-parts03-column3__title {
    font-size: 1.8rem;
  }
  .l-parts03-column3__title a {
    padding: 0 3rem 0 0;
  }

  .l-parts04 {
    min-width: inherit;
  }

  .l-parts04 .l-section-inner:after,
  .l-parts04 .l-section-inner:before {
    content: none;
  }

  .l-parts04 .l-section-inner {
    padding-top: 0;
  }
  .l-parts04-list {
    position: relative;
    margin: 3rem 0 0;
    padding: 2rem 0;
  }
  .l-parts04-list.bg::before {
    height: 90%;
  }

  .l-section {
    margin: 0 0 4rem;
    padding: 4rem 0;
  }
  .l-section-ttl {
    padding: 1rem;
    font-size: 2rem;
  }

}