@charset "utf-8";

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

a:hover {
  cursor: scoreer;
}

/* a[href^="#"] {
  scoreer-events: none;
} */

body {
  word-break: break-all;
  color: #1e1e1e;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 13px;
  /* background: #fefef3; */
}

.font-mid {
  font-family: "M PLUS 1p", "メイリオ", Meiryo, sans-serif;
}

img {
  vertical-align: bottom;
}

img.desktop {
  display: inline-block;
}

.desktop {
  display: block;
}
#custom-example{
  margin-top: 70px;
}
.smartphone {
  display: none;
}

header {
  padding: 10px;
  background: #ffffff;
}

header section {
  max-width: 1000px;
  margin: 0 auto;
}

header p {
  margin-bottom: 10px;
}

header .top_icon {
  width: 260px;
  float: left;
  margin-bottom: 0em;
}

.head_pc .head_container div {
  float: right;
}

header div a:first-of-type img {
  margin-right: 1.5em;
}

.wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  padding-left: 0;
  padding-right: 0;
}

.background_image {
  background-image: url("../../seo/img/top/top_background.png");
  padding: 75px 0;
  margin-bottom: 60px;
  background-size: cover;
}
.background_image-3 {
  background-image: url("../../seo/img/top/top_background.png");
  padding: 75px 0;
  margin-bottom: 60px;
  background-size: cover;
}

.background_image p {
  margin: 0 auto;
  text-align: center;
}
.background_image-3 p {
  margin: 0 auto;
  text-align: center;
}

.inquiry {
  margin-bottom: 90px;
  position: relative;
  text-align: center;
}
.inquiry img:hover {
    transform: translate(0, 5px);
}
.hukidashi {
  position: absolute;
  z-index: 1;
  right: 120px;
  bottom: 267px;
}

.muryou_call {
  margin-bottom: 10px;
}

.estimation {
  display: flex;
  justify-content: center;
}
.estimation-3 {
  display: flex;
  justify-content: center;
}

.cta-line {
  padding-right: 5px;
}

.cta-contact {
  padding-left: 5px;
}

.index {
  text-align: center;
}

.index img {
  height: 64px;
}

.index p,
.index h2 {
  font-size: 30px;
  font-weight: 700;
  position: relative;
  bottom: 30px;
  letter-spacing: 5px;
}

.score10 .index p {
  bottom: 0px !important;
}

.fixed_charge_text {
  letter-spacing: 1px !important;
}

.instantly_text {
  letter-spacing: 2px !important;
}

.flow_text,
.cleaning_text,
.yasukusoku_text {
  letter-spacing: 4px !important;
}

.qustion_text {
  letter-spacing: 3px !important;
}

#area .sub_head_eng,
#qustion .sub_head_eng,
#kaiketsu .sub_head_eng,
#instantly .sub_head_eng,
#set-plan .sub_head_eng,
#flow-head .sub_head_eng,
#cleanup-head .sub_head_eng,
#voice-head .sub_head_eng,
#yasukusoku-head .sub_head_eng,
#qustion-head .sub_head_eng,
#price-head .sub_head_eng,
#area-details-header .sub_head_eng {
  color: transparent;
  position: relative;
  font-size: 70px;
  font-weight: 700;
}

@media (max-width: 768px) {

  #area .sub_head_eng,
  #qustion .sub_head_eng,
  #kaiketsu .sub_head_eng,
  #instantly .sub_head_eng,
  #set-plan .sub_head_eng,
  #flow-head .sub_head_eng,
  #cleanup-head .sub_head_eng,
  #voice-head .sub_head_eng,
  #yasukusoku-head .sub_head_eng,
  #qustion-head .sub_head_eng,
  #price-head .sub_head_eng,
  #area-details-header .sub_head_eng {
    font-size: 40px;
  }
  a[href^="#"] {
  scoreer-events: auto;
}

}

.index .sub_head_jp {
  font-size: 30px;
}

@media (max-width: 768px) {
  .index .sub_head_jp {
    font-size: 22px;
	color: #3B9B71;
    font-weight: 700;
  }
}

@media screen and (min-width: 576px) {
  .index .sub_head_jp {
    position: relative;
    font-size: clamp(20px, calc(20px + ((100vw - 300px) / 80)), 40px);
    bottom: clamp(40px, calc(30px + ((100vw - 400px) / 40)), 53px);
    line-height: 1.2;
	color: #3B9B71;
  }
}

.area {
  display: flex;
  margin-bottom: 50px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

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

.area div p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
}

/* .area div {
  width: calc(50% - 20px);
} */

.area div:nth-of-type(2) {
  padding: 0 0px 70px 0;
}

.plus,
.minus {
  float: right;
}

.accordion {
  background: #3B9B71;
  text-align: center;
  /* border-radius: 15px; */
  border: 5px solid #3B9B71;
}

.accordion_open {
  width: 100%;
  background: #ffffff;
  /* border-radius: 0 0 12px 12px; */
}

.accordion p:first-of-type {
  cursor: scoreer;
  font-size: 24px;
  color: #ffffff;
  padding: 15px 30px;
}

.accordion_open_text {
  padding: 10px !important;
  color: #1e1e1e !important;
  line-height: 1.5 !important;
  text-align: left;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
}

.web_camp {
  text-align: center;
  margin: 60px 0;
}

.webwari-camp-img {
  padding: 0 20px;
}

.web_camp_text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 50px;
  margin-top: 30px;
  line-height: 2;
}


.web_camp_text .border_btm {
  background: linear-gradient(transparent 50%, #ffc595 0%);
}

.web_camp_text .yellow_border_btm {
  background: linear-gradient(transparent 50%, #fff469 0%);
}

.mikan {
  color: #ff6c00;
}

.mondai {
  margin-bottom: 80px;
}

.mondai_text {
  font-size: 24px !important;
  letter-spacing: 3px !important;
  bottom: 36px !important;
}

.mondai_text span {
  font-size: 38px;
}

.background_top {
  background: #ddf2ff;
  width: 100%;
  text-align: center;
  padding: 50px 0;
  position: relative;
}

.background_down:before,
.background_top:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 50px solid transparent;
}

.background_down:before {
  border-top: 45px solid #7bccfe;
  transform: translateY(-6%) translateX(-50%);
}

.background_top:before {
  border-top: 45px solid #ddf2ff;
  transform: translateY(-10%) translateX(-50%);
}

.background_down {
  background: #7bccfe;
  position: relative;
  padding: 0 0 8px 0;
}

.nfc_kaiketsu {
  text-align: center;
  margin-bottom: 100px;
}

.kadode_kaiketsu_img {
  margin-bottom: 50px;
}

.score_background {
  background: #D5EAD8;
  border-radius: 20px;
  width: 490px;
  float: left;
  position: relative;
  height: 260px;
}

.score_background:nth-of-type(odd) {
  margin-right: 20px;
  margin-bottom: 40px;
}

.kadode_kaiketsu .score_background:last-of-type {
  margin-bottom: 100px;
}
.nfc_kaiketsu{
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .nfc_kaiketsu{
    margin-bottom: 3.5rem;
  }
}


.score_background section {
  float: left;
}

.score {
  position: absolute;
  bottom: 131px;
  left: 15px;
}

.score_icon {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 12px;
}

.score_03 {
  left: 22px;
}

.score_04 {
  left: 29px;
  bottom: 20px;
}

.score_05 {
  left: 24px;
  bottom: 20px;
}

.score_06 {
  left: 28px;
  bottom: 12px;
}

.score_txt {
  font-size: 17px;
  font-weight: 400;
  width: 70%;
  float: right;
  text-align: left;
  padding: 30px 25px 0 0;
}

.score_txt span {
  font-size: 28px;
  font-weight: 600;
  display: block;
  margin-bottom: 0.5em;
}

.price img {
  margin-bottom: 40px;
}

.price img:last-of-type {
  margin-bottom: 100px;
}

.using_time_image {
  width: 1000px;
}

.magokoro_set {
  background: url("../img/magokoro_icon.png") no-repeat center;
  margin-bottom: 50px;
  padding: 30px;
}

.magokoro_set_text span {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 1em;
}

.magokoro_set_text {
  font-size: 20px;
  font-weight: 600;
  padding: 25px 55px;
  position: relative;
  bottom: 75px;
}

.magokoro_nashi_ari {
  text-align: center;
  margin-bottom: 50px;
}

.free_estimation {
  background: url("../img/truck_icon.png") no-repeat center;
  margin-bottom: 50px;
  padding: 82px;
}

.free_estimation_text span {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}

.free_estimation_text {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  position: relative;
  bottom: 5px;
}

.pack_charge_contents,
.asap_content,
.flow_contents {
  text-align: center;
  margin-bottom: 80px;
}

.step {
  border: 3px solid #1e1e1e;
  border-radius: 30px;
  width: 660px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 30px;
  background: #ffffff;
}

.step:last-of-type {
  margin-bottom: 100px;
}

.step_head {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 5px;
}

.step_conent {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin-top: 30px;
}

.yajirushi {
  text-align: center;
}

.yajirushi img {
  width: 43px;
  margin-bottom: 30px;
}

.souji {
  margin-bottom: 100px;
}

.souji p {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 400;
}

.user_01 {
  float: left;
}

.user_01 img, .user_02 img {
  width: 150px;
}

.user_01 img {
  float: left;
  position: relative;
  top: 30px;
}

.user_02 img {
  float: right;
  position: relative;
  top: 30px;
}

.review_hukidashi01 {
  position: relative;
  display: inline-block;
  background: #FFF;
  border: solid 4px #000;
  width: 77%;
  float: left;
  margin-left: 80px;
  margin-bottom: 40px;
  border-radius: 20px;
  padding: 20px 30px;
}

.review_hukidashi01:before {
  content: "";
  position: absolute;
  top: 30%;
  left: -55px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 45px solid #FFF;
  z-index: 2;
}

.review_hukidashi01:after {
  content: "";
  position: absolute;
  top: 30%;
  left: -73px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 58px solid #000;
  z-index: 1;
}

.review_left {
  float: left;
  margin-right: 20px;
}

.set {
  background: #3B9B71;
  padding: 20px;
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  width: 141px;
  color: #fff;
  border-radius: 10px;
}

.set span {
  display: block;
  font-size: 48px;
}

.infomation {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

.voice_right {
  float: left;
  width: 73.7%;
}

.voice_right p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
}

.voice_right span {
  font-size: 20px;
  font-weight: 900;
  display: block;
}

.review_hukidashi02 {
  position: relative;
  display: inline-block;
  background: #FFF;
  border: solid 4px #000;
  width: 77%;
  float: left;
  margin-right: 80px;
  margin-bottom: 40px;
  border-radius: 20px;
  padding: 20px 30px;
}

.review_hukidashi02:before {
  content: "";
  position: absolute;
  top: 30%;
  right: -55px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 45px solid #FFF;
  z-index: 2;
}

.review_hukidashi02:after {
  content: "";
  position: absolute;
  top: 30%;
  right: -73px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 58px solid #000;
  z-index: 1;
}

.warning {
  background: #333333;
  color: #ffffff;
  font-size: 22px;
  padding: 30px 0;
  margin-top: 50px;
  margin-bottom: 50px;
}

.warning section {
  max-width: 1000px;
  margin: 0 auto;
}

.warning .warning_head {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  color: #FCEE21;
}

.warning .warning_head img {
  width: 48px;
  margin: 0 5px;
}

.warning .warning_body {
  padding: 30px 70px;
  font-weight: 400;
  text-align: center;
}

.yasukusoku {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.qustion {
  margin-bottom: 100px;
}

.shitsumon {
  margin: 0 auto 30px auto;
  border: 4px solid #000000;
  padding: 30px;
  /* border-radius: 30px; */
  background: #ffffff;
  width: 90%;
  font-weight: 500;
}

.enquete_title img {
  margin-right: 20px;
}

.enquete_title {
  font-size: 24px;
  margin-bottom: 20px;
  letter-spacing: 3px;
  padding-left: 60px;
  text-indent: -60px;
  line-height: 30px;
}

.enquete_title:before {
  margin-right: 20px;
  position: relative;
  top: 3px;
}

.qustion .shitsumon:first-of-type .enquete_title:before {
  content: "Q1";
}

.qustion .shitsumon:nth-of-type(2) .enquete_title:before {
  content: "Q2";
}

.qustion .shitsumon:nth-of-type(3) .enquete_title:before {
  content: "Q3";
}

.qustion .shitsumon:nth-of-type(4) .enquete_title:before {
  content: "Q4";
}

.qustion .shitsumon:nth-of-type(5) .enquete_title:before {
  content: "Q5";
}

.qustion .shitsumon:nth-of-type(6) .enquete_title:before {
  content: "Q6";
}

.qustion .shitsumon:nth-of-type(7) .enquete_title:before {
  content: "Q7";
}

.qustion .shitsumon:nth-of-type(8) .enquete_title:before {
  content: "Q8";
}

.qustion .shitsumon:nth-of-type(9) .enquete_title:before {
  content: "Q9";
}

.qustion .shitsumon:nth-of-type(10) .enquete_title:before {
  content: "Q10";
}

.qustion .shitsumon:nth-of-type(11) .enquete_title:before {
  content: "Q11";
}

.qustion .shitsumon:nth-of-type(12) .enquete_title:before {
  content: "Q12";
}

.enquete_txt {
  font-size: 16px;
  padding-left: 60px;
  line-height: 30px;
}

.overview {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.overview table {
  font-size: 16px;
  width: 59%;
  letter-spacing: 3px;
}

.overview tr {
  border-top: 1px solid #92cdee;
  display: block;
  padding: 14px 0;
}

.overview tr:last-of-type {
  border-bottom: 1px solid #92cdee;
}

.overview th {
  text-align: left;
  width: 200px;
  font-weight: 400;
}

.overview td {
  font-family: "Roboto", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
}

.bottom_menu section {
  max-width: 1000px;
  margin: 0 auto;
}

.bottom_menu {
  background: #fff;
  padding: 20px 0;
  font-weight: 600;
}

.bottom_menu ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  line-height:1;
}

.bottom_menu li {
    list-style: none;
    width: 16.6%;
    text-align: center;
    font-size: 14px;
    border-right: solid 1px #bbb;
	line-height:20px;
}

.bottom_menu a {
  text-decoration: none;
  color: #1e1e1e;
}

#page_top {
  position: fixed;
  right: 30px;
  bottom: 10px;
  border-radius: 50%;
  border: 1px solid #fefef3;
  z-index: 999;
}

footer {
  height: 60px;
  background: #3B9B71;
  color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-family: "Roboto", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
}

footer p {
  font-size: 16px;
}

.ft_box li:before {
    content: '> ';
}

.br_block {
  display: none;
}

.screen_367px {
  display: none;
}

@media screen and (max-width: 1040px) {
  .wrap {
    padding: 0 20px;
  }

  .background_image img,
  .background_image-3 img,
  .muryou_call,
  .web_camp_img,
  .background_top img,
  .using_time_image,
  .price img,
  .magokoro_nashi_ari img,
  .pack_charge_contents img,
  .asap_content img,
  .souji img,
  .yasukusoku img {
    width: 100%;
  }

  .area div:nth-of-type(2) {
    padding-left: 0;
  }

  .area div {
    width: 50%;
    padding-left: 0;
  }

  .hukidashi {
    right: 0;
    position: relative;
    width: 732px;
    top: 3.4vw;
    max-width: 80%;
  }

  .contact_top {
    text-align: center;
    top: -140px;
    margin-bottom: 0;
  }

  .estimation img {
    width: 100%;
  }

  .estimation a:first-of-type {
    margin-right: 3px;
  }

  .estimation a:last-of-type {
    margin-left: 3px;
  }

  .area div:nth-of-type(2) {
    padding: 85px 0 85px 30px;
  }

  .background_image img,
  .background_image-3 img {
    padding: 0 50px !important;
  }

  .background_top img,
  .background_image img,
  .background_image-3 img {
    padding: 0 20px;
  }

  .kadode_kaiketsu article {
    width: 490px;
    margin: 0 auto;
  }

  .score_background:nth-of-type(odd) {
    margin: 0;
  }

  .score_background {
    margin-bottom: 30px !important;
  }

  .user_01 img,
  .user_01,
  .user_02 img,
  .user_02 {
    float: none;
    text-align: center;
  }

  .user_01,
  .user_02 {
    height: 0;
  }

  .user_01 img,
  .user_02 img {
    top: 19px;
    z-index: 2;
  }

  .review_hukidashi01,
  .review_hukidashi02 {
    display: block;
    width: 100%;
    margin-left: 0;
    float: none;
  }

  .review_hukidashi01:after,
  .review_hukidashi01:before,
  .review_hukidashi02:after,
  .review_hukidashi02:before {
    display: none;
  }

  .voice_right {
    width: 100%;
    float: none;
  }

  .voice_right span {
    margin-bottom: 20px;
  }

  .infomation .sp_none {
    display: none;
  }

  .set {
    width: 200px;
    font-size: 25px;
  }

  .set span {
    font-size: 50px;
    display: inline-block;
  }

  .review_left {
    float: none;
    margin-right: 0;
    margin: 0 auto;
    margin-top: 200px;
  }

  .voice section {
    text-align: center;
    margin-bottom: 15px;
  }

  .info_container {
    text-align: center;
  }

  .infomation {
    font-size: 18px;
    margin-bottom: 40px;
    text-align: left;
    display: inline-block;
  }

  .warning {
    padding: 30px 20px;
  }

  .enquete_title {
    font-size: 20px;
    padding-left: 51px;
    text-indent: -51px;
  }
 #page_top {
    position: fixed;
    right: 30px;
    bottom: 10%;
    border-radius: 50%;
    border: 1px solid #fefef3;
    z-index: 999;
  }
}

@media screen and (max-width: 800px) {
  .kadode_kaiketsu_img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    scoreer-events: none;
  }
}
@media screen and (max-width: 768px) {
  #ihin-webwari,#ihin-price img{
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap {
    padding: 0px 10px;
  }

  .index img {
    height: auto;
  }

  img.desktop {
    display: none;
  }

  .area,
  .web_camp_img,
  .price img,
  .kadode_kaiketsu,
  .flow,
  .souji,
  .voice,
  .yasukusoku img,
  .overview {
    padding: 0 10px;
  }

  .worries img:first-of-type {
    padding: 0 10px;
  }

  .magokoro_nashi_ari img,
  .index,
  .bottom_menu {
    padding: 0 20px;
  }

  .bottom_map {
    padding: 0 30px;
  }

  .web_camp_text,
  .magokoro_set,
  .free_estimation {
    padding: 0 35px;
  }

  img {
    max-width: 100%;
  }

  .desktop {
    display: none;
  }

  .smartphone {
    display: block;
  }

  #area,
  #price,
  #flow,
  #voice,
  #qustion {
    margin-top: -80px;
    padding-top: 120px;
  }

  .tel_image {
    width: 142px;
    margin-left: 1em;
    float: right;
    margin-right: 70px;
  }

  header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    height: auto;
    padding: 0;
    background: transparent;
  }

  .head_sp {
    background-color: #fff;
    z-index: 999;
    position: relative;
  }

  .head_container {
    position: relative;
  }

  .head_container>div:first-child {
    overflow: hidden;
  }

  header .top_icon {
    width: 184px;
  }

  header div a:first-of-type img {
    margin-right: 0;
  }

  .head_sp>div {
    padding: 10px;
  }

  nav.nav_menu {
    position: absolute;
    z-index: 10;
    top: -1px;
    left: 0;
    color: #000;
    text-align: center;
    width: 100%;
    opacity: 0.96;
    font-weight: 600;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateY(-100%);
    transition: transform .6s;
  }

  nav.nav_menu ul {
    background: rgba(59, 155, 113, 1) !important;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  nav.nav_menu ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
  }

  nav.nav_menu ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }

  nav.nav_menu ul li a {
    display: block;
    color: #ffffff;
    padding: 1em 0;
    text-decoration: none;
  }

  nav.nav_menu.active {
    transform: translateY(0%);
  }

  .tgl {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 42px;
    cursor: scoreer;
    z-index: 3;
    text-align: center;
  }

  .tgl span {
    display: block;
    position: absolute;
    width: 51px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    right: 5px;
    height: 8px;
    background-color: #3B9B71;
  }

  .tgl span:nth-child(1) {
    top: 0;
  }

  .tgl span:nth-child(2) {
    top: 15px;
  }

  .tgl span:nth-child(3) {
    top: 30px;
  }

  .tgl span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }

  .tgl.active span:nth-child(1) {
    top: 15px;
    left: -7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .tgl.active span:nth-child(2),
  .tgl.active span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .nav_background {
    position: absolute;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background: #116cb0;
    z-index: 9;
    opacity: 0.96;
    display: none;
  }

  .contact_top {
    top: auto;
    margin-bottom: 70px;
  }

  .hukidashi {
    bottom: auto;
    top: -28%;
    right: auto;
    left: 9%;
    position: absolute;
    width: 85%;
  }

  .background_image,
  .background_image-3 {
    background-image: url("../../seo/img/top/top_background.png");
    padding-top: 175px;
    margin-bottom: 10px;
  }

  .area_img {
    width: 210px !important;
  }

  .area {
    display: block;
    padding: 0 50px;
  }

  .area div {
    width: 100%;
    margin-bottom: 50px;
  }

  .area div:nth-of-type(2) {
    padding: 0;
    width: 100%;
  }

  .accordion p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 4px;
  }

  .accordion_open_text {
    font-size: 16px !important;
  }

  .web_camp {
    margin: 30px 0;
  }

  .web_camp_text {
    text-align: left;
    font-size: 18px;
    padding: 0 40px;
    margin-top: 20px;
    line-height: 1.5;
  }

  .web_camp_img {
    width: 689px;
  }

  .mondai_img {
    width: 327px;
  }

  .yasukusoku {
    margin-top: 0;
  }

  .mondai_text {
    font-size: 22px !important;
  }

  .mondai_text span {
    font-size: 34px;
  }

  .worries {
    text-align: center;
  }

  .worries .yajirushi {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 30px;
  }

  .mondai {
    margin-bottom: 30px;
    padding: 0 20px;
  }

  .kadode_kaiketsu article {
    width: 100%;
    margin-bottom: 20px;
  }

  .kadode_kaiketsu {
    margin-bottom: 60px;
  }

  .score_background {
    width: 100%;
    height: auto;
  }

  .score {
    bottom: -90px;
    left: 0px;
  }

  .score_br {
    display: none;
  }

  .score_txt {
    width: 100%;
    font-size: 16px;
    padding: 10px 20px;
    text-align: left;
    font-weight: normal;
  }

  .score_txt span {
    font-size: 21px;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 20px;
  }

  .score_background:first-of-type .score_txt span {
    background: url(../img/score01_icon.png) no-repeat center;
    background-size: 70px;
  }

  .score_background:nth-of-type(2) .score_txt span {
    background: url(../img/score02_icon.png) no-repeat center;
    background-size: 37px;
  }

  .score_background:nth-of-type(3) .score_txt span {
    background: url(../img/score03_icon.png) no-repeat center;
    background-size: 37px;
  }

  .score_background:nth-of-type(4) .score_txt span {
    background: url(../img/score04_icon.png) no-repeat center;
    background-size: 42px;
  }

  .score_background:nth-of-type(5) .score_txt span {
    background: url(../img/score05_icon.png) no-repeat center;
    background-size: 38px;
  }

  .score_background:last-of-type .score_txt span {
    background: url(../img/score06_icon.png) no-repeat center;
    background-size: 30px;
  }

  .price_img {
    width: 201px;
  }

  .magokoro_set,
  .free_estimation {
    padding: 0 30px;
    background-size: 85px;
    background-position: top;
    position: relative;
    bottom: 70px;
  }

  .free_estimation {
    background-size: 150px;
  }

  .free_estimation {
    bottom: 30px;
  }

  .magokoro_set_text,
  .free_estimation_text {
    padding: 0;
    bottom: 0;
    top: 35px;
    font-weight: normal;
  }

  .free_estimation_text {
    top: 30px;
    text-align: left;
  }

  .score_background section {
    position: absolute;
    width: 80px;
    top: -6px;
    left: 15px;
    float: none;
  }

  .magokoro_set_text span,
  .free_estimation_text span {
    font-size: 30px;
    font-weight: 700;
  }

  .free_estimation_text span {
    margin-bottom: 30px;
  }

  .instantly_img {
    width: 515px;
  }

  .fixed_charge_img {
    width: 547px;
  }

  .flow_img {
    width: 203px;
  }

  .voice_img {
    width: 231px;
  }

  .step {
    width: 100%;
  }

  .step:last-of-type {
    margin-bottom: 60px;
  }

  .step_head {
    margin-top: 15px;
  }

  .souji_img {
    width: 361px;
  }

  .warning {
    font-size: 16px;
  }

  .warning .warning_head img {
    width: 25px;
  }

  .warning .warning_body {
    padding: 30px 0;
  }

  .warning .warning_head {
    font-size: 22px;
    line-height: 22px;
  }

  .yasukusoku_img {
    width: 344px;
  }

  .qustion_img {
    width: 154px;
  }

  .qustion {
    margin-bottom: 60px;
  }

  .shitsumon {
    padding: 30px 20px;
  }

  .enquete_txt {
    padding-left: 0;
  }

  .enquete_title:before {
    margin-right: 10px;
  }

  .overview {
    display: block;
    margin-bottom: 30px;
  }

  .overview table {
    width: 100%;
    margin-bottom: 10px;
  }

  .overview th {
    display: block;
    width: 100%;
    background: #92cdee;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
  }

  .overview tr {
    border: none;
    padding: 0;
  }

  .overview tr:last-of-type {
    border: none;
  }

  .overview td {
    height: 60px;
    line-height: 60px;
    display: block;
    padding: 0 10px;
  }

  .bottom_map {
    text-align: center;
  }

  .bottom_menu li {
    float: left;
    width: 33%;
    text-align: center;
    line-height: 3;
  }

  .bottom_menu ul {
    display: block;
  }

  .bottom_menu li {
    line-height: 4;
  }

  footer small {
    font-size: 13px;
  }

  .estimation {
    margin-right: 1px;
    margin-left: 6px;
  }
  .estimation-3 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 445px) {
  #ihin-sp-fv{
    padding: 0 !important;
  }
}

@media screen and (max-width: 445px) {
  .background_image {
    padding: 125px 15px 50px;
  }
  .background_image-3 {
    padding: 85px 15px 30px;
  }

  header p {
    font-size: 10px;
  }

  .tel_image {
    width: 35%;
    margin-right: 53px;
  }

  header .top_icon {
    width: 45%;
  }

  nav.nav_menu {}

  .background_image img {
    padding: 0 15px !important;
  }
  .background_image-3 img {
    padding: 0 15px !important;
  }

  .area {
    padding: 0 30px;
  }

  .area div p {
    font-size: 16px;
    font-weight: 500;
  }

  .web_camp_text {
    font-size: 16px;
  }

  .tgl.active span:nth-child(1) {
    top: 12px;
    left: 10px;
  }

  .tgl.active span:nth-child(2),
  .tgl.active span:nth-child(3) {
    top: 12px;
  }

  .tgl span {
    height: 6px;
    width: 35px;
  }

  .tgl span:nth-child(1) {
    top: 4px;
  }

  .tgl span:nth-child(2) {
    top: 16px;
  }

  .tgl span:nth-child(3) {
    top: 28px;
  }

  header {
    height: auto;
  }

  header .top_icon {
    margin: 0;
  }

  .web_camp_text {
    padding: 0 35px;
  }

  .hukidashi {
    bottom: -13px;
  }

  .mondai_text {
    font-size: 19px !important;
    letter-spacing: 1px !important;
  }

  .mondai_text span {
    font-size: 30px;
  }

  .mondai {
    margin-bottom: 20px;
  }

  .score {
    bottom: -54px;
    width: 45px;
    left: 3px;
  }

  .score_background section {
    width: 70px;
  }

  .score_txt span {
    font-size: 19px;
    margin-bottom: 15px;
    padding: 5px 0;
  }

  .magokoro_set_text span,
  .free_estimation_text span {
    font-size: 22px;
  }

  .magokoro_set_text,
  .free_estimation_text {
    font-size: 16px;
  }

  .fixed_charge_text {
    font-size: 22px !important;
    bottom: 20px !important;
    line-height: 30px;
  }

  .instantly_text {
    font-size: 24px !important;
    bottom: 20px !important;
    line-height: 30px;
  }

  .step {
    padding: 25px 15px;
  }

  .step_conent {
    font-size: 16px;
  }

  .souji p {
    font-size: 16px;
  }

  .review_hukidashi01,
  .review_hukidashi02 {
    padding: 20px 15px;
  }

  .infomation {
    font-size: 16px !important;
  }

  .voice_right span {
    font-size: 18px;
  }

  .voice_right p {
    font-size: 15px;
    line-height: 22px;
  }

  .yasukusoku_text {
    font-size: 22px !important;
    bottom: 20px !important;
    line-height: 30px;
  }

  .enquete_title {
    font-size: 18px;
    letter-spacing: 0;
  }

  .shitsumon {
    padding: 30px 15px;
  }

  .enquete_txt {
    line-height: 1.5;
  }
   .ihin-inquiry {
     padding: 0 10px !important ;
    margin-bottom: 20px;
  }

  .inquiry {
    margin-bottom: 50px;
  }

  .overview td {
    height: auto;
    line-height: inherit;
    padding: 20px 10px;
  }

  .overview table {
    letter-spacing: inherit;
  }
}

@media screen and (max-width: 367px) {
  .tel_image {
    width: 34%;
  }

  header .top_icon {
    width: 44%;
  }

  .accordion p:first-of-type {
    font-size: 18px;
  }

  .mondai_text {
    font-size: 16px !important;
    bottom: 25px !important;
  }

  .mondai_text span {
    font-size: 23px !important;
  }

  .price_text {
    font-size: 2px !important;
  }

  .free_estimation_text {
    top: 47px;
  }

  .fixed_charge_text {
    font-size: 19px !important;
    bottom: 14px !important;
    line-height: 22px;
    letter-spacing: 0px !important;
    margin-bottom: 10px;
  }

  .instantly_text {
    font-size: 19px !important;
    bottom: 14px !important;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .warning .warning_head {
    font-size: 20px !important;
  }

  .yasukusoku_text {
    font-size: 17px !important;
    line-height: 25px;
  }

  .cleaning_text {
    font-size: 27px !important;
  }

  .magokoro_set_text span, .free_estimation_text span {
    font-size: 18px;
  }

  .flow_text {
    font-size: 25px !important;
    bottom: 25px !important;
  }

  .score_txt span {
    font-size: 17px;
    padding: 10px 0;
  }

  .score_background:nth-of-type(2) .score_txt span,
  .score_background:nth-of-type(5) .score_txt span,
  .score_background:nth-of-type(6) .score_txt span {
    line-height: 20px;
    margin-bottom: 5px;
    padding: 0;
  }

  .screen_367px {
    display: block;
  }
}

@media(max-width:768px) {
  .back-green .inquiry {
    width: 98%;
  }
}

/*--------------------------------------------------------------
99.0 For Google Optimize test code:
--------------------------------------------------------------*/

@media (max-width: 575px) {

	.sp.footer_floating_banner {
    display : inline-block;
    position : fixed;
    bottom : 0px;
    /* left : 0px; */
    z-index : 9999;
    animation-name : footer-fixed-image-fade-in;
    animation-duration : 3s;
    margin : 0px auto;
    text-align : center;
  }

.footer_floating_banner img {
    max-width : 100%;
    margin-bottom: 0px;
  }

.animate72,.a-option72,.a-btnsub72 {
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	}

a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-main {width:100%;position:relative;z-index: 54;}a.shover:hover * {animation-name:none!important;}@-moz-keyframes muryou_call {0%{ -moz-transform:rotate(0deg);}40%{ -moz-transform:rotate(0deg);}50%{ -moz-transform:rotate(2deg);}60%{ -moz-transform:rotate(-1deg);}70%{ -moz-transform:rotate(3deg);}80%{ -moz-transform:rotate(-2deg);}90%{ -moz-transform:rotate(0deg);}100%{ -moz-transform:rotate(0deg);}}@-o-keyframes muryou_call {0%{ -o-transform:rotate(0deg);}40%{ -o-transform:rotate(0deg);}50%{ -o-transform:rotate(2deg);}60%{ -o-transform:rotate(-1deg);}70%{ -o-transform:rotate(3deg);}80%{ -o-transform:rotate(-2deg);}90%{ -o-transform:rotate(0deg);}100%{ -o-transform:rotate(0deg);}}@-webkit-keyframes muryou_call {0%{ -webkit-transform:rotate(0deg);}40%{ -webkit-transform:rotate(0deg);}50%{ -webkit-transform:rotate(2deg);}60%{ -webkit-transform:rotate(-1deg);}70%{ -webkit-transform:rotate(3deg);}80%{ -webkit-transform:rotate(-2deg);}90%{ -webkit-transform:rotate(0deg);}100%{ -webkit-transform:rotate(0deg);}}@keyframes muryou_call {0%{ transform:rotate(0deg);}40%{ transform:rotate(0deg);}50%{ transform:rotate(2deg);}60%{ transform:rotate(-1deg);}70%{ transform:rotate(3deg);}80%{ transform:rotate(-2deg);}90%{ transform:rotate(0deg);}100%{ transform:rotate(0deg);}}.muryou_call{-webkit-animation-name: muryou_call;-moz-animation-name: muryou_call;-o-animation-name: muryou_call;animation-name: muryou_call;}.a-btn72{padding-left:0%!important;}.a-option72{top:0%!important;}.a-option72{width:20%!important;}.a-btn72{max-width:100%!important;}.muryou_call,.a-btnsub72,.a-option72{animation-duration:2s!important;-webkit-animation-duration:2s;-ms-animation-duration:2s;-moz-animation-duration:2s!important;}
}

@media (min-width: 576px) {
  .sp {
    display: none;
  }
}
@media (max-width: 577px) {
  .pc {
    display : none;
  }
  #page_top {
    display : none !important;
  }
}
/* pc footer test */

@media screen and (min-width: 576px) {
     .ft_nv {
        position: fixed;
        box-sizing: border-box;
        border-top: 1px solid #3b9c71;
        padding: 0 2%;
        width: 100%;
        bottom: 0;
        display: flex;
        z-index: 99999;
        opacity: 1;
        height: 100px;
        background: #d5e9d7;
    }

    .ft_nv ul {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .ft_nv li{
        list-style:none;
    }

    .ft_nv img {
        height: 70px;
        border-radius: 10px;
    }
    .ft_nv img:hover {
        opacity: 0.50;
    }
    li#ft_itm {
        padding-left: 20px;
    }

    .fix-bottom.act {
        bottom: 0;
  }

    .fix-bottom img {
    width: 100%;
  }

    .fix-bottom .inner {
        max-width: 1023px;
        margin-left: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .fix-bottom .tel {
        display: block;
        float: left;
        width: 36.17%;
    }

    .fix-bottom .bt1 {
        float: left;
        width: 35.09%;
    }

    .fix-bottom .bt2 {
        float: left;
        width: 28.35%;
    }
}
@media screen and (max-width: 575px) {
  .ft_nv ul {
    display: none;
  }
}

.bg-green {
  background-color: #D5EAD8;
  padding-top: 30px;
  padding-bottom: 30px;
}

#kaiketsu {
  padding-top: 30px;
}

/* voice */
.to_right {
  display: flex;
  justify-content: flex-end;
}

.voice {
  margin-bottom: 10px;
}

.review_hukidashi01 {
  margin-bottom: 50px;
}

.review_hukidashi02 {
  margin-bottom: 50px;
}

.voice .blue_button {
  margin: 30px auto 60px;
}

.card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 80px;
}

@media screen and (max-width: 575px) {
  .card {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 575px) {
  .card img {
    height: 35px;
    max-width: 50px;
  }
}

@media screen and (max-width: 575px) {
  p.step_head {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

.step_head {
  text-align: center;
}

/* ihin-lp-css */
.ihin-kaiketsu{
  margin-top: 20px;
}
.ihin-kaiketsu:last-child{
margin-bottom: 60px;
}
.back-yellow{
  background-color: #FFFCDE;
  padding: 40px 0;
}
.full-width {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.price.desktop {
    text-align: center;
}
.green {
    color: #3B9B71;
}
#yellow {
    color: #FCEE21 !important;
}
#white{
  color: #fff !important;
}
#ihin-lp .set span{
  font-size: 35px;
}
.ihin-set{
  padding-top: 30px;
}
.ihin-instantly{
  padding-top: 60px;
  padding-bottom: 60px;
}
#ihin-yasukusoku{
  margin-bottom: 70px;
}
@media(max-width:768px){
  #ihin-kaiketsu{
    padding: 0 5px;
    margin-bottom: 30px;
  }
  #ihin-clean img{
    padding: 0 5px;
  }
  .ihin-instantly{
    padding: 0;
  }
  .souji{
    margin-bottom: 30px;
  }
  .ihin-sokuzitsu{
    padding-bottom: 80px !important;
  }
  .ihin-flow-head{
    margin-top: -80px !important;
  }
}
.lp-kiji{
  margin: 2em 0;
}
.lp-kiji hr{
  border-width: 0 0 8px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
  margin: 2em 0;
}
.lp-kiji h2,
.lp-kiji h3{
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  color: #AAD4B0;
  line-height: 1.2;
}
.lp-kiji h2{
  font-size: clamp(20px, calc(20px + ((100vw - 300px) / 80)), 30px);
}
.lp-kiji h3{
  font-size: clamp(15px, calc(20px + ((100vw - 300px) / 80)), 30px);
}

.lp-kiji p{
  line-height: 2em;
  font-size: 16px;
}

.lp-kiji ul{
  margin: 10px 1.5em;
}

.lp-kiji ul li{
  list-style-type: circle;
  line-height: 2em;
}

.area-details-body{
  margin-bottom: 30px;
  border: 3px solid #1e1e1e;
}
.area-details-body ul{
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px 20px;
}
.area-details-body ul li{
  padding: 5px 10px;
  font-size: 14px;
  color: #333;
}

#achievements{
  margin-bottom: 20px;
}

.cta-time-wrap{
  width: 100%;
  background-color: #3A9B71;
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* new-voice */
.start-voice.voice-article {
  position: relative;
  margin-bottom: 30px;
}
.voice-sentence{
  margin-bottom: 20px;
}
.start-voice:not(:first-child) {
  margin-top: 50px;
}
.start-voice.voice-article .voice-inner {
  display: block;
}
.start-voice.voice-article .voice-box {
  border-bottom: 0;
  padding: 30px 0;
}
.start-voice {
  background-color: #fff;
  border: 3px solid #3B9B71;
}
.voice-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid #3B9B71;
  padding-bottom: 37px;
}
.voice-box .img {
  width: 30%;
  text-align: center;
}
.voice-box .body {
  width: 70%;
}
.voice-box .voice-outline-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.voice-box .voice-list:not(:first-child) {
  margin-left: 5px;
}
.voice-box .body__name {
  font-size: 17px;
  font-weight: bold;
  margin-top: 13px;
  color: #000;
  letter-spacing: .02em;
}
.recycle-icons {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3B9B71;
}
.customer-image{
  width: 190px;
  height: 190px;
  border-radius: 100px;
  border:1px solid #cfd8dc;
}
i.fas.fa-recycle {
  color: #fff;
  font-size: 23px;
}
.voice-contents{
  font-size: 16px;
  line-height: 1.6em;
}
.voice-list {
  font-size: 17px;
  font-weight:bold;
  border: 3px solid #3B9B71;
  background: #3B9B71;
  border-radius: 25px;
  overflow: hidden;
}
.voice-list .voice-list-text {
  display: inline-block;
  width: max-content;
  background: #fff;
  height: 37px;
  padding: 9px 12px;
  text-align: left;
}
.voice-list .voice-list-contents {
  display: inline-block;
  color: #fff;
  padding: 2px 12px;
  /*letter-spacing: 1.5px;*/
  text-align: center;
}
#new-voice {
    margin-top: 90px;
}
.voice-list-text .fa{margin-top: 0 !important;}
@media(max-width:768px){
  p.voice-sentence{
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}
  .voice-contents{
    font-size: 16px;
    line-height: 2em;
  }
  .voice-box{
    display: block;
}
  .voice-box .img,.voice-box .body{
    width: 100%;
}
  .voice-box .voice-outline-list{
    flex-wrap: unset;
    margin-top: 20px;
}
  li.voice-list {
    font-size: 16px;
    border-radius: 5px;
    width: 120px;
    text-align: center;
    border: 2px solid #3B9B71;
}
  li.voice-list .voice-list-contents{
    vertical-align: super;
    padding: 4px 0px;
}
  li.voice-list .voice-list-text {
    display: block;
    height: 37px;
    padding: 5px;
    text-align: center;
    width: 100%;
}
  .start-voice.voice-article .voice-box{
    padding: 30px 10px;
}
}
/* new-flow */
.flow-titles {
    font-size: 45px;
    font-weight: 900;
    text-align: center;
    margin:50px 0;
}
.flow-titles::before{
  content:url(/wp-content/themes/nfc/common/img/nfc-icons.png);
  vertical-align: middle;
  padding-right: 15px;
}
.flow-titles::after{
  content:url(/wp-content/themes/nfc/common/img/nfc-icons.png);
  vertical-align: middle;
  padding-left: 15px;
}
#new-flow p{
  text-align: center;
  font-size: 20px;
  line-height: 2em;
}
.flow-contents dt {
  background: #3B9B71;
  color: #fff;
  border-radius: 999px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  background-size: 30px;
  font-size: 24px;
  margin: 15px 0 10px 0;
}
.flow-contents dt span {
    color: #fff;
    margin: 0 15px 0 0;
    font-size: 20px;
    vertical-align: middle;
}
.flow-contents dt span::before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  vertical-align: middle;
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
    margin-right: 10px;
  background-image: url(/wp-content/themes/nfc/common/img/nfc-icons.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.flow-contents dd {
  padding: 0 0 20px 0;
  text-align: center;
}
.steptitle{
  display: inline-block;
}
.step-arrow{
  margin-top:20px;
}
.flow-images{
  margin-top: 30px;
  margin-bottom: 20px;
}
.color-mikan {
    color: #F7931E;
}
.strong {
    font-weight: 900;
}
.fa-star {
    color: #ffb500;
}
@media(max-width:768px){
.flow-titles{
  margin-bottom: 20px;
  font-size:25px;
}
.flow-titles::after,.flow-titles::before{
  padding: 0;
}
}
/* iphone5-flow */
@media only screen and (min-device-width:320px) and (max-device-width:568px){
.flow-titles{
  font-size:20px;
}
}

/* ba-image */
.souji {
    margin-bottom: 140px;
}

.souji p.tac {
    font-weight: bold;
	text-align: center;
}

.souji p {
    font-size: 18px;
    margin-bottom: 30px;
}

.before_eexample .ashiato {
    background: #fff;
    filter: drop-shadow(5px 5px 0 #aad4b0);
    font-size: 18px;
    line-height: 1.5;
    margin: 20px auto 120px;
    padding: 20px 30px;
}

.box29 {
    margin: 2em 0;
    border: solid 2px #006e3e;
    background: #fff;
}

.box29 .box-title {
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 2px 9px;
    background: #006e3e;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}

.box29 .box-title:before {
    padding-right: 4px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f0eb";
}

.li-check li:before {
    position: absolute;
    left: 1em;
    color: #006e3e;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f00c";
}

.li-check ul {
    margin-left: 0;
    position: relative;
    border: solid 2px #ffb03f;
    background: #fff;
}

.sng-box .li-check ul {
    width: 100%;
    padding-left: 45px;
    border: none !important;
    padding-bottom: 10px;
}

.sng-box  .li-check li{
    list-style-type: none !important;
    padding: 0.5em 0;
    line-height: 1.5;
    font-size: 18px;
}

.before_image {
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
}

@media screen and (min-width: 769px){
.before_image::before, .before_image::after {
    /* border: 5px solid black; */
    height: 50px;
    top: -60px;
}

.before_image::before, .before_image::after {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    /* border: 3px solid black; */
    border-radius: 30px;
    width: 230px;
    height: 60px;
    top: -80px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.before_image::before {
    content: "Before";
    background: #666666;
    left: 2px;
}

.before_image::after {
    content: "After";
    background: #FFAD1E;
	left: 55%;
}

.before_image img.desktop {
    display: inline-block;
	max-width: 45%;
}
}

@media screen and (max-width: 575px){
  .souji {
    margin-bottom: 25px;
  }

  .souji p.tac {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    width: 280px;
    margin: auto;
  }

  .before_image {
    margin-top: 65px;
  }

  .before_image::before {
    left: 12px;
  }

  .before_image::after {
    right: 12px;
  }

  .before_image::before,
  .before_image::after {
    font-size: 15px;
    border-radius: 15px;
    width: 130px;
    height: 30px;
    top: -40px;
  }

  .before_image img {
    width: 43%;
  }

  .ts5 {
    transform: scale(0.5);
  }

  .before_eexample table tr:last-child {
    border-bottom: none;
  }

  .before_eexample table td:nth-child(odd) {
    text-align: left;
    padding-left: 15px;
    border-right: none;
  }
  .before_eexample table tr:last-of-type td:last-of-type {
    border-radius: 0 0 16px 16px;
    border-bottom: none;
  }

  .before_eexample .ashiato {
    font-size: 15px;
    line-height: 1.5;
    margin: 20px auto 0;
    padding: 20px;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 0 #00000029);
  }

 .before_image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
	}

.bg-green {
	margin-bottom: 30px;
	}
}
/* snsテスト*/
.sns{
    width:100%;
    display: flex;
    justify-content: center;
}
.sns li{
    margin:0 1%;
}
.ft_box .sns li:before {
    content: none;
}
#area-details-header,#qustion-head {
    margin-top: 120px;
}

#yasukusoku-head {
    margin-top: 140px;
}
@media(max-width:768px){
#area-details-header,#qustion-head {
    margin-top: 60px;
}
#yasukusoku-head {
    margin-top: 80px;
}
}




/*ボタン光らせる*/

.reflection{
display:;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}