@charset "UTF-8";
:root {
  --text: #000000;
  --accent: #fb8e00;
  --color_3rd: #e02810;
  --color_4th: #ffe1ba;
  --color_Line: #2eaa25 ;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text);
  font-family: YakuHanJP, Noto Sans JP, sans-serif;
  font-weight: 500;
  background-color: #fff;
}

@media screen and (max-width: 799px) {
  body {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 1px;
  }
}
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

ul li,
ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}

em {
  font-style: normal;
}

@media screen and (max-width: 799px) {
  img {
    width: 100%;
    max-width: 100%;
  }
  .w_20s {
    width: 20%;
    margin-right: auto;
    margin-left: auto;
  }
  .w_60s {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .w_70s {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .w_80s {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .w_90s {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
.w1080 {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 799px) {
  .w1080 {
    width: 94%;
  }
}
.bg_yellow {
  background-color: var(--accent);
}

.bg_cream {
  background-color: var(--color_4th);
}

.bg_white {
  background-color: #fff;
}

.bg_gray {
  background-color: #eee;
}

.has-text-centered {
  text-align: center;
}

.has-text-lefted {
  text-align: left;
}

.mt50 {
  margin-top: 50px;
}

@media screen and (max-width: 799px) {
  .mt50 {
    margin-top: 25px;
  }
}
.mt100 {
  margin-top: 100px;
}

@media screen and (max-width: 799px) {
  .mt100 {
    margin-top: 50px;
  }
}
.mb20 {
  margin-bottom: 20px;
}

@media screen and (max-width: 799px) {
  .mb20 {
    margin-bottom: 10px;
  }
}
.mb30 {
  margin-bottom: 30px;
}

@media screen and (max-width: 799px) {
  .mb30 {
    margin-bottom: 15px;
  }
}
.mb40 {
  margin-bottom: 40px;
}

@media screen and (max-width: 799px) {
  .mb40 {
    margin-bottom: 20px;
  }
}
.mb50 {
  margin-bottom: 50px;
}

@media screen and (max-width: 799px) {
  .mb50 {
    margin-bottom: 25px;
  }
}
.mb70 {
  margin-bottom: 70px;
}

@media screen and (max-width: 799px) {
  .mb70 {
    margin-bottom: 35px;
  }
}
.mb100 {
  margin-bottom: 100px;
}

@media screen and (max-width: 799px) {
  .mb100 {
    margin-bottom: 50px;
  }
}
.pt50 {
  padding-top: 50px;
}

@media screen and (max-width: 799px) {
  .pt50 {
    padding-top: 25px;
  }
}
.pb50 {
  padding-bottom: 50px;
}

@media screen and (max-width: 799px) {
  .pb50 {
    padding-bottom: 25px;
  }
}
.pb70 {
  padding-bottom: 70px;
}

@media screen and (max-width: 799px) {
  .pb70 {
    padding-bottom: 35px;
  }
}
.pb100 {
  padding-bottom: 100px;
}

@media screen and (max-width: 799px) {
  .pb100 {
    padding-bottom: 50px;
  }
}
.pb130 {
  padding-bottom: 130px;
}

@media screen and (max-width: 799px) {
  .pb130 {
    padding-bottom: 50px;
  }
}
.ft22 {
  font-size: 1.25rem;
}

@media screen and (max-width: 799px) {
  .ft22 {
    font-size: 1rem;
  }
}
.ft24 {
  font-size: 1.35rem;
}

@media screen and (max-width: 799px) {
  .ft24 {
    font-size: 1rem;
  }
}
.ft32 {
  font-size: 2rem;
  line-height: 1.3;
}

@media screen and (max-width: 799px) {
  .ft32 {
    font-size: 1.2rem;
  }
}
.ft42 {
  font-size: 2.625rem;
  line-height: 1.3;
}

@media screen and (max-width: 799px) {
  .ft42 {
    font-size: 1.4rem;
  }
}
.f700 {
  font-weight: 700;
}

.f900 {
  font-weight: 900;
}

@media screen and (max-width: 799px) {
  .br-pc {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .br-sp {
    display: none;
  }
}
.imgcenter {
  display: inline-flex;
  vertical-align: middle;
}

h2.ttl_1st {
  text-align: center;
  padding-top: 100px;
  font-size: 40px;
}
h2.ttl_1st.wh {
  color: #fff;
}

@media screen and (max-width: 799px) {
  h2.ttl_1st {
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 21px;
  }
}
.header {
  background: #ffffff;
  width: 100%;
  z-index: 100;
}

@media screen and (max-width: 799px) {
  .header {
    min-height: 66px;
  }
}
.header .inner {
  display: flex;
  align-items: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.2rem 0 0.4rem;
}

@media screen and (max-width: 799px) {
  .header .inner {
    padding: 0 0.75rem 0 0;
  }
}
@media screen and (min-width: 800px) {
  .header h1.logo {
    width: 360px;
    height: 57px;
    display: flex;
    color: #333;
    text-decoration: none;
  }
  .header h1.logo span img {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .header h1.logo {
    width: 100%;
    padding: 10px 10px 10px 20px;
    margin: 0 auto;
    font-size: 29px;
    color: #333;
    box-sizing: border-box;
  }
  .header h1.logo span {
    width: 80%;
    margin: 0 auto;
  }
  .header h1.logo object {
    width: 100%;
    display: block;
  }
  .header h1.logo img,
.header h1.logo span {
    display: block;
  }
  .header h1.logo span img {
    margin-top: 3px;
  }
}
.header h1.logo svg {
  width: 100%;
  height: auto;
}

.header + .container * {
  box-sizing: border-box;
}

.header .logolink {
  display: block;
  margin-right: auto;
  text-decoration: none;
}
@media screen and (max-width: 799px) {
  .header .logolink {
    width: 100%;
    text-align: center;
  }
}

.header ul.header_link_list {
  display: flex;
  position: relative;
}

.header ul.header_link_list a.link01 {
  position: absolute;
  bottom: 9px;
  left: 98px;
  width: 142px;
  height: 33px;
  display: block;
}

.header ul.header_link_list a.link02 {
  position: absolute;
  bottom: 9px;
  right: 0px;
  width: 142px;
  height: 33px;
  display: block;
}

@media screen and (max-width: 799px) {
  .header ul.header_link_list {
    display: none;
  }
}
.header ul.header_link_list li:last-child {
  margin-left: 20px;
}

ul.header_link_list_sp {
  display: flex;
}

@media screen and (min-width: 800px) {
  ul.header_link_list_sp {
    display: none;
  }
}
ul.header_link_list_sp li a {
  border: 1px solid #000;
  box-shadow: 0 3px #000;
  padding: 0.5rem;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color_3rd);
  max-width: 90px;
  min-height: 42px;
  box-sizing: border-box;
}

ul.header_link_list_sp li a img {
  width: 100%;
  max-height: 25px;
  max-width: 128px;
}

ul.header_link_list_sp li a.ac {
  background-color: var(--accent);
}

ul.header_link_list_sp li:last-child a {
  margin-left: 5px;
  margin-right: 5px;
}

.mainvisual {
  background-size: cover;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: baseline;
  padding-top: 0px;
  position: relative;
}

.mainvisual img {
  vertical-align: bottom;
}

.mainvisual .inner {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mainvisual .campaign {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  padding: 0.85rem 0.75rem;
  border-radius: 0.75rem 0.75rem 0 0;
}

.mainvisual .campaign img {
  width: auto;
  height: 100%;
}

@media screen and (max-width: 799px) {
  .mainvisual {
    padding-top: 0;
  }
  .mainvisual .campaign {
    padding: 0.6rem 0.5rem;
    width: auto;
    height: 15.4666666667%;
    right: 6%;
    border-radius: 0.4rem 0.4rem 0 0;
  }
}
@media screen and (max-width: 799px) {
  .tokai_hachi .mainvisual .campaign,
.hachi .mainvisual .campaign {
    height: 16.8%;
    padding: 0.6rem 0.65rem;
  }
}
.main_cv_line {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 80px auto 50px;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 799px) {
  .main_cv_line {
    margin: 20px auto 40px;
  }
}
.main_cv_line:after {
  content: "";
  display: block;
  background: url(data:image/webp;base64,UklGRl4EAABXRUJQVlA4WAoAAAAcAAAADQAADQAAQUxQSEUAAAABL6CoAQHI8dM/jW6mRkQEHndQ1LaRFGkQHLv/ATEEhsLyh3Mvgoj+E0jaBNj21yiB6JrAUJ3RmtGcUfmBMqOhy/79GQUAVlA4IBoAAAAwAQCdASoOAA4AAIAIJaQAA3AA/v+rUIAAAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAAA4AAAADoAQAAQAAAA4AAAAAAAAAWE1QIA0DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRUNCMjBDODU1NDExMUVCQUZBNEQ5REEyOTU1MURCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRUNCMjBDOTU1NDExMUVCQUZBNEQ5REEyOTU1MURCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZFQ0IyMEM2NTU0MTExRUJBRkE0RDlEQTI5NTUxREJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZFQ0IyMEM3NTU0MTExRUJBRkE0RDlEQTI5NTUxREJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AA==);
  height: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 799px) {
  .main_cv_line img {
    width: 100%;
    max-width: 691px;
  }
}
.main_cv_inner {
  background: #fff;
  padding: 0 20px;
  margin-bottom: 40px;
}

@media screen and (max-width: 799px) {
  .main_cv_inner {
    padding: 10px;
    margin-bottom: 0;
  }
  .main_cv_inner.sp_in img {
    max-width: 500px;
  }
}
.main_cv_contactarea {
  border: 10px solid #000;
  position: relative;
}

@media screen and (max-width: 799px) {
  .main_cv_contactarea {
    width: 75%;
    margin-top: 60px;
  }
}
@media screen and (max-width: 499px) {
  .main_cv_contactarea {
    width: 90%;
  }
}
.main_cv_contactarea:after {
  content: "";
  width: 447px;
  height: 288px;
  position: absolute;
  background: url("../images/cv_illust.958c1f4d.png") no-repeat center top;
  left: 34px;
  top: -53px;
}

@media screen and (max-width: 799px) {
  .main_cv_contactarea:after {
    background-size: 100% auto;
    left: 0px;
    top: -41px;
    width: 196px;
    height: 150px;
  }
}
@media screen and (max-width: 499px) {
  .main_cv_contactarea:after {
    height: 100px;
  }
}
.main_cv_time {
  font-weight: 700;
  text-align: center;
  font-size: 1.5rem;
  width: calc(100% - 220px);
  margin-left: auto;
}

@media screen and (max-width: 799px) {
  .main_cv_time {
    width: 100%;
    line-height: 1.3;
    font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
  }
}
.main_cv_time .realTime {
  color: #2eaa25;
}

.main_cv_time .realTime:before {
  display: inline-block;
  content: "＼";
  color: #000;
}

.main_cv_time .text:after {
  display: inline-block;
  content: "／";
  color: #000;
}

.cv_comment {
  background: #000;
  padding: 10px 10px 10px 200px;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

@media screen and (min-width: 800px) {
  .cv_comment img {
    max-height: 37px;
  }
  .cv_comment img.big {
    max-height: 57px;
  }
}
@media screen and (max-width: 799px) {
  .cv_comment {
    padding-left: 90px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .cv_comment .mini {
    margin-top: -1em !important;
  }
}
.cv_comment img:first-child {
  margin-right: 1rem;
}

@media screen and (max-width: 799px) {
  .cv_comment img:first-child {
    margin-top: -0.5em;
    margin-bottom: 8px;
  }
}
p.main_cv_contact_text {
  padding-left: 250px;
  margin: 0 auto 0.5rem;
}

@media screen and (min-width: 800px) {
  p.main_cv_contact_text a {
    pointer-events: none;
  }
}
@media screen and (max-width: 799px) {
  p.main_cv_contact_text {
    padding: 10px 15px;
    margin: 0;
  }
  p.main_cv_contact_text a {
    border: 2px solid #000;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 4px #000;
    display: block;
  }
}
ul.main_cv_contac_list {
  display: flex;
  padding-left: 250px;
  padding-bottom: 1.5rem;
  position: relative;
  z-index: 5;
  margin-top: 20px;
}

@media screen and (max-width: 799px) {
  ul.main_cv_contac_list {
    padding: 0px 15px 1rem;
    justify-content: center;
  }
}
ul.main_cv_contac_list li {
  border: 2px solid #000;
  box-shadow: 0 3px #000;
  border-radius: 5px;
  transition: 0.3s ease;
}

ul.main_cv_contac_list li:hover {
  opacity: 0.8;
}

ul.main_cv_contac_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2rem;
}

@media screen and (max-width: 799px) {
  ul.main_cv_contac_list li a {
    padding: 1.25rem 0.5rem;
  }
}
ul.main_cv_contac_list li.main_cv_contac_list_mail {
  background-color: var(--color_3rd);
}

ul.main_cv_contac_list li.main_cv_contac_list_line {
  background-color: var(--color_Line);
}

ul.main_cv_contac_list li:last-child {
  margin-left: 20px;
}

@media screen and (max-width: 799px) {
  ul.main_cv_contac_list li:last-child {
    margin-left: 10px;
  }
}
.movie_area {
  max-width: 800px;
}

.movie_area p.text {
  margin-bottom: 0.5rem;
}

.youtube_area {
  position: relative;
  padding-top: 56.25%;
}

.youtube_area iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.caution_area .ttl_1st {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
}

.caution_area .ttl_1st img {
  width: 100%;
}

@media screen and (max-width: 799px) {
  .caution_area .ttl_1st {
    padding-top: 40px;
  }
}
.caution_area .ttl_1st:before,
.caution_area .ttl_1st:after {
  display: block;
  content: "";
  margin: 0 clamp(0.313rem, 0.202rem + 0.469vw, 0.625rem);
  width: clamp(4.125rem, 3.509rem + 2.629vw, 5.875rem);
  height: clamp(2.125rem, 0.937rem + 5.07vw, 5.5rem);
  background-image: url("icon_caution.758c67d5.svg");
  filter: invert(26%) sepia(100%) saturate(1772%) hue-rotate(348deg) brightness(87%) contrast(88%);
  background-repeat: no-repeat;
  background-position: center center;
}

.caution_case {
  display: flex;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

@media screen and (max-width: 799px) {
  .caution_case {
    flex-direction: column;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 1rem;
  }
}
.caution_case__item {
  border: 3px solid #000;
  border-radius: 8px;
  overflow: hidden;
}

.caution_case__item dt {
  background-color: #d94848;
  background-image: repeating-linear-gradient(135deg, #df6565, #df6565 10px, transparent 10px, transparent 20px);
  text-align: center;
  font-weight: 700;
  padding: 0.25rem;
}

.caution_case__item dt span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.caution_case__item dt span:before {
  content: "";
  margin-right: 1rem;
  width: 38px;
  height: 44px;
  background-image: url("icon_unscrupulous.a7377277.svg");
  background-repeat: no-repeat;
  display: inline-block;
}

@media screen and (max-width: 799px) {
  .caution_case__item dt span:before {
    width: 28px;
    height: 28px;
  }
}
.caution_case__item dd {
  background-color: #fff;
  padding: 2rem 2.5rem;
}

@media screen and (max-width: 799px) {
  .caution_case__item dd {
    padding: 1rem 1.2rem;
  }
}
.comic_area {
  background: url(data:image/webp;base64,UklGRjoEAABXRUJQVlA4WAoAAAAMAAAADwAADwAAVlA4IEQAAADwAgCdASoQABAAAIAIJaACdLoB+AH6AAMy16xqitCrgAD+/+jqfkTQFEhetEnv/9YlLUpalf/WJX/5NeGu17/yTgAAAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAABAAAAADoAQAAQAAABAAAAAAAAAAWE1QIA0DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NDUwOTg2RTU0QTMxMUVCQjYzMkFFM0U3RDEwQzEzNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NDUwOTg2RjU0QTMxMUVCQjYzMkFFM0U3RDEwQzEzNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0NTA5ODZDNTRBMzExRUJCNjMyQUUzRTdEMTBDMTM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg0NTA5ODZENTRBMzExRUJCNjMyQUUzRTdEMTBDMTM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AA==);
}

@media screen and (max-width: 799px) {
  .comic_area h2.ttl_1st img {
    max-width: 550px;
  }
}
.comic_areabox {
  background: url("cockroach_comic_illust_02.1bc74a79.webp") no-repeat left bottom, url("comic_illust_03.811fcc23.webp") no-repeat right bottom;
}

@media screen and (max-width: 799px) {
  .comic_areabox {
    background: none;
  }
}
ul.comic_areabox_list {
  max-width: 500px;
  margin: 0 auto;
}

li.comic_areabox_list_item {
  display: inline-block;
  width: 500px;
  height: 710px;
  margin-bottom: 20px;
}

li.comic_areabox_list_item:first-child {
  position: relative;
  z-index: 1;
}

li.comic_areabox_list_item:first-child:before {
  content: "";
  width: 208px;
  height: 273px;
  display: block;
  position: absolute;
  bottom: 0;
  left: -208px;
  background: url("comic_illust.4495bfb6.webp") no-repeat center center;
  z-index: 2;
}

@media screen and (max-width: 799px) {
  li.comic_areabox_list_item:first-child:before {
    background: none;
  }
}
@media screen and (max-width: 799px) {
  li.comic_areabox_list_item {
    width: 100%;
    height: auto;
  }
}
li.comic_areabox_list_item .comic {
  width: 100%;
  height: 100%;
  border: 5px solid #000;
}

.exterminate_area p {
  margin: 1rem auto 1.5rem;
}

@media screen and (max-width: 799px) {
  .exterminate_area p {
    margin: 0.5rem auto 0.75rem;
  }
}
ul.vermin-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

li.vermin-list_item {
  list-style: none;
  margin-bottom: 1rem;
}

li.vermin-list_item:not(:nth-child(5n)) {
  padding-right: 15px;
}

@media screen and (max-width: 799px) {
  li.vermin-list_item:not(:nth-child(5n)) {
    padding-right: 4px;
  }
}
@media screen and (max-width: 799px) {
  li.vermin-list_item {
    padding: 4px;
    flex-basis: 25%;
    margin-bottom: 0.5rem;
  }
}
body.gaijyu ul.vermin-list,
body.tokai_gaijyu ul.vermin-list {
  max-width: 680px;
}

@media screen and (max-width: 799px) {
  body.gaijyu li.vermin-list_item,
body.tokai_gaijyu li.vermin-list_item {
    flex-basis: 33%;
  }
}
.corona_area {
  background: url(data:image/webp;base64,UklGRmgGAABXRUJQVlA4WAoAAAAMAAAAlQAAlQAAVlA4IHICAACQGwCdASqWAJYAPhkMhUGhBCKrXwQAYS0t3C4kNp93o7Fdq0c7dCjJoAob2zYawjJN8VIitBdBKmQteJBpO90suCC8hYnQuoClhsKosu9uhFOk2+RMIZy6caLZTCNvTwjE4hJ/zvv7ICRG4JARLndsvnDxIe/3RVNBg3hfxRvib0Vym7TFqx01SgK8/ZjUrHsqFGthxoSM1FFXU2sacTjS3bQ6VENaxRmmzgfnty3qTiQaUggv8OvcQBuKNNUF/BZftBgTvfHhvqDjH+/G9Q8Qc/gPI7OmksptxQ8NeV8qzdaDcSHAAP7/1kboyKXJOX6QvzKf7U4a7rCqv/6lNZE/kArL1mMI3aPB3vqJJcM9hDeTK/ag/XZ83WJGIJcDVVJuCTM75gw1pP+NGlahD9lJU9ANvaLZ6iJdpdtzOI/SNPZZtzshUfSezd5Y7hs6x9+2sxgm0BKyLcGBFF9lFmCHYVf226oqSMglvmsJFTZ2uXjW8hhr7twcIznDzJN6EBxUsfgTfPCfEMtgeha7I/cZzRYdbxo6EIB51KzPoqkIx7/mlWYG+SW8EjARu0yGJGoAp9/6pPHdhetB+f+bXXU4NVpVM8VhaiTs8x15YSWq6OTj4Bh3VcAapuVbaIvNTVZ9u9c0Bs1gTDEdVR5O0Kjv4S1HkP1Avw2Lj/wrObXg4MIhIWAoLdeKhmqsd5yCBIX/2TMIVwB5rBaB/RgI1Q1xxRG44w+MK1m7K4jiGyGC4BYPjz87/p06i2Pzt07tn2wqK+Dm7WHMR4lTqM2JVWpZNZBMr8qZUsbA5OdMQm5bkI4gEAe/84GIhVlzOzl2IoAAAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAAJYAAAADoAQAAQAAAJYAAAAAAAAAWE1QIA0DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RjgzQjkyMzU0QTQxMUVCODhEMTg1QTUzQTM5NTQ3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RjgzQjkyNDU0QTQxMUVCODhEMTg1QTUzQTM5NTQ3MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGODNCOTIxNTRBNDExRUI4OEQxODVBNTNBMzk1NDcwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZGODNCOTIyNTRBNDExRUI4OEQxODVBNTNBMzk1NDcwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AA==);
}

@media screen and (max-width: 799px) {
  .corona_area h2.ttl_1st img {
    max-width: 500px;
    width: 100%;
    margin-bottom: 0;
  }
}
.corona_area p.text {
  margin: 1rem auto 1.5rem;
}

.corona_area p.corona_image {
  margin: 1rem auto;
}

.corona_area p.corona_image img {
  width: 100%;
}

.perfect_area {
  background-color: #000;
  position: relative;
}

@media screen and (max-width: 799px) {
  .perfect_area h2.ttl_1st img {
    max-width: 600px;
    width: 100%;
    margin-bottom: 0;
  }
}
.perfect_area_inner {
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  background: var(--accent);
  z-index: 10;
}

/* .perfect_area_inner:after {
  content: "";
  height: 250px;
  width: 100%;
  display: block;
  background: url("bg_stone2.7a832004.webp") center bottom;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1
} */
.bg_cream .perfect_area_inner {
  background-color: var(--color_4th);
}

.perfect_areabox p.text {
  margin: 1rem auto;
}

.perfect_areabox p.arrow {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}

@media screen and (max-width: 799px) {
  .perfect_areabox_detail {
    background-size: 100%;
    padding-top: 24%;
    margin-bottom: 1rem;
  }
}
ul.perfect_areabox_detail-list {
  /* background: url("perfect_image_bg.d2f79125.webp") no-repeat center top; */
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 799px) {
  ul.perfect_areabox_detail-list {
    padding-top: 0;
    width: 86%;
    margin: 0 auto;
    box-shadow: 0 8px #ccc;
    padding-bottom: 3rem;
  }
}
li.perfect_areabox_detail-item {
  text-align: left;
  padding-left: 40px;
  position: relative;
  line-height: 1.5;
  padding-top: 1rem;
  padding-bottom: 1.1rem;
  font-weight: 500;
  font-size: 1.333rem;
  max-width: 811px;
  width: 100%;
  border-bottom: 2px dashed #ccc;
  color: #fff;
}

@media screen and (max-width: 799px) {
  li.perfect_areabox_detail-item {
    font-size: 1.3rem;
    width: 90%;
    padding-left: 28px;
    line-height: 1.4;
  }
}
li.perfect_areabox_detail-item em {
  color: var(--color_3rd);
  font-weight: 900;
  line-height: 1;
}

li.perfect_areabox_detail-item:before {
  display: block;
  width: 30px;
  height: 30px;
  content: "";
  background: url("check.5f4e5f05.svg") no-repeat center top;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

@media screen and (max-width: 799px) {
  li.perfect_areabox_detail-item:before {
    width: 20px;
    height: 20px;
    background-size: 100%;
    top: 35px;
  }
}
@media screen and (max-width: 799px) {
  body.gaijyu .perfect_areabox_detail,
body.tokai_gaijyu .perfect_areabox_detail {
    background: url("gaijyu_perfect_image_bg_sp.377310d1.webp") no-repeat center top;
    background-size: 100%;
  }
}
body.gaijyu ul.perfect_areabox_detail-list,
body.tokai_gaijyu ul.perfect_areabox_detail-list {
  background: url("gaijyu_perfect_image_bg.64bf6d50.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  body.gaijyu ul.perfect_areabox_detail-list,
body.tokai_gaijyu ul.perfect_areabox_detail-list {
    background: #fff;
  }
}
body.gaijyu ul.perfect_areabox_detail-list:before,
body.tokai_gaijyu ul.perfect_areabox_detail-list:before {
  width: 435px;
  height: 216px;
  background: url("gaijyu_perfect_image_itachi.6ea4ed5b.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  body.gaijyu ul.perfect_areabox_detail-list:before,
body.tokai_gaijyu ul.perfect_areabox_detail-list:before {
    background-size: 100%;
    width: 200px;
    height: 99px;
    left: -6.5%;
    bottom: -5%;
  }
}
body.gaijyu ul.perfect_areabox_detail-list:after,
body.tokai_gaijyu ul.perfect_areabox_detail-list:after {
  background: url("gaijyu_perfect_image_mouse.3dc15b1e.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  body.gaijyu ul.perfect_areabox_detail-list:after,
body.tokai_gaijyu ul.perfect_areabox_detail-list:after {
    width: 100px;
    height: 80px;
    right: -2%;
    bottom: -6%;
    background-size: 100%;
  }
}
.rescue-text_area {
  width: 100%;
  font-size: 2.777rem;
  color: #fff;
  font-weight: 700;
}

@media screen and (max-width: 799px) {
  .rescue-text_area {
    font-size: calc(1rem + (1vw - 0.15rem) * 2.4306);
    min-height: 0vw;
    font-weight: 900;
    line-height: 1.75;
  }
}
.rescue-text_area em {
  font-size: 125%;
  color: var(--accent);
  line-height: 1;
}

@media screen and (max-width: 799px) {
  .rescue-text_area em {
    display: block;
  }
}
.rescue-text_area p span {
  color: var(--color_3rd);
  display: inline-block;
  background: #fff;
  line-height: 1;
  border-radius: 5px;
  padding: 0.5rem 0.2em 0.7rem;
  margin-right: 0.4rem;
}

@media screen and (max-width: 799px) {
  .rescue-text_area p span {
    border-radius: 3px;
    margin-top: 10px;
    padding: 0.3rem 0.5rem;
  }
}
.rescue-text_area p.ft32 {
  margin: 0.5rem auto 1.5rem;
}

@media screen and (max-width: 799px) {
  .rescue-text_area p.ft32 {
    font-weight: 500;
    margin: 1rem auto;
  }
}
.Satisfaction_area {
  position: relative;
  z-index: 2;
}

.Satisfaction_area h2.ttl_1st {
  padding-top: 50px;
  position: relative;
}
.Satisfaction_area h2.ttl_1st.wh {
  color: #fff;
}

@media screen and (max-width: 799px) {
  .Satisfaction_area h2.ttl_1st {
    padding-top: 20px;
  }
}
@media screen and (max-width: 799px) {
  .Satisfaction_area h2.ttl_1st:before {
    bottom: 8%;
  }
}
.Satisfaction-list_itembox {
  display: flex;
}

@media screen and (max-width: 799px) {
  .Satisfaction-list_itembox {
    flex-wrap: wrap;
  }
}
li.Satisfaction-list_item:not(:last-child) {
  margin-bottom: 50px;
}

li.Satisfaction-list_item:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  background: url(data:image/webp;base64,UklGRo4EAABXRUJQVlA4WAoAAAAcAAAALwAAAgAAQUxQSBUAAAABDzD/ERFCSEB44P9a0YWI/vcguQAAVlA4IHoAAAAQBwCdASowAAMAPhUKg0EhBqsBAAQAUS1AE6X2LwD8AP1g5gzWLsB+t2IBfAPyA/gG//5//ugH8Ayv8DL+CaauqAD+/4/IqS7aLRiV6/22takD2/8aH//+rk3f/rwMn9iJt5f39rhEMhd33S7XX0UOUShUp4g//ocAAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAADAAAAADoAQAAQAAAAMAAAAAAAAAWE1QIA0DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMkJFQUUyMzU1NDgxMUVCOEVGMTk3MDY3NzIzRkU0QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMkJFQUUyNDU1NDgxMUVCOEVGMTk3MDY3NzIzRkU0QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUyQkVBRTIxNTU0ODExRUI4RUYxOTcwNjc3MjNGRTRCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyQkVBRTIyNTU0ODExRUI4RUYxOTcwNjc3MjNGRTRCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AA==);
  height: 4px;
  margin-top: 35px;
}

dl.Satisfaction-point {
  order: 1;
}

@media screen and (max-width: 799px) {
  dl.Satisfaction-point {
    order: 2;
  }
}
dt.Satisfaction-point_ttl {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.3;
}

@media screen and (max-width: 799px) {
  dt.Satisfaction-point_ttl {
    text-align: center;
    font-size: calc(1rem + (1vw - 0.1rem) * 4);
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
dt.Satisfaction-point_ttl em {
  color: var(--color_3rd);
  font-style: normal;
}

.Satisfaction-point_image {
  margin-left: 80px;
  order: 2;
}

@media screen and (max-width: 799px) {
  .Satisfaction-point_image {
    order: 1;
    margin: 0 auto;
    width: 40%;
    text-align: center;
  }
}
.guarantee_textarea {
  background: var(--accent);
  border: 5px solid #000;
  padding: 1.5rem 3rem 2rem;
  margin: 1.5rem auto 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1.75;
}

@media screen and (max-width: 799px) {
  .guarantee_textarea {
    padding: 1rem 1.5rem;
    margin: 1rem auto 2rem;
  }
}
.guarantee_textarea p {
  margin: 0;
}

.guarantee_textarea p.notes {
  font-size: 80%;
  color: var(--color_3rd);
  line-height: 1.5;
  margin-top: 0.5rem;
}

p.guarantee_text_ttl {
  font-weight: 900;
  font-size: 1.777rem;
  text-align: center;
  margin-bottom: 0.5rem;
  width: 100%;
}

@media screen and (max-width: 799px) {
  p.guarantee_text_ttl {
    font-size: 1.5rem;
  }
}
.comparison_area {
  background: url(data:image/webp;base64,UklGRkIIAABXRUJQVlA4WAoAAAAMAAAAhwAAhwAAVlA4IEwEAADQHQCdASqIAIgAPhkMhUGhBA1jBABhLKFC2MwBKfbtiH7B+M34q+gJj36N+IPyM6JPAO4a9TfzfSA8wD9AP8z1APMB0AP9/6gH9U6gXn1/2A+Dn9y/2x/gHaAf//2AP4B//+sH4J+zm9j4d9gMtyA8pBcEqKF9b9HmawduEF/5AY9eoRSkwMFCKScrkCOL+Qm55KJyRFztwtHnwQNQARAs+nv6NtJAgXQ3IRUceH/7oCgoOuxggXQ3IRWBjqC5FX5XN1wQLobkIrAx1BsWycoSFXCBAuhuQisDHUSaOlkz0fGcLKrTLUT8hx4mPnB6WbtSAwhLRbcgAP7/0GG/n5v8/N/n5vz837B1Sc6k4DyQji+302BC1MxspXAXFVvIGt0nDXBJ5xHpQpA1ZJNeoZKLODeYYEDL7qUGCjRq6GD9AZDniMCokINaXiQsl8cc+F2bRpIemG7dhY0X+dG3NWqz2gqLFBKeNeeSEcX6+mwGLNk0CS0ivrsxpw2OGuCTzksKNOJyLZ7isOADTpYQlcODzkecqF0CXgCCpGZiE1jk5DQWf7Xp/H8oJ7UQOEU+yQXQSIuY0BUHMSF2AToxcz0HY+/FkNdcrDPaiwvg1jV+iSrvl0nWoQDTQBBb5OLoYzXZ7Hiwh1lf6MIZCDWl4kLJfHHPhdm0aSHphsjJ4L2tcv24moN63/csMhu10TsdHdsRvBy029+J/k5HH5egBzHlYUqXhpF0+J9AbSWXGj+VOvXVd2f9D8OMXpBzQ3m+aKDbF+oNtt3AluM6msNn4z5bH0ElrevhumA2VIVA1wSeZH/3FHKqOTTbq1UmL0KyqIPQ98eCIwo4Zc47XOpCq+y0iZznDOrjbKBoNtt9Xe/u8aU94Ueo3SebUy5ftxNQb1v+5YZD8cmKquUs1vEPujtVlmdcrDPWiNDbfXyGMjDJNcrDPZgFcOT0LgYKbYkCE3ycXQxmuz2PFhDrK/0YQyEGtLxIWS+OOfC7No0kPTDZGTwXta5ftxNQb1v+5YZD8cmKquUs1vEPujtVlmdcrDPWiNDbfXyGMjDJNcrDPZgFcOT0LgYKbYkB0HlYUqXhpF0+J9AbSWXGj+VOvXVd2f9D8OMXpBzQ3m+aKDbF+oNtt3AluM6msNn4z5bH0ElrevhumA2VIVA1wSeZH/3FMJ/brhm4vrsxpwPYBXZLgOYKbYkAhLxKAvSQsl8SSby+EIgA0sgNQU+YhG8HLB4zr2RJbKAIn4VKj4AIoTeV7dWh5n1YDow1xfLmg5JU4FU+/6QFVqFPRRoxzlvdPczseIVYljXCfxultXUgQduSWblX+FPx8shzxNnb/+l1iOb5rc1asPmU/fYoL0yLwh64/IahMi7OiyUh29fDQ11q/P/4Fg1/yF0XP/fx/Ds0EQRUSvWnE28rkADwo1PY/4+WQ54gZmXL9xhGu7X/Q0PpsUFwXVzTU7LaU4xBVycAAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAAIgAAAADoAQAAQAAAIgAAAAAAAAAWE1QIA0DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMjRGOTdCQTU1NEQxMUVCQkI5MEU0MUFGOEYzMjAyRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMjRGOTdCQjU1NEQxMUVCQkI5MEU0MUFGOEYzMjAyRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMyNEY5N0I4NTU0RDExRUJCQjkwRTQxQUY4RjMyMDJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMyNEY5N0I5NTU0RDExRUJCQjkwRTQxQUY4RjMyMDJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AA==);
}

@media screen and (max-width: 799px) {
  .comparison_area h2.ttl_1st img {
    max-width: 400px;
    width: 90%;
    margin-bottom: 20px;
  }
}
.comparison_areabox_text {
  background: url("comparison_illust.50fe376e.webp") no-repeat left top;
  padding-left: 325px;
  min-height: 305px;
  padding-top: 40px;
  box-sizing: border-box;
}

@media screen and (max-width: 799px) {
  .comparison_areabox_text {
    background: none;
    padding-left: 0;
    padding-top: 0;
    min-height: 100px;
  }
}
.comparison_areabox_text p {
  background: #fff;
  position: relative;
  padding: 1.5rem;
  text-align: left;
}

@media screen and (max-width: 799px) {
  .comparison_areabox_text p {
    padding: 1rem;
  }
}
.comparison_areabox_text p:after {
  content: "";
  position: absolute;
  display: block;
  left: -55px;
  top: 25px;
  width: 55px;
  height: 26px;
  background: url(data:image/webp;base64,UklGRnYCAABXRUJQVlA4WAoAAAAYAAAAWwAAGwAAQUxQSGYBAAABkHbbliHJuqNt27Zt27Ztu3ts27Zt27Zte9qd70sxIiJiAhDhEpZRhcPnbT52/fmHH90AP398fuSLKKgf3rT07Afg5V1hsgzTJh/7CXysJ0bIqXbLR+D3b3UiDMu3/wIs12AnGjb3KWDL+GAllbLpN2B9UwgbkZhN3YB9LR4CnvO/AYk/VTBQaXkKpK7il4D/xl4gl3Hni0zNQyD7phDvdKf9AuIreGW9ph8o+F2FJ/a7GKDjUh7Y7mCAlkNu3NhsY4CiVwU50t0wBHQt40B+cjfQdh8b4cqvQNsPWQKswu8DbbvHSSOWBruBtswGXcRSdHg38PrfD5ZD+F10R6y9HwAADLy/c3LbokltZelRAU4mhgryiEs5BT1jl5DU0rZJizYfu/+bT68zBBDroFmd+RG26oIIb2mL4Lyupac/8+RvlwSipLxr1sSDHzkaWq6BKKsRNeroPxYnHRCVhV2HX3iUgLgFVlA4ICgAAADwAgCdASpcABwAPhkMhUIhBFUABABhLSAAAn4xw+EIsAD+/z1YAAAARVhJRroAAABFeGlmAABJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAEgAAAABAAAASAAAAAEAAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAXAAAAAOgBAABAAAAHAAAAAAAAAA=);
}

@media screen and (max-width: 799px) {
  .comparison_areabox_text p:after {
    background: none;
  }
}
.comparison_areabox_image {
  margin-top: -85px;
}

@media screen and (max-width: 799px) {
  .comparison_areabox_image {
    margin-top: 20px;
  }
}
p.comparison_areabox_comment {
  padding: 1.5rem;
  font-weight: 500;
  position: relative;
}

@media screen and (max-width: 799px) {
  p.comparison_areabox_comment {
    font-size: 1.05rem;
    line-height: 1.4;
    padding: 0.5rem;
  }
}
p.comparison_areabox_comment em {
  font-size: 125%;
  color: var(--color_3rd);
  font-weight: 900;
}

@media screen and (max-width: 799px) {
  .price_area h2.ttl_1st img {
    max-width: 600px;
    width: 100%;
    margin-bottom: 0;
  }
}
ul.price_areabox_list {
  background-color: #fff;
}

li.price_areabox_list_item:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: url(data:image/webp;base64,UklGRo4EAABXRUJQVlA4WAoAAAAcAAAALwAAAgAAQUxQSBUAAAABDzD/ERFCSEB44P9a0YWI/vcguQAAVlA4IHoAAAAQBwCdASowAAMAPhUKg0EhBqsBAAQAUS1AE6X2LwD8AP1g5gzWLsB+t2IBfAPyA/gG//5//ugH8Ayv8DL+CaauqAD+/4/IqS7aLRiV6/22takD2/8aH//+rk3f/rwMn9iJt5f39rhEMhd33S7XX0UOUShUp4g//ocAAEVYSUa6AAAARXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABgAAkAcABAAAADAyMTABkQcABAAAAAECAwAAoAcABAAAADAxMDABoAMAAQAAAP//AAACoAQAAQAAADAAAAADoAQAAQAAAAMAAAAAAAAAWE1QIA0DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMkJFQUUyMzU1NDgxMUVCOEVGMTk3MDY3NzIzRkU0QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMkJFQUUyNDU1NDgxMUVCOEVGMTk3MDY3NzIzRkU0QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUyQkVBRTIxNTU0ODExRUI4RUYxOTcwNjc3MjNGRTRCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyQkVBRTIyNTU0ODExRUI4RUYxOTcwNjc3MjNGRTRCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AA==);
}

@media screen and (max-width: 799px) {
  li.price_areabox_list_item:not(:last-child):after {
    height: 2px;
  }
}
section.price_detailarea {
  padding: 2.5rem;
  display: flex;
}

@media screen and (max-width: 799px) {
  section.price_detailarea {
    padding: 0.5rem 1rem;
  }
}
dt.price_detailarea_ttl {
  font-size: 2rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0.4rem;
}

@media screen and (max-width: 799px) {
  dt.price_detailarea_ttl {
    font-size: 1.333rem;
    padding-left: 0;
    padding-right: 25px;
    flex-direction: row-reverse;
  }
}
dt.price_detailarea_ttl:before {
  content: "";
  background: url("arrow.6c6a18a9.png") no-repeat center center;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}

@media screen and (max-width: 799px) {
  dt.price_detailarea_ttl:before {
    width: 16px;
    height: 16px;
    left: auto;
    right: 0;
    transform: rotate(90deg);
    margin-top: -6px;
    transition-duration: 0.3s;
  }
}
div.price_detailarea_ttl_l {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

@media screen and (max-width: 799px) {
  div.price_detailarea_ttl_l {
    flex-wrap: wrap;
  }
}
div.price_detailarea_ttl_l span.name {
  display: block;
  margin-right: auto;
}

@media screen and (max-width: 799px) {
  div.price_detailarea_ttl_l span.name {
    flex-basis: 100%;
    text-align: left;
    margin-bottom: 3px;
  }
}
div.price_detailarea_ttl_l em {
  background: var(--color_3rd);
  color: #fff;
  display: block;
  padding: 0.5rem 1rem;
  line-height: 1;
  border-radius: 5px;
  font-weight: 800;
  float: right;
}

div.price_detailarea_ttl_l em span.en {
  font-size: 70%;
  font-weight: 500;
}

@media screen and (max-width: 799px) {
  div.price_detailarea_ttl_l em {
    padding: 0.3rem 0.5rem 0.4rem;
  }
}
@media screen and (max-width: 799px) {
  dt.price_detailarea_ttl.is-active:before {
    transform: rotate(-90deg);
  }
}
span.price_image {
  display: none;
}

@media screen and (max-width: 799px) {
  span.price_image {
    display: block;
    flex-basis: 37%;
    margin-right: 1rem;
    margin-top: 11px;
    max-width: 140px;
  }
}
dd.price_detailarea_comment {
  text-align: left;
  letter-spacing: 1px;
}

@media screen and (max-width: 799px) {
  dd.price_detailarea_comment {
    opacity: 0;
    height: 0;
    transition-duration: 0.3s;
  }
}
dd.price_detailarea_comment div.point {
  background: var(--color_4th);
  border: 5px solid var(--accent);
  padding: 1.5rem 1.5rem 0.5rem;
  margin: 1.5rem auto;
}

dd.price_detailarea_comment div.point p {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 799px) {
  dd.price_detailarea_comment div.point p {
    align-items: start;
  }
}
dd.price_detailarea_comment div.point span.cir {
  font-size: 45%;
  margin-right: 0.5rem;
  display: inline-block;
  margin-top: 3px;
}

@media screen and (max-width: 799px) {
  dd.price_detailarea_comment div.point span.cir {
    margin-top: 10px;
  }
}
.tokai_cockroach .price_detailarea_comment,
.shikoku_cockroach .price_detailarea_comment,
.cockroach .price_detailarea_comment {
  display: grid;
}

.tokai_cockroach .price_detailarea_comment .point,
.shikoku_cockroach .price_detailarea_comment .point,
.cockroach .price_detailarea_comment .point {
  order: 3;
}

@media screen and (max-width: 799px) {
  dd.price_detailarea_comment.is-open {
    height: auto;
    opacity: 1;
    padding-bottom: 1rem;
  }
}
.price_detailarea_image {
  margin-left: 1rem;
}

@media screen and (max-width: 799px) {
  .price_detailarea_image {
    display: none;
  }
}
.flow_area h2.ttl_1st {
  position: relative;
  padding: 100px 30px 0;
}

@media screen and (max-width: 799px) {
  .flow_area h2.ttl_1st {
    padding: 50px 15px 0;
  }
}
.flow_area h2.ttl_1st picture {
  display: inline-block;
  padding: 0 30px;
  background: var(--accent);
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 799px) {
  .flow_area h2.ttl_1st picture {
    width: 80%;
    padding: 0;
  }
}
.flow_area h2.ttl_1st:before {
  display: block;
  position: absolute;
  width: 100%;
  content: "";
  height: 30px;
  left: 0;
  top: 113px;
  z-index: 1;
  color: #fff;
}

@media screen and (max-width: 799px) {
  .flow_area h2.ttl_1st:before {
    top: 50%;
  }
}
@media screen and (max-width: 799px) {
  .flow_area h2.ttl_1st img {
    max-width: 360px;
    width: 80%;
    margin-bottom: 0;
  }
}
.flow_areabox {
  border-radius: 5px;
  padding: 2rem 1rem;
}

@media screen and (max-width: 799px) {
  .flow_areabox {
    padding: 1rem 1rem 2rem;
  }
}
.flow_areabox p.flow_areabox_text {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 799px) {
  .flow_areabox p.flow_areabox_text {
    font-size: calc(1rem + (1vw - 0.1rem) * 1.3889);
    line-height: 1.3;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
}
.flow_areabox p.flow_areabox_text em {
  font-size: 150%;
  color: var(--color_3rd);
  margin-bottom: 0.3rem;
  display: block;
  line-height: 1.3;
}

ol.flow_areabox_list {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

@media screen and (max-width: 799px) {
  ol.flow_areabox_list {
    flex-wrap: wrap;
  }
}
li.flow_areabox_list_item {
  background: #e5e5e5;
  border-radius: 0 0 5px 5px;
  display: flex;
}

@media screen and (min-width: 800px) {
  li.flow_areabox_list_item {
    max-width: 315px;
  }
}
li.flow_areabox_list_item:not(:last-child) {
  margin-right: 45px;
  position: relative;
}

@media screen and (max-width: 799px) {
  li.flow_areabox_list_item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 2.25rem;
  }
}
li.flow_areabox_list_item:not(:last-child):after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url("arrow_black.bed565c2.svg") no-repeat center top;
  background-size: 100% 100%;
}

@media screen and (max-width: 799px) {
  li.flow_areabox_list_item:not(:last-child):after {
    transform: rotate(90deg);
    top: 105%;
    right: 50%;
    width: 20px;
    height: 20px;
    margin-right: -10px;
  }
}
dt.flow_areabox_detail_ttl {
  background: #000;
  color: #fff;
  font-size: 1.75rem;
  font-weight: 900;
  border-radius: 5px 5px 0 0;
  padding: 0rem 1rem 0;
  text-align: left;
  display: flex;
}

@media screen and (max-width: 799px) {
  dt.flow_areabox_detail_ttl {
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
dt.flow_areabox_detail_ttl span {
  margin-right: 1rem;
}

dd.flow_areabox_detail_text {
  padding: 2rem 1rem;
}

.flow_areabox_detail_image img {
  max-width: 350px;
  width: 100%;
}

dl.payment_area {
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-top: 1.5rem;
}

@media screen and (max-width: 799px) {
  dl.payment_area {
    flex-wrap: wrap;
  }
}
dt.payment_area_ttl {
  background: #000;
  color: #fff;
  font-weight: 700;
  padding: 2.5rem 1.5rem;
  border-radius: 5px 0 0 5px;
  min-width: 200px;
}

@media screen and (max-width: 799px) {
  dt.payment_area_ttl {
    min-width: 100%;
    border-radius: 5px 5px 0 0;
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
dd.payment_area_text {
  width: 100%;
}

dd.payment_area_text > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

dd.payment_area_text > div img {
  margin-right: 10px;
}

@media screen and (max-width: 799px) {
  dd.payment_area_text > div {
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  dd.payment_area_text > div img {
    max-width: 40px;
  }
}
dd.payment_area_text > div p {
  margin-right: 1rem;
}

@media screen and (max-width: 799px) {
  dd.payment_area_text > div p {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 799px) {
  .region_area h2.ttl_1st img {
    max-width: 320px;
    width: 100%;
    margin-bottom: 0;
  }
}
.region_areabox p.text em {
  background: var(--color_3rd);
  border-radius: 5px;
  padding: 0rem 1rem 0.1rem;
  color: #fff;
  margin: 0 2px;
  display: inline-block;
}

.region_areabox_image img {
  border: 5px solid #000;
}

@media screen and (max-width: 799px) {
  .region_areabox_image img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 56% 100%;
       object-position: 56% 100%;
  }
}
@media screen and (max-width: 799px) {
  .qa_area h2.ttl_1st img {
    max-width: 350px;
  }
}
dl.qa_areabox_listitem_detail {
  margin-bottom: 1.5rem;
}

dt.qa_areabox_listitem_ttl {
  font-size: 1.35rem;
  font-weight: 700;
  padding: 1.75rem 3rem 1.75rem 6rem;
  position: relative;
}

@media screen and (max-width: 799px) {
  dt.qa_areabox_listitem_ttl {
    padding: 1rem 1.7rem 1rem 3.2rem;
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 799px) {
  dt.qa_areabox_listitem_ttl:before {
    background: url("arrow_u.88eeb5b3.svg") no-repeat right center;
    background-size: 100%;
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -7px;
    transition-duration: 0.3s;
  }
}
dt.qa_areabox_listitem_ttl.is-active:before {
  transform: rotate(-180deg);
}

div.qa_areabox_listitem_ttlbox {
  font-weight: 900;
}

div.qa_areabox_listitem_ttlbox:before {
  content: "";
  background: url(data:image/webp;base64,UklGRmIDAABXRUJQVlA4WAoAAAAYAAAALAAALAAAQUxQSA4BAAABgFxbe+PkY6cynGMXZApwFagJZ3dBhk48O08FzmE9YuX8O0v6oICIUOS2bSP1mKS7/QOsFvRLMIkkmgQvugA/Y5WuXLZbibmTel+J3dV7yg1Vnoub84pyIB2Ku2HayoMRH82jhdJC/FyULnK9EF8X15cyIvE3ypx31BGGHXVKWThWTs/AnMQ8deRbWH4fSK5pbJJAU3i2gAGRIYrCtPhMRb9QeWlTaU+pTAwVI/Jv2++UypScRt5fzT055DOJIfO0X6HFvUfJDfWG4pvGD/dVSeNohUT17CUMKYQKp2Y4byz39Sb/C5d9NH735+lP/zJAVeauYRVF/X99fvaehV4lBj+L+iWYGTGz4EUXYRNWUDggbAEAANAJAJ0BKi0ALQA+GQqEQSEGOs0ABABhLSACeQ+9n69mIMc7/QNFu1EXmRZw3nT/Le4J/Ev5Z/hfzL4yv9TTKK6fJgSNaibfwANtn77UzSSaRU5LVV0DAAD+//7kOxNl+jXeG/s3tSInzsV/0xX8eMTJq8iv/3a4da/iOF5Hf4zL/9vfjq/B/TGshsb/SOOMKpWf1maiL3uJy52ogqWf988QBeWKi4VzWNmP9/5iX+lH/dtdt8n22/l7Du7SxI56+klFt8z3f2p/fMTm/8RfRpj4RzjXJiFLNzk2LXFq6vfwtOIIyDMYNGyfozf3vsO/zadxkioxt3exMSy9qO6Y1QgH8/0bD/hGGOY7MTrp2wjfN0ykb9RdHQvfuuCRrvWst4Af9jfmer5BRRavCovtkV5LGdinEMP8wmKU/ktegSfJ/0wUnSAv/8ZcSP9Uk6PZB/9K9RuDPE7/ifP5NvweMJVNTj3VUERPkIAAAABFWElGugAAAEV4aWYAAElJKgAIAAAABgASAQMAAQAAAAEAAAAaAQUAAQAAAFYAAAAbAQUAAQAAAF4AAAAoAQMAAQAAAAIAAAATAgMAAQAAAAEAAABphwQAAQAAAGYAAAAAAAAASAAAAAEAAABIAAAAAQAAAAYAAJAHAAQAAAAwMjEwAZEHAAQAAAABAgMAAKAHAAQAAAAwMTAwAaADAAEAAAD//wAAAqAEAAEAAAAtAAAAA6AEAAEAAAAtAAAAAAAAAA==) no-repeat center center #000;
  background-size: 100% auto;
  border-radius: 50%;
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  margin-left: -65px;
  top: 30px;
}

@media screen and (max-width: 799px) {
  div.qa_areabox_listitem_ttlbox:before {
    width: 30px;
    height: 30px;
    margin-left: -38px;
    top: 17px;
  }
}
dd.qa_areabox_listitem_text {
  padding: 1.75rem 3rem 1.75rem 6rem;
  position: relative;
}

dd.qa_areabox_listitem_text:after {
  content: "";
  display: block;
  position: absolute;
  background: url(data:image/webp;base64,UklGRjYEAABXRUJQVlA4WAoAAAAcAAAADwAAAAAAQUxQSAwAAAABDzD/ERFi/iP6HwFWUDggLAAAADABAJ0BKhAAAQAAgAgloAADcAD+/uwf//7Uyv//8Gb//wZv//+7Af//dWAARVhJRroAAABFeGlmAABJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAEgAAAABAAAASAAAAAEAAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAEAAAAAOgBAABAAAAAQAAAAAAAABYTVAgDQMAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwQ0FCNjk2NTU3QjExRUJBM0U1RDZEMzEzNEJCRTc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwQ0FCNjk3NTU3QjExRUJBM0U1RDZEMzEzNEJCRTc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBDQUI2OTQ1NTdCMTFFQkEzRTVENkQzMTM0QkJFNzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBDQUI2OTU1NTdCMTFFQkEzRTVENkQzMTM0QkJFNzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4A);
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 799px) {
  dd.qa_areabox_listitem_text {
    padding: 0;
    opacity: 0;
    height: 0;
    transition-duration: 0.3s;
  }
}
dd.qa_areabox_listitem_text:before {
  content: "";
  background: url(data:image/webp;base64,UklGRnQEAABXRUJQVlA4WAoAAAAYAAAALAAALAAAQUxQSA4BAAABgFxbe+PkY6cynGMXZApwFagJZ3dBhk48O08FzmE9YuX8O0v6oICIUOS2bSP1mKS7/QOsFvRLMIkkmgQvugA/Y5WuXLZbibmTel+J3dV7yg1Vnoub84pyIB2Ku2HayoMRH82jhdJC/FyULnK9EF8X15cyIvE3ypx31BGGHXVKWThWTs/AnMQ8deRbWH4fSK5pbJJAU3i2gAGRIYrCtPhMRb9QeWlTaU+pTAwVI/Jv2++UypScRt5fzT055DOJIfO0X6HFvUfJDfWG4pvGD/dVSeNohUT17CUMKYQKp2Y4byz39Sb/C5d9NH735+lP/zJAVeauYRVF/X99fvaehV4lBj+L+iWYGTGz4EUXYRNWUDggfgIAABATAJ0BKi0ALQA+GQqEQaEEcZ8EAGEswBeyOB/APwA2LHtf4S/qr/gOlV4c5bsLt+JO6S9IDzAfpnvgH6I8AB+lHpVfrd8IP7M/pz7MVyl52/pf6YZKB4z+G35EagD+HYzttAHsYfkV/ANoA/jX9k+1X4uP4D7QPZH80/7L3Cf08/r35cf3LvqmfMiIVRbLXef8tY47n60IDdQ1ctibPJ4AAP7+nGJSiaTZSC2+8VlhtDRoXzg7fl6b2PqqAubTrzt9kl4dljpZbNwn1v3+3Y8m/DXd6cZrJY3yURReSBa4cfZo9/iKgeXDlfGsYikeNDHQxmNvv/pz9oBzGluc6/rcD58u6n90bmXmVhnXMfz20PM/Etf2GaRWUFZnn7RbaSIQ9ydv83mq3avpzd70hYzrC7G0fiApZgwTCXMM8Glf4qfJjHO7RrK0JR+Do05Yzi2x/CunL2+l4iDjL+OX9/0haPRg8syeEeCY7X/xIONViZ8W/GC08d8mZRWeQFBnBt7e5hYvexW8ov/UQ5DdHp8Rmhq+HV2e2pJ61I2PUn5bcCXj1y6v+fYN1vnpNj5d+wZRLhJ86fJQtX1Ydne8NtvzT3v0rujT3Gir0PVreYza/+3CiekI/xMcl2jsIKKaXSO4GTMKLh9Rd9vjNzP/eRHVOH45rXz4//7XAuU2Evdk5/SDCZw91tedeX/szNJMhXaRfR9Z6g3RlylVGpmVvzsJtulaUgAw9kQjtmOE/Nua/RLaTSZhVv76t9Ib0xF//zvia/qyH0a3iSU8ro/2z3hI3yj578QxDfgCHgRmXyTxughbdV+Bqucc5vDhZmFC/85PWtNcMeb+QFmtgAAARVhJRroAAABFeGlmAABJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAEgAAAABAAAASAAAAAEAAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAALQAAAAOgBAABAAAALQAAAAAAAAA=) no-repeat center center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  top: 27px;
  margin-left: -65px;
}

@media screen and (max-width: 799px) {
  dd.qa_areabox_listitem_text:before {
    width: 30px;
    height: 30px;
    margin-left: 12px;
    left: 0;
    top: 17px;
  }
}
@media screen and (max-width: 799px) {
  dd.qa_areabox_listitem_text.is-open {
    height: auto;
    opacity: 1;
  }
}
dd.qa_areabox_listitem_text.is-open p {
  padding: 1rem 1.5rem 1rem 3.2rem;
  margin: 0;
}

.contact_area .bg_yellow {
  min-height: 435px;
}

@media screen and (max-width: 799px) {
  .contact_area h2.ttl_1st img {
    max-width: 310px;
    width: 100%;
    margin-bottom: 0;
  }
}
.contact_areabox {
  margin-top: -165px;
  border: 5px solid #000;
  padding: 7rem 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #fff;
}

@media screen and (max-width: 799px) {
  .contact_areabox {
    margin-top: -270px;
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 799px) {
  .contact_areabox:before {
    background: url("contact_illust_sp.62fbd94c.webp") right top;
    width: 107px;
    height: 55px;
    top: -60px;
    background-size: 100%;
  }
}
.formArea {
  width: 750px;
}

.privacy_area {
  margin-top: 30px;
  padding: 2rem 3rem;
  background: #fff;
}

@media screen and (max-width: 799px) {
  .privacy_area {
    padding: 1rem 1.5rem;
  }
}
.privacy_area h4 {
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0.5rem 0;
}

.privacy_area p {
  font-size: 0.9rem;
  font-weight: 400;
}

.privacy_area > div {
  height: 100px;
  overflow-y: scroll;
}

.footer {
  padding: 1rem;
  background: #f9f9f9;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 0.9rem;
  margin-bottom: 22vh;
}

.footer p {
  margin: 0;
}

.footer a {
  color: #fff;
}

.scroll_fix {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.footer_cv {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  border-top: 3px solid #000;
  padding-top: 0.3rem;
}

@media screen and (max-width: 799px) {
  .footer_cv {
    padding-top: 0;
  }
}
@media screen and (min-width: 800px) {
  .footer_cv a[href^="tel:"] {
    pointer-events: none;
  }
}
.footer_cv img {
  width: 100%;
}

.footer_cv_inner {
  position: relative;
  padding-bottom: 10px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.footer_cv_inner:after {
  content: "";
  width: 253px;
  height: 138px;
  position: absolute;
  background: url("../images/footer_cv_illust.1226e525.png") no-repeat center top;
  left: 0;
  bottom: 0;
  background-size: 100%;
}

@media screen and (max-width: 799px) {
  .footer_cv_inner:after {
    background: url("footer_cv_illust_sp.f1d3aacc.webp") no-repeat center bottom;
    background-size: 100% auto;
    left: 0px;
    bottom: 0px;
    width: 13vw;
    height: 149px;
    max-width: 132px;
    min-width: 80px;
  }
}
.footer_cv_comment {
  background: #000;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 5px 0 0.1rem 100px;
  flex-wrap: nowrap;
}

@media screen and (min-width: 800px) {
  .footer_cv_comment {
    justify-content: center;
  }
  .footer_cv_comment img {
    max-height: 35px;
    width: auto;
  }
}
@media screen and (max-width: 799px) {
  .footer_cv_comment {
    margin: 0 0 0.1rem 0px;
    padding-right: 15px;
    padding-left: 80px;
  }
  .footer_cv_comment img {
    max-height: 20px;
    width: auto;
  }
}
@media screen and (max-width: 499px) {
  .footer_cv_comment {
    justify-content: center;
    margin: 0 0 0.1rem 0px;
    padding-left: 0;
    padding-right: 0;
  }
  .footer_cv_comment img {
    max-height: 14px;
    width: auto;
  }
}
.footer_cv_comment img:first-child {
  margin-right: 1rem;
}

@media screen and (max-width: 799px) {
  .footer_cv_comment img:first-child {
    margin-bottom: 2px;
    margin-right: 0.5rem;
  }
}
.footer_cv_time {
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 799px) {
  .footer_cv_time {
    padding-left: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.footer_cv_time .realTime {
  color: #2eaa25;
}

.footer_cv_time .realTime:before {
  display: inline-block;
  content: "＼";
  color: #000;
}

.footer_cv_time .text:after {
  display: inline-block;
  content: "／";
  color: #000;
}

.footer_cv_contact_text {
  max-height: 60px;
  margin-left: 140px;
  padding: 4px 0;
  width: 13%;
}

.footer_cv_contact_text span.imgstyle {
  margin-top: 8px;
  display: block;
}

@media screen and (max-width: 799px) {
  .footer_cv_contact_text {
    margin-left: 130px;
    margin-right: 10px;
    display: none;
  }
  .footer_cv_contact_text a {
    border: 2px solid #000;
    box-shadow: 0 3px #000;
    display: block;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
  .footer_cv_contact_text img {
    max-height: 40px;
    max-width: 390px;
  }
}
@media screen and (max-width: 499px) {
  .footer_cv_contact_text {
    margin-left: 80px;
  }
}
.footer_cv_item {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 799px) {
  .footer_cv_item {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
ul.footer_cv_contac_list {
  display: flex;
  padding-left: 1rem;
  padding-bottom: 0.3rem;
  position: relative;
  margin-top: 5px;
  z-index: 5;
}

@media screen and (max-width: 799px) {
  ul.footer_cv_contac_list {
    padding: 0px 10px 0rem 130px;
    justify-content: center;
    margin-top: 0;
    width: 100%;
  }
}
@media screen and (max-width: 499px) {
  ul.footer_cv_contac_list {
    padding: 0px 10px 0rem 80px;
  }
}
ul.footer_cv_contac_list li {
  border: 2px solid #000;
  box-shadow: 0 3px #000;
  border-radius: 5px;
  display: flex;
  transition: 0.3s ease;
}

ul.footer_cv_contac_list li:hover {
  opacity: 0.8;
}

@media screen and (max-width: 799px) {
  ul.footer_cv_contac_list li {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
ul.footer_cv_contac_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

@media screen and (max-width: 799px) {
  ul.footer_cv_contac_list li a {
    padding: 1rem 0.5rem;
  }
}
@media screen and (max-width: 799px) {
  ul.footer_cv_contac_list li img {
    max-height: 18px;
    max-width: 176px;
  }
}
ul.footer_cv_contac_list li.footer_cv_contac_list_mail {
  background-color: var(--color_3rd);
}

ul.footer_cv_contac_list li.footer_cv_contac_list_line {
  background-color: var(--color_Line);
}

ul.footer_cv_contac_list li:last-child {
  margin-left: 10px;
}

@media screen and (max-width: 799px) {
  ul.footer_cv_contac_list li:last-child {
    margin-left: 10px;
  }
}
.pageTop {
  display: inline-block;
  background: rgba(var(--text), 0.5);
  position: fixed;
  bottom: 150px;
  right: 1rem;
  z-index: 100;
}

@media screen and (max-width: 799px) {
  .pageTop {
    bottom: 165px;
    right: 0.5rem;
  }
}
.pageTop a {
  text-decoration: none;
  color: var(--text);
  width: 3rem;
  height: 3rem;
  display: block;
  position: relative;
  text-indent: -10rem;
  overflow: hidden;
}

.pageTop a:before {
  content: "";
  border: 2px solid #ffffff;
  border-width: 2px 0 0 2px;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (min-width: 800px) {
  .js-ac-title {
    pointer-events: none;
  }
}
@media screen and (max-width: 799px) {
  .js-ac-title {
    cursor: pointer;
  }
}
@media screen and (min-width: 800px) {
  .hachi .header h1.logo,
.tokai_hachi .header h1.logo {
    width: 303px;
    height: 77px;
    display: flex;
    color: #333;
    text-decoration: none;
  }
}
@media screen and (max-width: 799px) {
  .hachi .header h1.logo,
.tokai_hachi .header h1.logo {
    width: 145px;
    padding: 10px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 799px) {
  .hachi .header .inner,
.tokai_hachi .header .inner {
    padding-left: 0.5rem;
  }
}
.hachi .mainvisual,
.tokai_hachi .mainvisual {
  padding-top: 0;
}

@media screen and (min-width: 800px) {
  .hachi .mainvisual,
.tokai_hachi .mainvisual {
    background-image: url("hachi-mainvisual_bg-l.06b214d8.webp"), url("hachi-mainvisual_bg-r.f35dd6dd.webp");
    background-position: left -5px, right -5px;
    background-size: 644px 481px, 644px 481px;
    min-width: 1400px;
  }
}
@media screen and (max-width: 799px) {
  .hachi .perfect_areabox_detail,
.tokai_hachi .perfect_areabox_detail {
    background: url("possibility_image_bg_sp.5ab457f5.webp") no-repeat center top;
    background-size: 100%;
    padding-top: 23%;
    margin-bottom: 1rem;
  }
}
.hachi ul.perfect_areabox_detail-list,
.tokai_hachi ul.perfect_areabox_detail-list {
  background: url("possibility_image_bg.ad85221e.webp") no-repeat center top;
  padding-top: 258px;
  padding-bottom: 70px;
}

@media screen and (max-width: 799px) {
  .hachi ul.perfect_areabox_detail-list,
.tokai_hachi ul.perfect_areabox_detail-list {
    padding-top: 0;
    background: #fff;
  }
}
.hachi ul.perfect_areabox_detail-list:before,
.tokai_hachi ul.perfect_areabox_detail-list:before {
  display: block;
  position: absolute;
  left: -183px;
  top: -4%;
  content: "";
  width: 177px;
  height: 251px;
  background: url("possibility_image_bee_l.a4b1bb5e.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  .hachi ul.perfect_areabox_detail-list:before,
.tokai_hachi ul.perfect_areabox_detail-list:before {
    width: 50px;
    height: 70px;
    background-size: 100%;
    top: -10%;
    left: -24px;
  }
}
.hachi ul.perfect_areabox_detail-list:after,
.tokai_hachi ul.perfect_areabox_detail-list:after {
  display: block;
  content: "";
  position: absolute;
  right: -15%;
  bottom: 27%;
  width: 210px;
  height: 205px;
  background: url("possibility_image_bee_r.f115bfb4.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  .hachi ul.perfect_areabox_detail-list:after,
.tokai_hachi ul.perfect_areabox_detail-list:after {
    width: 55px;
    height: 60px;
    background-size: 100%;
    right: -5%;
    bottom: 15%;
  }
}
.hachi li.perfect_areabox_detail-item,
.tokai_hachi li.perfect_areabox_detail-item {
  font-size: 1.222rem;
}

.hachi .perfect_area_inner:after,
.tokai_hachi .perfect_area_inner:after {
  height: 340px;
}

@media screen and (max-width: 799px) {
  .itachi .perfect_areabox_detail,
.tokai_itachi .perfect_areabox_detail {
    background: url("cation_image-itachi_bg.85366c08.webp") no-repeat center top;
    background-size: 100%;
    padding-top: 23%;
    margin-bottom: 1rem;
  }
}
.itachi ul.perfect_areabox_detail-list,
.tokai_itachi ul.perfect_areabox_detail-list {
  background: url("cation_image-itachi_bg.85366c08.webp") no-repeat center top;
  padding-top: 258px;
}

@media screen and (max-width: 799px) {
  .itachi ul.perfect_areabox_detail-list,
.tokai_itachi ul.perfect_areabox_detail-list {
    padding-top: 0;
    background: #fff;
  }
}
.itachi ul.perfect_areabox_detail-list:before,
.tokai_itachi ul.perfect_areabox_detail-list:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: -7%;
  content: "";
  width: 424px;
  height: 112px;
  background: url(data:image/webp;base64,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) no-repeat center top;
}

@media screen and (max-width: 799px) {
  .itachi ul.perfect_areabox_detail-list:before,
.tokai_itachi ul.perfect_areabox_detail-list:before {
    width: 130px;
    height: 42px;
    background-size: 100%;
    bottom: -4.75%;
  }
}
.itachi ul.perfect_areabox_detail-list:after,
.tokai_itachi ul.perfect_areabox_detail-list:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: -7%;
  width: 478px;
  height: 219px;
  background: url("cation_image_r.189668b4.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  .itachi ul.perfect_areabox_detail-list:after,
.tokai_itachi ul.perfect_areabox_detail-list:after {
    width: 140px;
    height: 66px;
    background-size: 100%;
    bottom: -4%;
  }
}
@media screen and (min-width: 800px) {
  .cockroach .header h1.logo,
.tokai_cockroach .header h1.logo,
.shikoku_cockroach .header h1.logo {
    width: 300px;
    height: 76px;
    display: flex;
  }
}
@media screen and (max-width: 799px) {
  .cockroach .perfect_areabox_detail,
.tokai_cockroach .perfect_areabox_detail,
.shikoku_cockroach .perfect_areabox_detail {
    background: url("cation_image-cockroach_bg_sp.a476e669.webp") no-repeat center top;
    background-size: 100%;
    padding-top: 23%;
    margin-bottom: 1rem;
  }
}
.cockroach ul.perfect_areabox_detail-list,
.tokai_cockroach ul.perfect_areabox_detail-list,
.shikoku_cockroach ul.perfect_areabox_detail-list {
  background: url("cation_image-cockroach_bg.e9dddbf9.webp") no-repeat center top;
  padding-top: 258px;
}

@media screen and (max-width: 799px) {
  .cockroach ul.perfect_areabox_detail-list,
.tokai_cockroach ul.perfect_areabox_detail-list,
.shikoku_cockroach ul.perfect_areabox_detail-list {
    padding-top: 0;
    background: #fff;
  }
}
.cockroach ul.perfect_areabox_detail-list:before,
.tokai_cockroach ul.perfect_areabox_detail-list:before,
.shikoku_cockroach ul.perfect_areabox_detail-list:before {
  display: block;
  position: absolute;
  left: 3%;
  bottom: 3%;
  content: "";
  width: 87px;
  height: 93px;
  background: url(data:image/webp;base64,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) no-repeat center top;
}

@media screen and (max-width: 799px) {
  .cockroach ul.perfect_areabox_detail-list:before,
.tokai_cockroach ul.perfect_areabox_detail-list:before,
.shikoku_cockroach ul.perfect_areabox_detail-list:before {
    width: 35px;
    height: 42px;
    background-size: 100%;
    left: -6%;
    bottom: 1%;
  }
}
.cockroach ul.perfect_areabox_detail-list:after,
.tokai_cockroach ul.perfect_areabox_detail-list:after,
.shikoku_cockroach ul.perfect_areabox_detail-list:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: -7%;
  width: 250px;
  height: 260px;
  background: url("cation_image-cockroach_r.b6777038.webp") no-repeat center top;
}

@media screen and (max-width: 799px) {
  .cockroach ul.perfect_areabox_detail-list:after,
.tokai_cockroach ul.perfect_areabox_detail-list:after,
.shikoku_cockroach ul.perfect_areabox_detail-list:after {
    width: 80px;
    height: 85px;
    background-size: 100%;
    right: -1rem;
    bottom: -4%;
  }
}
@media screen and (max-width: 799px) {
  .cockroach .exterminate_area h2.ttl_1st img,
.tokai_cockroach .exterminate_area h2.ttl_1st img,
.shikoku_cockroach .exterminate_area h2.ttl_1st img {
    max-width: 460px;
    width: 100%;
    margin-bottom: 0;
  }
}
.cockroach li.vermin-list_item:not(:nth-child(5n)),
.tokai_cockroach li.vermin-list_item:not(:nth-child(5n)),
.shikoku_cockroach li.vermin-list_item:not(:nth-child(5n)) {
  padding-right: 0;
}

.cockroach li.vermin-list_item:not(:nth-child(4n)),
.tokai_cockroach li.vermin-list_item:not(:nth-child(4n)),
.shikoku_cockroach li.vermin-list_item:not(:nth-child(4n)) {
  padding-right: 20px;
}

@media screen and (max-width: 799px) {
  .cockroach li.vermin-list_item:not(:nth-child(4n)),
.tokai_cockroach li.vermin-list_item:not(:nth-child(4n)),
.shikoku_cockroach li.vermin-list_item:not(:nth-child(4n)) {
    padding-right: 5px;
  }
}
@media screen and (max-width: 799px) {
  .cockroach .price_area h2.ttl_1st img,
.tokai_cockroach .price_area h2.ttl_1st img,
.shikoku_cockroach .price_area h2.ttl_1st img {
    max-width: 520px;
    width: 100%;
    margin-bottom: 0;
  }
}
.cockroach dd.price_detailarea_comment div.point-title,
.tokai_cockroach dd.price_detailarea_comment div.point-title,
.shikoku_cockroach dd.price_detailarea_comment div.point-title {
  font-size: 1.35rem;
  font-weight: 900;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 799px) {
  .cockroach dd.price_detailarea_comment div.point-title,
.tokai_cockroach dd.price_detailarea_comment div.point-title,
.shikoku_cockroach dd.price_detailarea_comment div.point-title {
    line-height: 1.3;
  }
}
.cockroach dd.price_detailarea_comment p.point-title-2nd,
.tokai_cockroach dd.price_detailarea_comment p.point-title-2nd,
.shikoku_cockroach dd.price_detailarea_comment p.point-title-2nd {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0;
}

@media screen and (max-width: 799px) {
  .cockroach dd.price_detailarea_comment p.point-title-2nd,
.tokai_cockroach dd.price_detailarea_comment p.point-title-2nd,
.shikoku_cockroach dd.price_detailarea_comment p.point-title-2nd {
    line-height: 1.3;
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
  }
}
.cockroach dd.price_detailarea_comment p.point-text,
.tokai_cockroach dd.price_detailarea_comment p.point-text,
.shikoku_cockroach dd.price_detailarea_comment p.point-text {
  margin-left: 1rem;
}

.shikoku .region_areabox_image img {
  -o-object-position: 51% 100%;
     object-position: 51% 100%;
}

@media screen and (max-width: 799px) {
  .tokai p.main_cv_contact_text a,
.tokai_hachi p.main_cv_contact_text a,
.tokai_itachi p.main_cv_contact_text a,
.tokai_cockroach p.main_cv_contact_text a {
    padding: 12px 8px 7px;
  }
}
/*! purgecss start ignore */
input,
select,
textarea {
  font-family: YakuHanJP, Noto Sans JP, sans-serif;
  font-size: 1.2rem;
  padding: 1rem;
  border-radius: 2px;
  background-color: #eee;
  border: 1px solid #bfbfbf;
  width: 100%;
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #a6a6a6;
  font-size: 1rem;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a6a6a6;
  font-size: 1rem;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #a6a6a6;
  font-size: 1rem;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #bfbfbf;
  box-shadow: none;
  outline: 0;
}

fieldset,
legend {
  margin: 0;
  padding: 0;
  border: 0;
}

fieldset,
legend {
  display: contents;
  width: 100%;
}

.select:not(.is-multiple):not(.is-loading):after {
  border-color: #546daf;
}

.is-checkradio[type=checkbox] + label:after {
  width: 0.5rem;
  height: 0.75rem;
  top: 0.305rem;
  left: 0.5rem;
  border-width: 3px;
  border-radius: 2px;
}

#app *,
#app *:before,
#app *:after {
  box-sizing: border-box;
}

#app {
  position: relative;
}

#app .has-text-centered {
  text-align: center;
  justify-content: center !important;
}

.lp-form {
  font-size: 1.4rem;
  font-weight: 700;
}

@media screen and (max-width: 799px) {
  .lp-form {
    font-size: 1.1rem;
  }
}
.lp-form__title {
  font-size: 1.618rem;
}

.lp-form .error {
  color: #d22525;
  font-weight: 500;
}

.basic-form .field-wrap {
  display: block;
  position: relative;
}

.basic-form .field-wrap:not(:last-child) {
  margin-bottom: 1.5rem;
}

.basic-form .field-wrap legend {
  display: contents;
}

.basic-form .field-wrap legend > span:not([class]) {
  margin-bottom: 0.75rem;
}

.basic-form .field-wrap-in {
  width: 100%;
}

.basic-form .label {
  color: currentColor;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 900;
  font-size: 1.5rem;
  min-height: 1.2rem;
}

.basic-form .label > span:not(class) {
  display: block;
  display: flex;
  align-items: center;
}

.basic-form .label.group-label {
  display: none;
}

.basic-form .form-element {
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.basic-form .form-element:last-child {
  margin-bottom: 0;
}

.basic-form .control + * {
  margin-top: 0.5em;
}

.basic-form .textarea {
  min-height: 200px;
}

.basic-form .retype {
  margin-top: 0.5rem;
}

.basic-form .control.control--chk,
.basic-form .control.control--rad {
  margin-bottom: -0.5rem;
}

.basic-form .chk-wrap,
.basic-form .rad-wrap {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.basic-form .explanation {
  color: #999;
  font-size: 0.8em;
}

.basic-form .explanation.email {
  margin-top: 0.5em;
}

.basic-form .form-footer-btn {
  margin-top: 2rem;
  display: flex;
}

@media screen and (max-width: 799px) {
  .basic-form .form-footer-btn {
    margin-top: 1rem;
  }
}
.basic-form .form-footer-btn .button {
  margin: 0.5rem 0;
  padding: 1.5rem;
  height: auto;
  border-radius: 4px;
  background: hsl(0deg, 0%, 96%);
  color: #7a7a7a;
  border: 0;
  transition: 0.2s;
  width: 100%;
}

.basic-form .form-footer-btn .button:hover {
  background: #fafafa;
  color: gray;
}

.basic-form .form-footer-btn .is-submit {
  background-color: #d22525;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  border: 2px solid #000;
  box-shadow: 1px 3px #000;
  width: 100%;
}

.basic-form .form-footer-btn .is-submit:hover {
  background: #df4b4b;
  color: #fff;
  cursor: pointer;
}

.basic-form .form-footer-btn .is-back {
  font-size: 1.4rem;
  background: rgb(138, 138, 138);
  border: 2px solid #000;
  box-shadow: 1px 3px #000;
  margin-right: 1rem;
  color: #fff;
  cursor: pointer;
}

.basic-form .form-footer-btn .is-back:hover {
  background: #a4a4a4;
  color: #fff;
}

.basic-form .required {
  display: inline-block;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1rem;
  background: #d22525;
  color: #fff;
  padding: 0.3rem 0.5rem 0.4rem;
  border-radius: 5px;
  margin-left: 0.5rem;
  white-space: nowrap;
}

.nest {
  margin-top: 0.5rem;
  width: auto !important;
  min-height: 1px;
  max-height: 1px;
  border-width: 0px !important;
  padding: 0 !important;
  height: auto;
  transition: all 0.25s ease;
  overflow: hidden;
  flex: 1;
}

.nest:empty {
  margin-top: 0;
  min-height: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  border: none !important;
  transition: all 0.15s ease;
}

.fix-group {
  display: flex;
}

.fix-group > div:not(:first-child):not(.pref-select) {
  flex: 1;
}

.opt-step {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.visible-confirm {
  opacity: 0;
}

.form-loading {
  position: fixed;
  z-index: 10001;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.form-load-enter-active {
  transition: all 0.25s;
}

.form-load-leave-active {
  transition: all 0.75s;
}

.form-load-enter {
  opacity: 0;
  transform: translate(-50%, calc(-50% + 1rem));
}

.form-load-leave-to {
  opacity: 0;
  transform: translate(-50%, calc(-50% - 2rem));
}

@media screen and (min-width: 1024px) {
  .basic-form.table-style .field-wrap-in {
    display: flex;
    align-items: flex-start;
  }
  .basic-form.table-style .field-wrap-in .label {
    width: 30%;
    float: left;
    flex: 1 1 25%;
    margin-bottom: 0;
    padding-top: 0.5rem;
  }
  .basic-form.table-style .field-wrap-in .label > span:not([class]) {
    flex: 1 1 20%;
    margin-bottom: 0;
  }
  .basic-form.table-style .field-wrap-in .field {
    flex: 1 1 100%;
  }
  .basic-form.table-style .field-wrap-in .control {
    width: 70%;
    float: left;
  }
  .basic-form.table-style .nest .field-wrap {
    display: block;
  }
}
.fld,
.fld:before,
.fld:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.fld {
  display: block;
  color: #ccc;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.fld:before,
.fld:after {
  content: "";
  position: absolute;
  top: 0;
}

.fld:before {
  left: -3em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.fld:after {
  left: 3em;
}

@-webkit-keyframes load7 {
  0%, 80%, to {
    box-shadow: 0 2em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2em;
  }
}

@keyframes load7 {
  0%, 80%, to {
    box-shadow: 0 2em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2em;
  }
}
.modal {
  position: fixed;
  top: 1%;
  left: 50%;
  z-index: 10000;
  transform: translate(-50%);
  background: #ffffff;
  width: 98%;
  height: 98%;
  padding: 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2509803922);
}

.modal.is-active {
  display: block;
}

.modal .modal__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.modal .title {
  margin: 0 0 2rem;
}

.modal .footer-btn {
  width: 100%;
  padding: 2rem 0 0;
  font-size: 1.1rem;
  text-align: center;
  background: #eee;
  color: #ccc;
  margin-top: 0 !important;
}

.confirm-body {
  overflow: auto;
  flex: 1 1 50%;
}

.confirm-item {
  border-bottom: 1px solid #dddddd;
  padding: 1rem 0;
  font-weight: 400;
}

.confirm-item__title--elm:after {
  content: ":";
}

.confirm-item__item {
  display: flex;
}

.confirm-item__list-item {
  margin: 0 !important;
  padding: 0;
  display: flex;
}

.confirm-item__list-item li {
  list-style-type: none;
  margin-right: 1rem;
}

.confirm-item__list-item li:before {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 1em;
  border: 2px solid var(--text);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-right: 0.5em;
}

.confirm-item.nest-item {
  border-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .confirm-item:not(.nest-item) {
    display: flex;
  }
  .confirm-item > div:first-child {
    width: 20%;
  }
  .confirm-item > div:last-child {
    width: 80%;
  }
}
.mode-pre {
  white-space: pre-wrap;
}

@-webkit-keyframes modal {
  0% {
    opacity: 0;
    transform: translate(-50%, 500%);
  }
  70% {
    opacity: 1;
  }
  to {
    transform: translate(-50%);
  }
}

@keyframes modal {
  0% {
    opacity: 0;
    transform: translate(-50%, 500%);
  }
  70% {
    opacity: 1;
  }
  to {
    transform: translate(-50%);
  }
}
.modal-enter-active {
  -webkit-animation: modal 0.35s ease;
          animation: modal 0.35s ease;
}

.modal-leave-active {
  animation: modal 0.25s ease reverse;
}

.complete {
  position: relative;
}

.thanks {
  text-align: center;
}

.thanks p {
  font-size: 1rem;
  font-weight: 500;
}

.thanks strong {
  font-size: 150%;
  font-weight: 700;
}

.is-close {
  margin: 0 !important;
  background: rgb(190, 190, 190) !important;
  font-size: 1.1rem !important;
  cursor: pointer;
  color: #414141 !important;
}

.modal.is-active {
  max-width: 1080px;
}

/*! purgecss end ignore */
.rule[data-v-978ff402] {
  color: #999;
  font-size: 0.8em;
  display: inline-flex;
  gap: 0.5em;
  line-height: 1;
}

.rule[data-v-978ff402]:before {
  content: "RULE";
  background: #999;
  color: #fff;
  padding: 0.1em 0.25em;
  font-size: 0.9em;
  border-radius: 3px;
}

.error {
  font-size: 0.8em;
}

.error.error-message {
  display: block;
}

.error-enter-active {
  opacity: 1;
  transition: 1s;
}

.error-enter-from {
  opacity: 0;
  transform: translateY(-0.5rem);
}

.error-leave-active {
  opacity: 1;
  transition: 0.25s;
}

.error-leave-to {
  opacity: 0;
  transform: translateY(-1rem);
}

.loading[data-v-bf91b002] {
  position: absolute;
}

.loader[data-v-bf91b002],
.loader[data-v-bf91b002]:before,
.loader[data-v-bf91b002]:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7-bf91b002 1.8s infinite ease-in-out;
  animation: load7-bf91b002 1.8s infinite ease-in-out;
}

.loader[data-v-bf91b002] {
  color: #fff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader[data-v-bf91b002]:before,
.loader[data-v-bf91b002]:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader[data-v-bf91b002]:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader[data-v-bf91b002]:after {
  left: 3.5em;
}

@-webkit-keyframes load7-bf91b002 {
  0%, 80%, to {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em;
  }
}
@keyframes load7-bf91b002 {
  0%, 80%, to {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em;
  }
}
.loading[data-v-6d919f38] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 50vh;
  background: #ffffff;
  color: inherit;
  opacity: 1;
}

.loading p[data-v-6d919f38] {
  transition: 0.5s;
  transform: translateY(0);
}

.loading.is-finish[data-v-6d919f38] {
  transition: opacity 0.5s 0.25s, z-index 0.5s 0.25s;
  opacity: 0;
  z-index: -1;
}

.loading.is-finish p[data-v-6d919f38] {
  opacity: 0;
  transform: translateY(100%);
}

@media screen and (max-width: 768px) {
  .price_detailarea_comment {
    display: none;
  }
  .js-ac-title.active + .price_detailarea_comment {
    display: block;
    opacity: 1;
    background-color: #fff;
    height: auto;
  }
  .js-ac-title {
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .qa_areabox_listitem_text {
    display: none;
  }
  .js-ac-title.active + .qa_areabox_listitem_text {
    display: block;
    opacity: 1;
    background-color: #fff;
    height: auto;
  }
  .js-ac-title {
    cursor: pointer;
  }
}
.flow_design07 {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .flow_design07 {
    padding: 0 20px;
  }
}

.flow07 {
  padding-left: 0;
}

.flow07 > li {
  list-style-type: none;
  display: flex;
}

.flow07 > li:not(:last-child) {
  margin: 0 0 50px;
}

.flow07 > li .icon07 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: var(--accent);
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .flow07 > li .icon07 {
    width: 80px;
  }
}

.flow07 > li:last-child .icon07 {
  border-radius: 5px;
}

.flow07 > li .icon07::after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid var(--accent);
  position: absolute;
  bottom: -20px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .flow07 > li .icon07::after {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
  }
}

.flow07 > li:last-child .icon07::after {
  display: none;
}

.flow07 > li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}
@media screen and (max-width: 768px) {
  .flow07 > li dl {
    width: calc(100% - 85px);
    padding: 0 0 0 15px;
  }
}

.flow07 > li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 4px solid #CCCCCC;
  position: relative;
}

.flow07 > li dl dt::after {
  content: "";
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: var(--accent);
}

.flow07 > li dl dd {
  margin: 0;
}

.thanks_box h2 {
  text-align: center;
  margin-top: 50px;
}
.thanks_box p {
  text-align: center;
  margin: 20px 0;
}/*# sourceMappingURL=main.83e6245c.css.map */