@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  color: #283A5E;
  line-height: 1.6;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/bg.png) repeat;
}

main {
  max-width: 834px;
  margin: auto;
  background-color: #FFFFFF;
}

.container {
  width: min(100% - 40px, 754px);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .container {
    width: min(100% - 80px, 754px);
  }
}

a {
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  opacity: 0.8;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #021842;
  font-weight: 700;
}

h2 {
  font-size: 20px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 18px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

small {
  font-size: 12px;
}
small::before {
  content: "※";
}

.section-padding {
  padding: min(8.5vw, 60px) 0;
}

@media (max-width: 767px) {
  .sp-displaynone {
    display: none;
  }
}
@media (min-width: 768px) {
  .sp-displaynone {
    display: block;
  }
}

@media (min-width: 768px) {
  .tab-displaynone {
    display: none;
  }
}

.mincho {
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
}

.text-dark {
  color: #021842;
}

.text-blue {
  color: #1671B6;
}

.text-yellow {
  color: #F4DA33;
}

.text-bold {
  font-weight: bold;
}

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

.header {
  position: absolute;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  width: 100%;
  max-width: 834px;
  padding: min(4.3vw, 20px) 7vw;
  box-sizing: border-box;
  left: 50%;
  transform: translateX(-50%);
  z-index: 998;
}
@media (min-width: 1280px) {
  .header {
    padding: 16px 40px;
  }
  .header h1 {
    font-size: 20px;
    font-weight: bold;
  }
}

.mv {
  position: relative;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/mv/mv.jpg) no-repeat top left/cover;
  padding: 60px 0;
}
@media (min-width: 768px) {
  .mv {
    background-position: top center;
  }
}
.mv-titlewrap {
  position: relative;
  z-index: 0;
  max-width: 560px;
}
.mv-titlewrap::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(32vw, 210px);
  height: min(32vw, 210px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/mv/leaf.png) no-repeat center center/contain;
  z-index: -1;
  top: 10px;
  right: -10px;
}
@media (min-width: 768px) {
  .mv-titlewrap::before {
    top: 25%;
    right: -10%;
  }
}
.mv-balloon {
  position: relative;
  display: inline-block;
  margin-bottom: min(2.1vw, 16px);
  padding: 4px 10px;
  color: #FFFFFF;
  width: min(42.7vw, 240px);
  font-size: min(4.8vw, 24px);
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
  background-color: #F18119;
  border: solid 3px #FFFFFF;
  border-radius: min(1.1vw, 8px);
  box-sizing: border-box;
}
.mv-balloon::before, .mv-balloon::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mv-balloon::before {
  bottom: -16px;
  border: 8px solid transparent;
  border-top: 8px solid #F18119;
  z-index: 2;
}
.mv-balloon::after {
  bottom: -24px;
  border: 12px solid transparent;
  border-top: 12px solid #FFFFFF;
  z-index: 1;
}
.mv-balloon p {
  margin: 0;
  padding: 0;
}
.mv-title {
  position: relative;
  font-size: min(8.5vw, 42px);
  font-weight: bold;
  line-height: 150%;
  padding-bottom: min(1.1vw, 8px);
  max-width: 410px;
}
.mv-title::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(19.2vw, 81px);
  height: min(22.1vw, 93px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/mv/person.svg) no-repeat top left/contain;
  z-index: -1;
  bottom: -2px;
  right: 0;
}
@media (min-width: 768px) {
  .mv-title::before {
    bottom: -12px;
  }
}
.mv-title_textlarge {
  font-size: min(10.7vw, 56px);
}
.mv-title_textgreen {
  color: #1EBAB1;
}
.mv-title_dots {
  background-image: radial-gradient(circle at center, #021842 10%, transparent 10%);
  /* 点の色とサイズ調整 */
  background-position: top right;
  /* 点の位置 */
  background-repeat: repeat-x;
  /* 横方向に繰り返し */
  background-size: 1em 0.3em;
  /* 点の間隔とサイズ調整 */
  padding-top: 0.1em;
  /* 縦方向の位置調整 */
}
.mv-subtitlearea {
  z-index: 0;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
  width: 95%;
  max-width: 580px;
}
.mv-subtitle {
  color: #FFFFFF;
  font-size: min(4.8vw, 26px);
  font-weight: 500;
  letter-spacing: 2px;
  background-color: #1EBAB1;
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
  padding: 2px 5.3vw 2px 9vw;
  margin-bottom: min(2.1vw, 12px);
}
@media (min-width: 768px) {
  .mv-subtitle {
    padding: 4px 0 4px 25%;
  }
}
.mv-subtitle span {
  color: #F4DA33;
}
.mv-text {
  color: #021842;
  font-weight: bold;
  font-size: min(4.3vw, 18px);
  text-shadow: 0 0 4px #FFFFFF;
  margin-bottom: min(4.3vw, 20px);
  max-width: 560px;
  margin: 0 auto min(3.2vw, 20px);
}
@media (min-width: 768px) {
  .mv-text {
    text-align: center;
    max-width: none;
  }
}
.mv-text_large {
  font-size: min(5.3vw, 24px);
  background: linear-gradient(transparent 70%, #F4DA33 70%);
}
.mv-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(3.2vw, 20px);
  max-width: 400px;
  margin: 0 auto min(4.3vw, 40px);
}
@media (min-width: 768px) {
  .mv-list {
    max-width: none;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
.mv-item {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  padding: 3px;
  border: 3px solid #1EBAB1;
  border-radius: 6px;
  font-size: min(3.5vw, 16px);
  font-weight: bold;
  background-color: #FFFFFF;
  width: min(25.3vw, 120px);
}
@media (min-width: 768px) {
  .mv-item {
    flex-flow: row;
    width: auto;
    padding: 4px min(4.3vw, 16px);
  }
}
.mv-item::before {
  display: inline-block;
  content: "";
  width: min(8.5vw, 40px);
  height: min(8.5vw, 40px);
  bottom: 20px;
  right: 5%;
  margin-right: 4px;
}
.mv-item span {
  color: #1EBAB1;
}
.mv-item1::before {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/mv/icon1.svg) no-repeat top left/contain;
}
.mv-item2::before {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/mv/icon2.svg) no-repeat top left/contain;
}
.mv-item3::before {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/mv/icon3.svg) no-repeat top left/contain;
}

.warries {
  padding: 220px 0 120px;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/warries/bg.jpg) no-repeat top center/cover;
}
.warries h2 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-size: min(6.4vw, 38px);
  text-align: center;
  color: #FFFFFF;
  margin-bottom: min(10.7vw, 60px);
}
.warries h2 span {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: min(5.3vw, 32px);
  font-weight: 700;
  display: inline-block;
  background: linear-gradient(90deg, #4265A9, #021842 100%);
  background: -webkit-linear-gradient(90deg, #4265A9, #021842 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.warries-list {
  margin: auto;
  max-width: 520px;
}
@media (min-width: 768px) {
  .warries-list {
    max-width: 688px;
  }
}
.warries-item {
  position: relative;
}
.warries-item:nth-child(even) {
  text-align: right;
}
.warries-item:nth-child(even) p {
  text-align: left;
}
.warries-item img {
  display: inline-block;
}
.warries-item_textwrap {
  position: absolute;
  background-color: #F4DA33;
  border-radius: min(3.2vw, 16px);
}
.warries-item p {
  position: relative;
  display: flex;
  align-items: center;
  padding: min(2.1vw, 12px) min(3.2vw, 16px);
  font-size: min(3.7vw, 16px);
  font-weight: bold;
  height: 72px;
}
.warries-item p::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 28px;
  height: 28px;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/warries/circle.svg) no-repeat top center/cover;
}
.warries-item_1 {
  max-width: 400px;
}
@media (min-width: 768px) {
  .warries-item_1 {
    margin-left: 60px;
  }
}
.warries-item_1 img {
  width: 180px;
}
.warries-item_1 div {
  top: 0;
  right: 0;
}
.warries-item_1 p::before {
  bottom: -32px;
  left: -12px;
}
.warries-item_2 {
  max-width: 376px;
  margin: -13.7vw 0 0 auto;
}
@media (min-width: 768px) {
  .warries-item_2 {
    margin: -160px 0 0 auto;
  }
}
.warries-item_2 p::before {
  top: -32px;
  right: -8px;
  rotate: 205deg;
}
.warries-item_2 img {
  width: 150px;
}
.warries-item_2 div {
  bottom: 0;
  left: 0;
}
.warries-item_3 {
  max-width: 360px;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .warries-item_3 {
    max-width: 464px;
  }
}
.warries-item_3 img {
  width: 150px;
}
.warries-item_3 div {
  top: 0;
  right: 0;
}
.warries-item_3 p::before {
  bottom: -32px;
  left: -8px;
  rotate: 20deg;
}
.warries-item_4 {
  max-width: 380px;
  margin: -13.7vw 0 0 auto;
}
@media (min-width: 768px) {
  .warries-item_4 {
    max-width: 413px;
    margin: -150px 20px 0 auto !important;
  }
}
.warries-item_4 img {
  width: 180px;
}
.warries-item_4 div {
  bottom: 0;
  left: 0;
}
.warries-item_4 p::before {
  top: -32px;
  right: 30px;
  rotate: 190deg;
}

.thinktogether {
  background-color: #F5FAFF;
  position: relative;
}
.thinktogether h2 {
  position: absolute;
  width: 80%;
  font-family: "Zen Old Mincho", serif;
  color: #FFFFFF;
  font-size: min(4.3vw, 22px);
  background-color: #1EBAB1;
  border-radius: min(2.1vw, 8px);
  text-align: center;
  padding: 2.1333333333vw 0;
  top: -14vw;
  left: 50%;
  transform: translateX(-50%);
}
.thinktogether h2::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: min(3.2vw, 15px) solid transparent;
  border-top: min(3.2vw, 15px) solid #1EBAB1;
}
@media (min-width: 768px) {
  .thinktogether h2::before {
    left: 86%;
  }
}
@media (min-width: 768px) {
  .thinktogether h2 {
    padding: 12px;
    width: 95%;
    top: -44px;
  }
}
@media (min-width: 1280px) {
  .thinktogether h2 {
    padding: 12px;
    top: -44px;
  }
}
.thinktogether h2 span {
  font-size: min(5.3vw, 40px);
}
.thinktogether-img {
  display: block;
  width: min(42.7vw, 200px);
  margin: 32px auto 16px;
}
@media (min-width: 768px) {
  .thinktogether-img {
    display: none;
  }
}
.thinktogether-flex {
  display: flex;
  justify-content: space-between;
  margin: min(5.3vw, 40px) auto min(21.3vw, 80px);
  gap: min(2.1vw, 24px);
}
@media (min-width: 1280px) {
  .thinktogether-flex {
    gap: 32px;
  }
}
@media (min-width: 768px) {
  .thinktogether-flex_text {
    width: 80%;
  }
}
.thinktogether-flex_text strong {
  display: block;
  margin-bottom: min(2.1vw, 16px);
  font-size: min(4.2vw, 24px);
}
.thinktogether-flex_text p {
  font-size: min(3.7vw, 20px);
  margin: 0;
}
.thinktogether-flex_img {
  width: min(20%, 190px);
  height: 100%;
}
@media (min-width: 1280px) {
  .thinktogether-flex_img {
    width: 190px;
  }
}
.thinktogether-solution {
  position: relative;
  text-align: center;
  border: 2px solid #D5D7DC;
  padding-top: min(12.8vw, 60px);
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .thinktogether-solution {
    padding-top: min(10.7vw, 40px);
  }
}
.thinktogether-solution_ribbon {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.thinktogether-solution_ribbon h3 {
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.4;
  font-size: 20px;
  color: #FFFFFF;
  box-sizing: border-box;
}
@media screen and (max-width: 374px) {
  .thinktogether-solution_ribbon h3 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .thinktogether-solution_ribbon h3 {
    font-size: 32px;
  }
}
.thinktogether-solution_ribbon h3::before, .thinktogether-solution_ribbon h3::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  clip-path: polygon(61% 0, 38% 50%, 63% 100%, 0 100%, 0 0);
  background-color: #196095;
  bottom: -10px;
  z-index: 0;
}
.thinktogether-solution_ribbon h3::before {
  left: -46px;
  rotate: 180deg;
}
.thinktogether-solution_ribbon h3::after {
  right: -46px;
}
.thinktogether-solution_ribbon span {
  position: relative;
  display: inline-block;
  width: 254px;
  margin: 0;
  padding: 12px 16px;
  background: #1671B6;
  z-index: 1;
}
@media screen and (max-width: 374px) {
  .thinktogether-solution_ribbon span {
    width: 210px;
  }
}
@media (min-width: 768px) {
  .thinktogether-solution_ribbon span {
    width: 590px;
  }
}
.thinktogether-solution_ribbon span::before, .thinktogether-solution_ribbon span::after {
  position: absolute;
  content: "";
  top: 100%;
  border: none;
  border-bottom: solid 10px transparent;
}
.thinktogether-solution_ribbon span::before {
  left: 0;
  border-right: solid 15px #153E5E;
}
.thinktogether-solution_ribbon span::after {
  right: 0;
  border-left: solid 15px #153E5E;
}
.thinktogether-solution h4 {
  font-size: min(4.3vw, 32px);
  white-space: nowrap;
  color: #1671B6;
  margin-bottom: min(4.2vw, 16px);
}
.thinktogether-solution h4::before, .thinktogether-solution h4::after {
  display: inline-block;
  content: "";
  width: min(2.7vw, 32px);
  height: min(2.7vw, 32px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/thinktogether/title-symbol.svg) no-repeat center/contain;
}
.thinktogether-solution h4::before {
  margin-right: 4px;
}
.thinktogether-solution p {
  font-size: min(3.7vw, 20px);
  margin: 0 2.1vw min(4.2vw, 24px);
}
.thinktogether-solution_imgwrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: min(4.2vw, 24px);
}
.thinktogether-solution_imgwrap img {
  width: 25%;
  object-fit: cover;
}
.thinktogether-solution strong {
  display: block;
  font-size: min(3.7vw, 24px);
  margin-bottom: min(4.2vw, 24px);
}
.thinktogether-solution strong span {
  font-size: min(5.8vw, 34px);
  background: linear-gradient(transparent 50%, #FF8A9F 50%);
}

.casestudy {
  background: url("./../../assets/img/casestudy/bg.png") repeat top left/80%;
}
.casestudy h2 {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: min(8.5vw, 48px);
  margin-bottom: min(6.4vw, 40px);
}
.casestudy-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1280px) {
  .casestudy-list {
    gap: 40px;
  }
}
.casestudy-list > li {
  background-color: #FFFFFF;
  padding: 16px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.casestudy-list h3 {
  text-align: center;
  color: #1671B6;
  margin-bottom: 16px;
  font-family: "Zen Old Mincho", serif;
  font-size: 20px;
}
@media (min-width: 768px) {
  .casestudy-list h3 {
    font-size: 24px;
  }
}
@media (min-width: 1280px) {
  .casestudy-list h3 {
    font-size: 34px;
  }
}
.casestudy-information {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
}
@media (min-width: 768px) {
  .casestudy-information {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .casestudy-information dl {
    flex: 1;
  }
}
.casestudy-information dl div {
  border-bottom: 1px dashed #D5D7DC;
  display: flex;
  width: 100%;
  padding: 8px 0;
}
.casestudy-information dl dt,
.casestudy-information dl dd {
  font-size: min(3.7vw, 16px);
}
.casestudy-information dl dt {
  width: 30%;
}
.casestudy-information dl dt:after {
  content: "：";
}
.casestudy-information dl dd {
  width: 70%;
}
.casestudy-content {
  border: 1px solid #1671B6;
  background-color: #F4F5F6;
}
@media (min-width: 768px) {
  .casestudy-content {
    flex: 1;
  }
}
.casestudy-content h4 {
  color: #FFFFFF;
  background-color: #1671B6;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 4px 0;
}
.casestudy-content ul {
  padding: 16px 16px 16px 48px;
  list-style-type: disc;
}

.cta {
  background: linear-gradient(0deg, #1EBAB1 0%, #1E9EBA 100%);
}
.cta h2 {
  text-align: center;
  color: #FFFFFF;
  margin-bottom: min(2.1vw, 16px);
}
.cta h2 span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .cta h2 span {
    padding: 0 20px;
  }
}
.cta h2 span::before, .cta h2 span::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: #FFFFFF;
  width: min(0.5vw, 3px);
  height: 100%;
  top: 0;
}
.cta h2 span::before {
  left: -2%;
  transform: rotate(-20deg);
}
@media (min-width: 768px) {
  .cta h2 span::before {
    transform: rotate(-25deg);
  }
}
.cta h2 span::after {
  right: -2%;
  transform: rotate(20deg);
}
@media (min-width: 768px) {
  .cta h2 span::after {
    transform: rotate(25deg);
  }
}
.cta-tel, .cta-line, .cta-mail {
  border-radius: min(2.1vw, 16px);
  padding: min(5.3vw, 20px) min(2.1vw, 16px);
  background-color: #FFFFFF;
}
.cta-tel {
  text-align: center;
  margin-bottom: min(1.1vw, 8px);
}
.cta-tel h3 {
  font-size: min(4.8vw, 24px);
}
.cta-tel_flex {
  display: flex;
  gap: min(2.1vw, 12px);
  justify-content: center;
}
.cta-tel_img {
  width: 10%;
  max-width: 44px;
}
.cta-tel_number {
  font-size: min(8.5vw, 64px);
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  background: linear-gradient(0deg, #1EBAB1 0%, #1E9EBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cta-tel_businesshours {
  font-size: min(3.2vw, 16px);
  margin-top: min(-1.1vw, -8px);
}
.cta-supplement {
  font-size: min(3.2vw, 15px);
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: min(5.3vw, 20px);
}
@media (min-width: 768px) {
  .cta-linemail_wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .cta-line, .cta-mail {
    width: 48%;
  }
}
.cta-line_title, .cta-mail_title {
  display: flex;
  gap: min(2.1vw, 16px);
  justify-content: center;
  align-items: center;
}
.cta-line_title h3, .cta-mail_title h3 {
  margin-top: min(1.1vw, -8px);
  font-size: min(4.8vw, 20px);
}
.cta-line_title span, .cta-mail_title span {
  display: block;
  font-weight: bold;
  font-size: 10px;
}
.cta-line {
  margin-bottom: min(5.3vw, 20px);
}
@media (min-width: 768px) {
  .cta-line {
    margin-bottom: 0;
  }
}
.cta-line_title {
  margin: 0 auto min(2.1vw, 16px);
}
.cta-line_qr {
  display: block;
  margin: auto;
}
.cta-mail_title {
  margin: 0 auto min(4.3vw, 28px);
}
.cta-mail_button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  width: 240px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 8px;
  color: #FFFFFF;
  background-color: #FF8A9F;
  margin: auto;
}
.cta-mail_button::after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  mask-image: url(/wp-content/themes/specialcleaning-110/assets/img/cta/arrow_down.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/wp-content/themes/specialcleaning-110/assets/img/cta/arrow_down.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #FFFFFF;
}
.cta-paddingtop {
  padding-top: 16px;
}
.cta-paddingbottom {
  padding-bottom: min(16vw, 120px);
}
.cta-takecare {
  position: relative;
  padding-bottom: min(4.3vw, 16px);
  z-index: 0;
}
@media (min-width: 768px) {
  .cta-takecare {
    padding-left: 32%;
  }
}
.cta-takecare::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(26.7vw, 144px);
  height: min(18.9vw, 103px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/cta/cleaningstaff.png) no-repeat top left/contain;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  .cta-takecare::before {
    width: min(26.7vw, 205px);
    height: min(18.9vw, 145px);
  }
}
.cta-takecare h2 {
  font-family: "Zen Old Mincho", serif;
  line-height: 1.2;
  margin-bottom: min(4.3vw, 20px);
  font-size: min(6.4vw, 36px);
}
@media (min-width: 768px) {
  .cta-takecare h2 {
    text-align: left;
    margin-bottom: 4px;
  }
}
.cta-takecare_text {
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1.4;
  font-size: min(3.5vw, 16px);
  padding-left: 36%;
}
@media (min-width: 768px) {
  .cta-takecare_text {
    padding-left: 0;
  }
}
.cta-takecare_text span {
  font-size: min(5.3vw, 24px);
  color: #F4DA33;
}
.cta-absolute {
  position: absolute;
  padding: min(5.3vw, 20px) 0;
  width: min(94%, 766px);
  border: 4px solid #FFFFFF;
  border-radius: min(2.1vw, 16px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}
@media (min-width: 768px) {
  .cta-absolute {
    width: min(100%, 766px);
  }
}
.cta-absolute::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(17.1vw, 93px);
  height: min(25.3vw, 138px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/cta/illust_person.svg) no-repeat top left/contain;
  bottom: -16px;
  right: 3%;
}
@media (min-width: 768px) {
  .cta-absolute::before {
    right: 12px;
  }
}
.cta-absolute h2 {
  font-size: min(4.8vw, 24px);
  margin-bottom: 0;
}
.cta-absolute h2 span {
  padding: 0 4px;
}
.cta-absolute h2 span::before, .cta-absolute h2 span::after {
  width: min(0.5vw, 1px);
}
@media (min-width: 768px) {
  .cta-absolute_flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 40px;
    gap: 16px;
  }
}
.cta-absolute_tel {
  display: flex;
  gap: min(2.1vw, 10px);
  justify-content: center;
  margin-bottom: min(5.3vw, 20px);
}
.cta-absolute_imgtel {
  width: 10%;
  max-width: 36px;
  padding-bottom: 8px;
}
.cta-absolute_number {
  font-size: min(8.5vw, 48px);
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 4px;
}
.cta-absolute_number span {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 14px);
  font-weight: bold;
  display: block;
  margin-top: -12px;
}
.cta-absolute_buttonarea {
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (min-width: 768px) {
  .cta-absolute_buttonarea {
    margin-top: 20px;
    gap: 16px;
  }
}
.cta-absolute_button {
  display: inline-block;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.cta-absolute_button img {
  margin: 8px;
}
.cta-fixed {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  height: min(16.5vw, 93px);
  background-color: #1EBAB1;
  bottom: 0;
  left: 0;
  z-index: 999;
}
@media (min-width: 1280px) {
  .cta-fixed .container {
    width: auto;
  }
}
.cta-fixed_list {
  display: flex;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .cta-fixed_list {
    gap: 12px;
  }
}
.cta-fixed_tel, .cta-fixed_line, .cta-fixed_mail {
  background-color: #FFFFFF;
  border-radius: 4px;
  height: 46px;
}
@media (min-width: 768px) {
  .cta-fixed_tel, .cta-fixed_line, .cta-fixed_mail {
    height: 69px;
    border-radius: 8px;
  }
}
.cta-fixed_tel {
  width: 214px;
}
@media (min-width: 768px) {
  .cta-fixed_tel {
    width: 288px;
  }
}
.cta-fixed_tel--wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%;
  padding-bottom: 4px;
  height: 100%;
}
.cta-fixed_tel--icon {
  width: min(5.3vw, 20px);
  margin-top: -5px;
}
@media (min-width: 768px) {
  .cta-fixed_tel--icon {
    margin-top: -11px;
  }
}
.cta-fixed_tel--number {
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: min(5.6vw, 21px);
  background: linear-gradient(0deg, #1EBAB1 0%, #1E9EBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.4px;
}
@media (min-width: 768px) {
  .cta-fixed_tel--number {
    font-size: 28px;
  }
}
.cta-fixed_tel--businesshours {
  display: block;
  font-size: min(2.7vw, 12px);
  font-weight: 500;
  margin-top: -8px;
  letter-spacing: -0.2px;
}
.cta-fixed_line--imgwrap, .cta-fixed_mail--imgwrap {
  display: block;
  width: 56px;
  position: relative;
  text-align: center;
  height: 46px;
}
@media (min-width: 768px) {
  .cta-fixed_line--imgwrap, .cta-fixed_mail--imgwrap {
    width: 72px;
    height: 69px;
  }
}
@media (min-width: 1280px) {
  .cta-fixed_line--imgwrap, .cta-fixed_mail--imgwrap {
    position: static;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 281px;
    text-align: left;
  }
}
.cta-fixed_line img, .cta-fixed_mail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1280px) {
  .cta-fixed_line img, .cta-fixed_mail img {
    position: static;
    transform: none;
    width: 40px;
  }
}
@media (min-width: 1280px) {
  .cta-fixed_line h2, .cta-fixed_mail h2 {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-size: 16px;
  }
}
.cta-fixed_line h2::after, .cta-fixed_mail h2::after {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
}
@media (min-width: 1280px) {
  .cta-fixed_line h2::after {
    margin-left: 2px;
    background: url(/wp-content/themes/specialcleaning-110/assets/img/cta/link.svg) no-repeat top left/contain;
  }
}
@media (min-width: 1280px) {
  .cta-fixed_mail h2::after {
    mask-image: url(/wp-content/themes/specialcleaning-110/assets/img/cta/arrow_down.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(/wp-content/themes/specialcleaning-110/assets/img/cta/arrow_down.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #021842;
    rotate: -90deg;
  }
}
.cta-fixed_text--wrap {
  display: none;
}
@media (min-width: 1280px) {
  .cta-fixed_text--wrap {
    display: block;
    margin-top: -2px;
  }
}
.cta-fixed_text--small {
  font-size: 10px;
  font-weight: bold;
}

.reason {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/reason/bg.png) no-repeat top center/cover;
  padding-bottom: calc(18vw + 60px);
}
@media (min-width: 1280px) {
  .reason {
    padding-bottom: 180px;
  }
}
.reason h2 {
  text-align: center;
  font-size: min(5.3vw, 42px);
  margin-bottom: min(10.7vw, 60px);
}
.reason h2 span {
  position: relative;
  color: #F18119;
  font-size: min(6.4vw, 54px);
}
.reason h2 span::after {
  position: absolute;
  top: 0;
  display: inline-block;
  content: "";
  width: min(3.2vw, 24px);
  height: min(3.2vw, 24px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/reason/line.png) no-repeat top center/contain;
}
.reason-item {
  background: linear-gradient(0deg, #1EBAB1 0%, #1E9EBA 100%);
  border-radius: min(2.1vw, 16px);
  padding: min(0.8vw, 6px);
  width: min(90%, 580px);
  margin: 0 auto min(10.7vw, 60px);
}
.reason-item:last-child {
  margin-bottom: 0;
}
.reason-content {
  position: relative;
  background: #FFFFFF;
  border-radius: min(1.6vw, 12px);
  color: #021842;
  padding: min(4.3vw, 20px) min(4.3vw, 40px) min(4.3vw, 40px);
}
.reason-content_num {
  position: absolute;
  top: -5%;
  width: min(20%, 88px);
}
.reason-content h3 {
  font-size: min(4.8vw, 34px);
  margin-bottom: min(4.3vw, 40px);
  padding-left: min(19.2vw, 112px);
}
@media (min-width: 768px) {
  .reason-content_flex {
    display: flex;
    gap: 4.8%;
  }
}
.reason-content_text {
  font-size: min(3.7vw, 18px);
}
.reason-content small {
  color: #727E96;
}
.reason-content_textline {
  background: linear-gradient(transparent 20%, #F4DA33 20%);
}
.reason-content_illust {
  display: block;
  width: min(21.3vw, 100px);
  margin: min(2.1vw, 24px) auto 0;
}
@media (min-width: 768px) {
  .reason-content_illust {
    margin: 0;
  }
}

.plan {
  position: relative;
}
@media (min-width: 1280px) {
  .plan {
    top: 0;
    margin-bottom: 0;
  }
}
.plan-bg {
  content: "";
  background: url("./../../assets/img/plan/bg.svg") no-repeat center bottom/100%;
  width: 100%;
  display: block;
  position: absolute;
  top: -17vw;
  left: 0;
  padding-top: 18%;
}
@media (min-width: 768px) {
  .plan-bg {
    top: -136px;
  }
}
@media (min-width: 1280px) {
  .plan-bg {
    height: 120px;
    top: -140px;
  }
}
.plan-read {
  background: url("./../../assets/img/plan/fuki.svg") no-repeat top/100%;
  display: inline-block;
  color: #021842;
  text-align: center;
  padding: 5px 16px 16px;
  position: absolute;
  width: 300px;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (min-width: 1280px) {
  .plan-read {
    font-size: 18px;
    width: 380px;
    padding: 10px 16px 20px 16px;
  }
}
.plan-read strong {
  font-size: 18px;
}
@media (min-width: 1280px) {
  .plan-read strong {
    font-size: 20px;
  }
}
.plan-contents {
  background-color: #D7ECFD;
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .plan-contents > .container {
    position: relative;
    top: -2vw;
  }
}
@media (min-width: 1280px) {
  .plan-contents > .container {
    top: -20px;
  }
}
.plan-contents h2 {
  font-size: min(5.3vw, 28px);
}
.plan-contents h2 span {
  color: #1EBAB1;
  display: block;
  font-size: min(8vw, 48px);
}
@media (min-width: 768px) {
  .plan-contents h2 span {
    display: inline;
  }
}
.plan-man {
  position: absolute;
  right: 5%;
  top: 2%;
  width: min(35%, 188px);
}
@media (min-width: 768px) {
  .plan-man {
    top: -30px;
    right: 0;
    width: auto;
  }
}
.plan-checklist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0;
}
@media (min-width: 768px) {
  .plan-checklist {
    flex-direction: row;
    font-size: 20px;
  }
}
.plan-checklist li {
  border: 1px solid #1671B6;
  border-radius: 4px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #021842;
  font-weight: bold;
  padding: 4px 12px;
  max-width: 200px;
}
@media (min-width: 768px) {
  .plan-checklist li {
    padding: 4px 12px;
    max-width: none;
  }
}
.plan-checklist li img {
  width: 24px;
}
.plan-attentionlist li {
  font-size: 11px;
}
@media (min-width: 768px) {
  .plan-attentionlist li {
    font-size: 14px;
  }
}
.plan-attentionlist li::before {
  content: "※";
}
.plan-tablearea {
  background-color: #FFFFFF;
  padding: 16px;
  margin: 16px auto;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.plan-tablearea_head {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.plan-tablearea_head::after, .plan-tablearea_head::before {
  content: "/";
}
.plan-tablearea_head::before {
  transform: scale(-1, 1);
}
.plan-tablearea_head h3 {
  font-size: min(4.26vw, 24px);
}
.plan-tablearea_head h3 span {
  background: linear-gradient(transparent 60%, #F4DA33 20%);
}
.plan-tablearea p {
  background-color: #D85019;
  color: #FFFFFF;
  padding: 8px;
  border-radius: 4px;
  margin: 0 auto 16px;
  position: relative;
  font-size: min(3.73vw, 18px);
  display: inline-block;
  font-weight: bold;
}
@media (min-width: 768px) {
  .plan-tablearea p {
    font-size: 18px;
  }
}
.plan-tablearea p:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #D85019;
}
@media (min-width: 768px) {
  .plan-tablearea p:after {
    left: 31%;
  }
}

.popular {
  position: relative;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/popular/bg.png) repeat top left/auto;
}
.popular h2 {
  position: absolute;
  text-align: center;
  top: -40px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}
@media (min-width: 768px) {
  .popular h2 {
    top: -80px;
  }
}
.popular h2 img {
  width: min(90%, 480px);
}
@media (min-width: 768px) {
  .popular h2 img {
    width: min(90%, 706px);
  }
}
.popular-contents {
  text-align: center;
  padding-top: min(10.7vw, 60px);
  max-width: 614px;
  margin-bottom: min(8.5vw, 32px);
}
@media (min-width: 768px) {
  .popular-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: min(24.5vw, 100px);
  }
}
.popular-contents img {
  display: block;
  margin-bottom: 12px;
  margin: auto;
  max-width: 250px;
}
@media (min-width: 768px) {
  .popular-contents img {
    width: 40%;
  }
}
.popular-contents_list {
  display: inline-block;
}
@media (min-width: 768px) {
  .popular-contents_list {
    width: 55%;
  }
}
.popular-contents_item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #FF4158;
  font-weight: bold;
  font-size: min(4.8vw, 24px);
}
.popular-contents_item:not(:first-child) {
  margin-top: -12px;
}
.popular-contents_item::before, .popular-contents_item::after {
  display: inline-block;
  content: "";
}
.popular-contents_item::before {
  width: min(6.4vw, 29px);
  height: min(6.4vw, 29px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/popular/check.svg) no-repeat top left/contain;
  margin-top: 4px;
}
.popular-contents_item::after {
  width: min(5.3vw, 22px);
  height: min(10.7vw, 44px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/popular/exclamationmark.svg) no-repeat top left/contain;
  margin: 12px 0 0 4px;
}
.popular-reason {
  position: relative;
  background-color: #1671B6;
  padding-top: 32px;
}
@media (min-width: 768px) {
  .popular-reason {
    padding: 32px 0 20px;
  }
}
.popular-reason_text {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-size: 18px;
  color: #1671B6;
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 3px solid #1671B6;
  text-align: center;
  width: 174px;
  height: 45px;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .popular-reason_text {
    left: 40px;
    transform: none;
  }
}
@media (min-width: 768px) {
  .popular-reason_textwrap {
    width: 75%;
  }
}
.popular-reason strong {
  display: block;
  font-family: "Zen Old Mincho", serif;
  font-size: 18px;
  color: #FFFFFF;
  font-size: min(4.8vw, 20px);
  margin-bottom: min(2.1vw, 8px);
}
@media (min-width: 768px) {
  .popular-reason strong {
    font-size: min(3.2vw, 32px);
  }
}
.popular-reason_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(2.1vw, 8px);
  margin-bottom: min(2.1vw, 8px);
}
.popular-reason_item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #021842;
  font-weight: bold;
  padding: 4px 16px 4px 8px;
  border-radius: 4px;
}
.popular-reason_item::before {
  position: relative;
  display: inline-block;
  content: "";
  width: min(4.8vw, 20px);
  height: min(4.8vw, 20px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/popular/star.svg) no-repeat top left/contain;
}
.popular-reason_item span {
  position: relative;
  z-index: 0;
}
.popular-reason_item span::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 4px;
  width: 100%;
  height: 7px;
  background-color: #F4DA33;
  z-index: -1;
}
.popular-reason_supplement {
  font-family: "Zen Old Mincho", serif;
  font-size: min(4.3vw, 18px);
  color: #FFFFFF;
  margin-bottom: min(2.1vw, 8px);
}
.popular-reason_supplement span {
  color: #F4DA33;
}
.popular-reason img {
  width: min(50%, 228px);
  display: block;
  margin: auto;
}
@media (min-width: 768px) {
  .popular-reason img {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: min(26%, 228px);
  }
}

.problem {
  background: linear-gradient(0deg, #d7e1ed, #FFFFFF);
  text-align: center;
}
.problem h2 {
  position: relative;
  display: inline-block;
  font-size: min(6.4vw, 36px);
  z-index: 0;
  margin-bottom: min(4.3vw, 24px);
}
.problem h2 span {
  font-size: min(7.5vw, 48px);
  color: #FF4158;
}
.problem h2::after {
  position: absolute;
  bottom: min(2.1vw, 12px);
  content: "";
  display: block;
  width: 100%;
  height: min(2.1vw, 12px);
  background-color: #F4DA33;
  z-index: -1;
}
.problem-contents {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/bg_check.png) repeat;
  background-size: min(3.2vw, 12px);
  border: 1px solid #D5D7DC;
  border-radius: min(2.1vw, 16px);
  padding: min(4.3vw, 40px) min(4.3vw, 28px);
}
.problem-list {
  text-align: left;
  padding-left: 1em;
}
.problem-item {
  position: relative;
  font-size: min(4.3vw, 20px);
  padding-left: 0.4em;
  margin-bottom: min(2.1vw, 16px);
}
.problem-item::before {
  position: absolute;
  top: min(1.2vw, 6px);
  left: -1em;
  content: "";
  display: inline-block;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/problem/check.svg) no-repeat top/contain;
  width: min(4.3vw, 21px);
  height: min(4vw, 19px);
}
.problem-item span {
  color: #FF4158;
}
.problem-imgbox {
  display: flex;
  justify-content: space-between;
  width: min(96%, 664px);
  margin: auto;
}
.problem-imgbox img {
  width: min(24vw, 200px);
  border-bottom: 1px solid #1671B6;
}

.solution {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/solution/bg.jpg) no-repeat bottom center/cover;
}
.solution h2 {
  font-size: min(6.4vw, 36px);
  text-align: center;
  margin-bottom: min(4.3vw, 24px);
}
.solution h2 span {
  font-size: min(7.5vw, 48px);
  color: #1671B6;
  background: linear-gradient(transparent 70%, #F4DA33 70%);
}
.solution-answer {
  position: relative;
  border: 2px solid #D5D7DC;
  border-radius: min(2.1vw, 16px);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/bg_check.png) repeat top/min(3.2vw, 12px);
  margin-bottom: min(5.3vw, 20px);
}
.solution-answer_img {
  position: absolute;
  bottom: -50px;
  top: min(-5.3vw, 160px);
  right: min(3.2vw, 100px);
  width: min(21.3vw, 160px);
}
.solution-answer_text {
  color: #FFFFFF;
  background-color: #1671B6;
  font-size: min(4.8vw, 24px);
  padding: min(2.1vw, 16px) min(4.3vw, 40px);
  border-radius: min(2.1vw, 16px) min(2.1vw, 16px) 0 0;
}
.solution-answer_text span {
  font-size: min(7.5vw, 40px);
  margin: 0 min(0.5vw, 4px);
}
.solution-answer_list {
  padding: min(2.7vw, 16px) min(3.2vw, 40px) min(2.7vw, 20px);
}
@media (min-width: 768px) {
  .solution-answer_list {
    padding: min(2.7vw, 16px) min(4.3vw, 40px) min(2.7vw, 20px);
  }
}
.solution-answer_item {
  display: flex;
  gap: min(1.1vw, 12px);
  font-size: min(4.3vw, 18px);
  margin-bottom: min(1.1vw, 4px);
}
.solution-answer_item::before {
  position: relative;
  content: "";
  display: inline-block;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/solution/doublecircle.svg) no-repeat top/contain;
  width: min(6.4vw, 32px);
  height: min(6.4vw, 32px);
}
@media (min-width: 768px) {
  .solution-answer_item::before {
    top: -2px;
  }
}
.solution-text {
  font-size: min(6.4vw, 40px);
}

.trouble {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/trouble/bg.png) no-repeat top center/cover;
}
.trouble-decorationbg {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/trouble/dripping.svg) no-repeat top center/contain;
}
.trouble-title {
  font-family: "Zen Old Mincho", serif;
  font-size: min(5.3vw, 36px);
  margin-bottom: min(4.3vw, 24px);
}
.trouble-title_fontlarge {
  font-size: min(6.4vw, 48px);
}
.trouble-title_blue {
  color: #1671B6;
}
.trouble-text {
  font-size: min(3.7vw, 20px);
  margin-bottom: min(4.3vw, 20px);
}
.trouble-text span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .trouble-text span {
    padding: 0 20px;
  }
}
.trouble-text span::before, .trouble-text span::after {
  content: "";
  display: inline-block;
  background: #283A5E;
  width: min(0.5vw, 3px);
  position: absolute;
  height: 100%;
  top: 0;
}
.trouble-text span::before {
  left: -2%;
  transform: rotate(-20deg);
}
@media (min-width: 768px) {
  .trouble-text span::before {
    transform: rotate(-25deg);
  }
}
.trouble-text span::after {
  right: -2%;
  transform: rotate(20deg);
}
@media (min-width: 768px) {
  .trouble-text span::after {
    transform: rotate(25deg);
  }
}
.trouble picture {
  display: block;
  text-align: center;
}
.trouble-content {
  background-color: #FFFFFF;
  padding: min(5.3vw, 32px);
  box-shadow: min(1.1vw, 6px) min(1.1vw, 6px) rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .trouble-content {
    display: flex;
    gap: 5%;
  }
}
.trouble-content h3 {
  font-size: min(5.3vw, 24px);
  margin-bottom: min(4.3vw, 24px);
}
.trouble-content h3 span {
  position: relative;
  background: linear-gradient(transparent 60%, #F4DA33 60%);
  z-index: 0;
}
.trouble-content h3 span:before {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/trouble/warning.svg) no-repeat top/contain;
  width: min(12.8vw, 54px);
  height: min(12.8vw, 54px);
  top: -40%;
  left: -16%;
  z-index: -1;
}
@media (min-width: 768px) {
  .trouble-content_graphwrap {
    width: 43%;
  }
}
.trouble-content_graphwrap img {
  margin-bottom: min(1.1vw, 8px);
}
.trouble-content_graphwrap small {
  display: block;
  color: #727E96;
  font-size: 10px;
  line-height: 1.2;
}
.trouble-content_graphwrap small::before {
  display: none;
}
.trouble-content_grapharea img {
  width: 100%;
}
@media (min-width: 768px) {
  .trouble-content_grapharea img {
    width: auto;
  }
}
.trouble-content_grapharea small {
  text-align: left;
}
.trouble-explanation {
  margin-top: min(4.3vw, 20px);
}
@media (min-width: 768px) {
  .trouble-explanation {
    width: 52%;
    margin-top: min(4.3vw, 8px);
  }
}
.trouble-explanation_text {
  font-size: 14px;
  margin-bottom: min(4.3vw, 20px);
}
.trouble-explanation_strongtext {
  width: 100%;
  display: inline-block;
  font-size: min(3.5vw, 16px);
  color: #1671B6;
  background-color: #F5FAFF;
  padding: min(2.1vw, 8px) 0;
}

.takecare {
  background-color: #FFFFFF;
}
.takecare-titlearea {
  position: relative;
  padding: min(5.3vw, 40px) min(3.2vw, 20px);
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background-color: #1671B6;
}
.takecare-titlearea::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: min(5.3vw, 45px) solid transparent;
  border-top: min(5.3vw, 45px) solid #1671B6;
}
.takecare-titlearea p {
  position: relative;
  display: inline-block;
  background-color: #F4DA33;
  padding: min(1.1vw, 4px) min(8.5vw, 32px);
  border-radius: min(10.7vw, 40px);
  margin-bottom: min(2.1vw, 16px);
  font-size: min(3.7vw, 18px);
  z-index: 0;
}
.takecare-titlearea p::before {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/takecare/money.svg) no-repeat top/contain;
  width: 100px;
  height: 120px;
  top: -48px;
  left: -32px;
  z-index: -1;
}
@media (min-width: 768px) {
  .takecare-titlearea p::before {
    width: 124px;
    height: 140px;
    top: -72px;
    left: -48px;
  }
}
.takecare-titlearea h2 {
  color: #FFFFFF;
  font-size: min(5.3vw, 40px);
}
.takecare picture img {
  width: 100%;
}
.takecare-support {
  margin-bottom: min(4.3vw, 32px);
}
.takecare-support h3 {
  margin: min(4.3vw, 20px) 0;
}
.takecare-support_list {
  display: inline-block;
  margin: auto;
}
@media (min-width: 768px) {
  .takecare-support_list {
    display: flex;
    justify-content: space-between;
    width: min(90%, 696px);
  }
}
.takecare-support_item {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .takecare-support_item {
    display: block;
    max-width: 224px;
  }
}
.takecare-support_item img {
  display: block;
  margin: 0 auto min(2.1vw, 16px);
  height: auto;
}
.takecare-support_item span {
  font-size: min(3.7vw, 18px);
}
.takecare-comparison {
  position: relative;
  z-index: 0;
}
.takecare-comparison::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 80%;
  background-color: #1671B6;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  .takecare-comparison::before {
    height: 60%;
  }
}
@media (min-width: 768px) {
  .takecare-comparison_flex {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }
}
.takecare-comparison_imgperson {
  display: block;
  width: min(42.7vw, 240px);
  height: 100%;
  margin: auto;
}
@media (min-width: 768px) {
  .takecare-comparison_imgperson {
    margin: 0;
    width: 32%;
  }
}
.takecare-comparison_contentswrap {
  padding-bottom: min(5.3vw, 32px);
}
@media (min-width: 768px) {
  .takecare-comparison_contentswrap {
    width: 60%;
  }
}
.takecare-comparison_contents {
  padding: min(45.3vw, 32px);
  background-color: #FFFFFF;
  border-radius: min(1.6vw, 8px);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: min(2.1vw, 10px);
}
.takecare-comparison_text {
  font-size: min(4.3vw, 20px);
}
.takecare-comparison_textblue {
  color: #10AED1;
}
.takecare-comparison_textsmall {
  font-size: min(3.7vw, 16px);
}
.takecare-comparison h3 {
  font-size: min(5.3vw, 28px);
  padding-bottom: min(2.1vw, 16px);
  margin-bottom: min(4.3vw, 20px);
  border-bottom: 3px dashed #E5EDF5;
}
.takecare-comparison_titlemarker {
  background: linear-gradient(transparent 50%, #F4DA33 50%);
}
.takecare-comparison_imggraph {
  width: 100%;
}
.takecare-comparison small {
  display: block;
  font-size: min(2.7vw, 12px);
  color: #FFFFFF;
  line-height: 1.2;
}

.merit {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/merit/bg_sp.jpg) no-repeat top/cover;
}
@media (min-width: 768px) {
  .merit {
    background: url(/wp-content/themes/specialcleaning-110/assets/img/merit/bg.jpg) no-repeat top/cover;
  }
}
.merit-titlearea {
  font-family: "Zen Old Mincho", serif;
}
.merit-subtitle {
  position: relative;
  display: inline-block;
  font-family: "Zen Old Mincho", serif;
  font-size: min(4.3vw, 20px);
  color: #FFFFFF;
  margin-top: min(3.2vw, 16px);
  padding: 0 min(2.1vw, 20px);
  background-color: #1EBAB1;
}
.merit-subtitle::before {
  position: absolute;
  display: block;
  content: "";
  background: url(/wp-content/themes/specialcleaning-110/assets/img/merit/merit.svg) no-repeat top/cover;
  width: min(18.7vw, 124px);
  height: min(8.8vw, 58px);
  top: -80%;
  left: -10%;
  transform: rotate(-10deg);
}
@media (min-width: 768px) {
  .merit-subtitle::before {
    top: -70%;
    left: -20%;
  }
}
.merit-title {
  display: inline-block;
  font-size: min(4.8vw, 32px);
  border-bottom: 1px solid #1671B6;
}
.merit-title span {
  color: #1EBAB1;
  font-size: min(10.7vw, 56px);
}
.merit-list {
  counter-reset: number 0;
  max-width: 620px;
  margin: min(5.3vw, 80px) auto 0;
  padding-bottom: min(21.3vw, 60px);
}
@media (min-width: 768px) {
  .merit-list {
    margin-top: min(16vw, 80px) auto 0;
  }
}
.merit-item {
  margin-bottom: min(5.3vw, 80px);
}
@media (min-width: 768px) {
  .merit-item:nth-child(even) .merit-item_textwrap {
    order: 2;
  }
  .merit-item:nth-child(even) .merit-item_imgarea {
    order: 1;
  }
}
@media (min-width: 768px) {
  .merit-item_contents {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .merit-item_textwrap {
    width: 43%;
  }
}
.merit-item_textwrap h3 {
  position: relative;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  color: #1671B6;
  font-size: min(5.3vw, 28px);
  height: 80px;
  line-height: 80px;
  z-index: 0;
}
@media (min-width: 768px) {
  .merit-item_textwrap h3 {
    margin-bottom: min(3.2vw, 16px);
    text-align: left;
  }
}
.merit-item_textwrap h3::before {
  position: absolute;
  top: -5%;
  counter-increment: number 1;
  content: "0" counter(number);
  font-size: min(14.9vw, 96px);
  color: #E5EDF5;
  z-index: -1;
}
@media (min-width: 768px) {
  .merit-item_textwrap h3::before {
    top: -8%;
  }
}
.merit-item_textwrap p {
  font-size: 16px;
  margin-bottom: min(3.2vw, 16px);
}
.merit-item_imgarea {
  filter: drop-shadow(4px 4px 0 #BFDAF5);
}
@media (min-width: 768px) {
  .merit-item_imgarea {
    width: 50%;
  }
}
.merit-item_imgarea img {
  width: 100%;
  height: auto;
  clip-path: polygon(0% 100%, 7% 0%, 100% 0%, 93% 100%);
  z-index: 0;
}

.voice {
  position: relative;
  background-color: #FFF6CE;
  padding-bottom: min(8.5vw, 60px);
  z-index: 0;
}
.voice:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: min(75vw, 480px);
  height: min(37.5vw, 240px);
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  background: #FFF6CE;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 768px) {
  .voice:before {
    top: -8%;
  }
}
.voice-titlearea {
  margin-bottom: min(4.3vw, 20px);
}
.voice-subtitle {
  font-size: min(4.2vw, 24px);
}
.voice-subtitle span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .voice-subtitle span {
    padding: 0 20px;
  }
}
.voice-subtitle span::before, .voice-subtitle span::after {
  content: "";
  display: inline-block;
  background: #283A5E;
  width: min(0.5vw, 2px);
  position: absolute;
  height: 100%;
  top: 0;
}
.voice-subtitle span::before {
  left: -2%;
  transform: rotate(-20deg);
}
@media (min-width: 768px) {
  .voice-subtitle span::before {
    transform: rotate(-25deg);
  }
}
.voice-subtitle span::after {
  right: -2%;
  transform: rotate(20deg);
}
@media (min-width: 768px) {
  .voice-subtitle span::after {
    transform: rotate(25deg);
  }
}
.voice-title {
  font-size: min(7.5vw, 48px);
  letter-spacing: 0.8vw;
}
.voice-title span {
  color: #F18119;
  font-size: min(10.7vw, 64px);
}
.voice-item {
  margin-bottom: min(6.4vw, 40px);
}
@media (min-width: 768px) {
  .voice-item {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .voice-item:nth-child(even) .voice-person {
    order: 2;
  }
  .voice-item:nth-child(even) .voice-text {
    order: 1;
  }
}
.voice-person {
  text-align: center;
  margin-bottom: 2.1vw;
}
@media (min-width: 768px) {
  .voice-person {
    width: 16%;
  }
}
.voice-person img {
  width: min(24vw, 120px);
  margin-bottom: min(1.1vw, 8px);
}
.voice-person span {
  display: block;
}
.voice-text {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #D5D7DC;
  box-shadow: min(0.8vw, 4px) min(0.8vw, 4px) rgb(213, 215, 220);
  padding: min(4.3vw, 24px);
}
@media (min-width: 768px) {
  .voice-text {
    width: 80%;
  }
}
.voice-text h3 {
  font-size: min(4.3vw, 20px);
  margin-bottom: min(3.7vw, 16px);
}
.voice-text p {
  font-size: min(3.7vw, 16px);
}
.voice-text span {
  background: linear-gradient(transparent 60%, rgba(241, 129, 25, 0.3) 60%);
}

.warning {
  position: relative;
  clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
  background: url(/wp-content/themes/specialcleaning-110/assets/img/warning/bg.jpg) no-repeat top left 20%/cover;
}
@media (min-width: 768px) {
  .warning {
    background-size: 130%;
    background-position: top left 20%;
  }
}
@media (min-width: 768px) {
  .warning .container {
    width: min(100% - 60px, 754px);
  }
}
.warning h2 {
  font-family: "Zen Old Mincho", serif;
  font-size: min(4.8vw, 28px);
  margin-bottom: min(5.3vw, 20px);
}
.warning-textarea {
  background: rgba(255, 255, 255, 0.8);
  padding: min(4.3vw, 20px);
  margin-bottom: min(5.3vw, 20px);
  width: 75%;
  font-size: min(3.7vw, 16px);
}
@media (min-width: 768px) {
  .warning-textarea {
    width: 54%;
  }
}
.warning-text1 {
  margin-bottom: min(2.1vw, 16px);
}
.warning strong {
  display: inline-block;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 min(5.3vw, 28px);
  letter-spacing: 2px;
}
.warning strong span {
  color: #F4DA33;
}
.warning-strong_area {
  padding-bottom: min(16vw, 80px);
}
.warning-strong_1 {
  font-size: min(5.3vw, 32px);
  margin-bottom: min(2.1vw, 16px);
}
.warning-strong_2 {
  font-size: min(6.4vw, 42px);
}

.price {
  padding-top: 160px;
  margin-top: -120px;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/price/bg.jpg) no-repeat top left/cover;
  line-height: 1.2;
}
.price .container {
  max-width: 600px;
}
.price-imgperson {
  width: min(24vw, 110px);
}
.price-titlearea {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: min(4.3vw, 20px);
}
@media (min-width: 768px) {
  .price-titlearea {
    margin: 0;
  }
}
.price-imgtext {
  width: min(32vw, 200px);
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .price-imgtext {
    padding-top: min(4.3vw, 12px);
  }
}
.price-titletext {
  font-size: min(6.4vw, 32px);
  margin-bottom: min(4.3vw, 32px);
}
@media (min-width: 768px) {
  .price-list {
    display: flex;
    justify-content: space-between;
  }
}
.price-item {
  border: min(0.5vw, 3px) solid #1671B6;
  background-color: #FFFFFF;
  width: min(100%, 500px);
  margin: auto;
  border-radius: 8px;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .price-item {
    margin: 0;
    width: min(100%, 280px);
  }
}
.price-item:first-child {
  margin-bottom: min(8.5vw, 24px);
}
@media (min-width: 768px) {
  .price-item:first-child {
    margin: 0;
  }
}
.price-item h3 {
  position: relative;
  color: #FFFFFF;
  text-align: center;
  background-color: #1671B6;
  font-size: min(4.8vw, 24px);
  padding: min(2.1vw, 8px) 0;
}
.price-item h3::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 12px solid #1671B6;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.price-item img {
  display: block;
  margin: min(10.7vw, 24px) auto 0;
  width: 105px;
}
.price-item p {
  padding: min(4.3vw, 24px);
}

.flow {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/flow/bg.png) repeat top left/80%;
}
.flow h2 {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: min(8.5vw, 48px);
  margin-bottom: min(6.4vw, 40px);
}
.flow-list {
  counter-reset: number 0;
}
.flow-item {
  position: relative;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
  max-width: 480px;
  margin: 0 auto min(10.7vw, 60px);
}
@media (min-width: 768px) {
  .flow-item {
    display: flex;
    max-width: none;
  }
}
.flow-item:last-child::before {
  display: none;
}
.flow-item::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-top: 30px solid #1671B6;
  border-bottom: none;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.flow-step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #FFFFFF;
  background-color: #1671B6;
  font-weight: bold;
}
@media (min-width: 768px) {
  .flow-step {
    flex-flow: column;
    gap: 0;
    padding: min(6.4vw, 12px);
  }
}
.flow-step_text {
  font-size: min(3.2vw, 14px);
}
.flow-step_number {
  font-size: min(6.4vw, 32px);
}
@media (min-width: 768px) {
  .flow-step_number {
    display: block;
    margin-top: -12px;
  }
}
.flow-contents {
  padding: min(5.3vw, 24px);
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .flow-contents {
    display: flex;
    justify-content: space-between;
    max-width: none;
  }
}
.flow-contents img {
  margin-bottom: min(3.2vw, 16px);
}
@media (min-width: 768px) {
  .flow-contents img {
    width: 32%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .flow-contents_text {
    width: 64%;
  }
}
.flow-contents h3 {
  font-size: min(4.8vw, 20px);
  color: #1671B6;
  margin-bottom: min(2.1vw, 12px);
  padding-bottom: min(1.1vw, 4px);
  border-bottom: 2px solid #D5D7DC;
}

.faq {
  background-color: #FFFFFF;
  padding-bottom: min(8.5vw, 60px);
}
.faq-bg {
  padding-top: min(16vw, 120px);
  background: linear-gradient(to bottom, transparent 30%, transparent 60%, #fff 100%), url(/wp-content/themes/specialcleaning-110/assets/img/faq/clipfile.png) no-repeat top center/90%;
}
.faq h2 {
  position: relative;
  font-size: min(5.3vw, 32px);
  height: min(25.3vw, 160px);
  line-height: min(25.3vw, 160px);
  z-index: 0;
}
.faq h2::before {
  position: absolute;
  display: inline-block;
  content: "FAQ";
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: min(16vw, 120px);
  color: rgba(241, 129, 25, 0.2);
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.faq-area {
  max-width: 72%;
  margin: auto;
}
@media (min-width: 768px) {
  .faq-area {
    max-width: 70%;
  }
}
.faq dl {
  padding: min(2.1vw, 16px) 0 min(2.1vw, 16px) 1em;
  border-bottom: 1px solid #D5D7DC;
  margin-bottom: min(2.1vw, 16px);
}
.faq dt,
.faq dd {
  position: relative;
  margin-bottom: min(2.1vw, 16px);
}
.faq dt::before,
.faq dd::before {
  position: absolute;
  display: inline-block;
  font-size: min(4.8vw, 24px);
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  position: absolute;
  text-align: center;
  color: #FFFFFF;
  top: 0;
  left: -1em;
  width: min(6.4vw, 36px);
  height: min(6.4vw, 36px);
  border-radius: min(3.2vw, 18px);
  line-height: min(6.4vw, 36px);
}
.faq dt {
  font-size: min(4.3vw, 18px);
  padding-left: 0.8em;
}
@media (min-width: 768px) {
  .faq dt {
    padding-left: 1.2em;
    padding-top: min(0.5vw, 4px);
    margin-bottom: min(4.3vw, 20px);
  }
}
.faq dt::before {
  content: "Q";
  background-color: #F18119;
}
.faq dd {
  font-size: min(3.7vw, 14px);
  padding-left: 1em;
}
@media (min-width: 768px) {
  .faq dd {
    padding-left: 1.6em;
    padding-top: min(1.1vw, 6px);
  }
}
.faq dd::before {
  content: "A";
  background-color: #021842;
}

.representative {
  background: linear-gradient(0deg, #EDF5EE, #FFFFFF);
}
.representative h2 {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: min(8.5vw, 48px);
  margin-bottom: min(6.4vw, 40px);
}
.representative p {
  font-size: min(3.7vw, 16px);
}
.representative-introduction {
  margin-bottom: min(16vw, 80px);
}
@media (min-width: 768px) {
  .representative-introduction {
    display: flex;
    max-width: none;
    justify-content: space-between;
    align-items: flexstart;
  }
}
.representative-introduction_imgwrap, .representative-introduction_textwrap {
  max-width: 500px;
  margin: auto;
}
@media (min-width: 768px) {
  .representative-introduction_imgwrap, .representative-introduction_textwrap {
    margin: 0;
  }
}
.representative-introduction_imgwrap {
  -webkit-mask-image: -webkit-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, transparent);
  mask-image: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, transparent);
}
@media (min-width: 768px) {
  .representative-introduction_imgwrap {
    -webkit-mask-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, transparent);
    mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, transparent);
    width: 42%;
  }
}
@media (min-width: 768px) {
  .representative-introduction_textwrap {
    width: 56%;
  }
}
.representative-introduction strong, .representative-introduction_name {
  font-family: "Zen Old Mincho", serif;
  text-align: center;
  color: #021842;
}
.representative-introduction strong {
  display: block;
  font-size: min(5.3vw, 24px);
  margin-bottom: min(4.3vw, 20px);
}
@media (min-width: 768px) {
  .representative-introduction strong {
    text-align: left;
  }
}
.representative-introduction_text {
  margin-bottom: 8px;
}
.representative-introduction_name {
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .representative-introduction_name {
    text-align: right;
  }
}
.representative-introduction_name span {
  font-size: min(5.3vw, 24px);
  margin-left: 8px;
}
.representative-activitycontent {
  background: url(/wp-content/themes/specialcleaning-110/assets/img/representative/shapes.svg) no-repeat top center/min(140%, 800px);
}
@media (min-width: 768px) {
  .representative-activitycontent {
    background-size: auto;
    background-position: top left 20%;
    height: 420px;
  }
}
@media (min-width: 768px) {
  .representative-activitycontent_flex {
    display: flex;
    justify-content: center;
    gap: 4%;
  }
}
@media (min-width: 768px) {
  .representative-activitycontent_textwrap {
    width: 58%;
    max-width: 370px;
  }
}
.representative-activitycontent h3 {
  position: relative;
  text-align: center;
  font-size: min(5.3vw, 32px);
  margin: 0 auto min(4.3vw, 20px);
  max-width: min(74.7vw, 320px);
}
@media (min-width: 768px) {
  .representative-activitycontent h3 {
    margin: 0 auto min(8.5vw, 32px);
  }
}
.representative-activitycontent h3::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 70px;
  height: 70px;
  background: url(/wp-content/themes/specialcleaning-110/assets/img/representative/illust.svg) no-repeat top center/contain;
  top: -32px;
  right: 0;
}
@media (min-width: 768px) {
  .representative-activitycontent h3::before {
    width: 90px;
    height: 90px;
    right: -60px;
  }
}
.representative-activitycontent p {
  max-width: 500px;
  margin: 0 auto 8px;
}
.representative-activitycontent_imgwrap {
  margin: min(4.3vw, 20px) auto 0;
  max-width: 380px;
}
@media (min-width: 768px) {
  .representative-activitycontent_imgwrap {
    margin: 0;
    width: 38%;
  }
}
.representative-activitycontent img {
  display: block;
  border-radius: 8px;
  box-shadow: 2px 4px 4px 0 rgba(9, 102, 21, 0.2);
}
.representative-activitycontent_img1 {
  width: 212px;
}
@media (min-width: 768px) {
  .representative-activitycontent_img1 {
    margin: 0 0 0 auto;
  }
}
.representative-activitycontent_img2 {
  width: 246px;
  margin: -20px 0 0 auto;
}
@media (min-width: 768px) {
  .representative-activitycontent_img2 {
    margin: -20px auto 0 0;
  }
}

.contact {
  padding-bottom: min(8.5vw, 60px);
}
.contact-title {
  color: #FFFFFF;
  font-size: min(6.4vw, 32px);
}
.contact-title_wrap {
  text-align: center;
  background-color: #1671B6;
  padding: 20px 0;
}
.contact-title_icon {
  margin-bottom: min(4.3vw, 20px);
}
.contact-title_text {
  font-weight: bold;
  color: #FFFFFF;
  font-size: min(4.8vw, 24px);
}
.contact-title_text span {
  color: #F4DA33;
}
.contact .container {
  max-width: 640px;
}
.contact-tel {
  display: block;
  margin: min(5.3vw, 40px) auto;
  padding: min(5.3vw, 40px);
  background-color: #F5FAFF;
  border: 1px solid #D5D7DC;
}
.contact-tel_text {
  text-align: center;
  font-weight: bold;
  color: #021842;
  font-size: min(4.3vw, 20px);
}
.contact-tel_text span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .contact-tel_text span {
    padding: 0 20px;
  }
}
.contact-tel_text span::before, .contact-tel_text span::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: #283A5E;
  width: 1px;
  height: 100%;
  top: 0;
}
.contact-tel_text span::before {
  left: -2%;
  transform: rotate(-20deg);
}
@media (min-width: 768px) {
  .contact-tel_text span::before {
    transform: rotate(-25deg);
  }
}
.contact-tel_text span::after {
  right: -2%;
  transform: rotate(20deg);
}
@media (min-width: 768px) {
  .contact-tel_text span::after {
    transform: rotate(25deg);
  }
}
.contact-tel_flex {
  display: flex;
  justify-content: center;
  gap: 2%;
}
.contact-tel_icon {
  width: 8%;
}
.contact-tel_number {
  font-size: min(8.4vw, 58px);
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  display: inline-block;
  background: linear-gradient(0deg, #1EBAB1 0%, #1E9EBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-form_item {
  margin-bottom: min(5.3vw, 20px);
}
.contact label {
  display: block;
  font-weight: normal;
  font-weight: bold;
}
.contact-tag_required {
  font-size: 12px;
  color: #FFFFFF;
  padding: 1px 6px 2px;
  margin-right: 6px;
  background-color: #FF8A9F;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .contact-tag_required {
    margin-right: 8px;
    padding: 4px 8px;
  }
}
.contact input,
.contact select,
.contact textarea {
  font-weight: normal;
}
.contact input {
  height: 40px;
}
.contact select {
  outline: none;
  color: #727E96;
}
.contact input[type=text]:focus {
  outline: none;
}
.contact input[type=email]:focus {
  outline: none;
}
.contact textarea {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  height: 240px;
}
.contact textarea:focus {
  outline: none;
}
.contact input,
.contact textarea,
.contact select {
  width: 100%;
  background-color: #F4F5F6;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid #E5EDF5;
  padding: 8px;
}
@media (min-width: 768px) {
  .contact input,
  .contact textarea,
  .contact select {
    border-radius: 8px;
  }
}
.contact .wpcf7-submit {
  display: block;
  text-align: center;
  width: min(64vw, 300px);
  height: min(16vw, 70px);
  margin: 40px auto;
  font-size: min(4.3vw, 20px);
  font-weight: 600;
  letter-spacing: 2px;
  color: #FFFFFF;
  border-radius: min(1.1vw, 8px);
  background: linear-gradient(0deg, #FF7168 0%, #FF8A9F 100%);
}
.contact .wpcf7-form-control-wrap > .wpcf7-not-valid-tip {
  display: none;
  margin-top: 4px;
}
.contact .wpcf7-form-control-wrap.is-show > .wpcf7-not-valid-tip {
  display: block;
}
.contact select {
  color: #727E96;
  padding-right: 1.5em;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.contact select:focus,
.contact .select-option select {
  color: #021842;
}
.contact .wpcf7-spinner {
  display: none;
}
.contact .wpcf7-response-output {
  display: none;
}
.contact .wpcf7-response-output.is-show {
  display: block;
  margin: 0;
}
.contact .wpcf7 form.sent .wpcf7-response-output {
  text-align: center;
  border: none;
  font-weight: bold;
  color: #1EBAB1;
}
.contact-privacy {
  height: min(64vw, 480px);
  overflow-y: scroll;
  padding: 16px;
  margin-bottom: min(4.3vw, 24px);
  border-radius: min(1.1vw, 8px);
  border: 1px solid #D5D7DC;
}
.contact-privacy::-webkit-scrollbar {
  width: 10px;
  height: 54px;
}
.contact-privacy::-webkit-scrollbar-track {
  background-color: #F4F5F6;
  border-radius: 10px;
}
.contact-privacy::-webkit-scrollbar-thumb {
  background-color: #D5D7DC;
  border-radius: 10px;
}
.contact-privacy p {
  font-size: 14px;
  margin-bottom: min(4.3vw, 20px);
}
.contact-privacy_list {
  counter-reset: number 0;
}
.contact-privacy_list h3 {
  text-align: center;
  font-size: 18px;
  margin-bottom: min(4.3vw, 24px);
}
.contact-privacy_list h4 {
  font-size: 18px;
}
.contact-privacy_list h5::before {
  counter-increment: number 1;
  content: counter(number) ".";
}
.contact-privacy_list h4,
.contact-privacy_list h5 {
  margin-bottom: min(1.1vw, 8px);
}
.contact-privacy_list p {
  font-size: 14px;
  margin-bottom: 0;
}
.contact-privacy_list a {
  color: #1EBAB1;
  text-decoration: underline;
}
.contact-privacy_item {
  margin-bottom: min(4.3vw, 20px);
}
.contact-privacy_item--smalllist {
  list-style: disc;
  padding-left: 1em;
  font-size: 14px;
  margin-top: 4px;
}
.contact-privacy_table {
  margin-top: min(4.3vw, 20px);
}
.contact-privacy_table tr {
  width: 100%;
}
.contact-privacy_table td {
  padding: min(1.1vw, 8px) min(1.1vw, 8px);
  border: 1px solid #D5D7DC;
  font-size: 14px;
}
.contact-privacy_table--item {
  width: 28%;
}
.contact-privacy_table--content {
  width: 72%;
}
.contact-privacy_confirmation {
  font-size: 14px;
}

.footer {
  background-color: #727E96;
  max-width: 834px;
  margin: 0 auto min(16.5vw, 93px);
  padding: min(4.3vw, 24px) 0;
}
.footer-copyright {
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*# sourceMappingURL=style.css.map */