@charset "UTF-8";
/* 共通 */
html {
  font-size: 100%;
}
body {
  position: relative;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.1em;
  line-height: 1.9;
  overflow: auto;
}
.hamopen {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
a {
  text-decoration: none;
  transition: .4s;
}
a:focus-visible {
  outline: 3px solid blue !important;
  outline-offset: -1px;
  box-shadow: 0 0 0 3px white;
}
button:focus-visible {
  outline: 3px solid blue !important;
  outline-offset: -1px;
  box-shadow: 0 0 0 3px white;
}
ul, ol {
  list-style: none;
  padding: 0;
}
/*main section*/
main {
  display: block;
  position: relative;
  overflow: hidden;
}
main section {
  padding: 80px 0 100px;
  position: relative;
}
@media (max-width: 550px) {
  main section {
    padding: 40px 0 50px;
  }
}
.pdb {
  padding-bottom: 55px !important;
}
.pdb0 {
  padding-bottom: 1px !important;
}
@media (max-width: 550px) {
  .pdb {
    padding-bottom: 20px !important;
  }
}
/*img*/
img {
  line-height: 1;
  vertical-align: top;
  max-width: 100%;
  transition: .4s;
}
.rounded img {
  border-radius: 10px;
}
/*text*/
p {
  margin-bottom: 10px;
}
.marker {
  text-decoration: underline;
  text-decoration-thickness: 0.45em;
  text-decoration-color: rgba(255, 239, 135, 0.55);
  text-underline-offset: -0.05em;
  text-decoration-skip-ink: none;
}
/*中央寄せ*/
.center {
  text-align: center;
}
@media (max-width:750px) {
  .spcenter {
    text-align: center !important;
  }
}
.fitc {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
/* 見出し */
/*01*/
.maintitle {
  margin-bottom: 60px;
  display: block;
  text-align: center;
  line-height: 1.5;
  position: relative;
  font-size: clamp(1.55rem, 0.9875rem + 1.8vw, 2rem);
  font-weight: 700;
}
.maintitle .mf {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  white-space: nowrap;
  font-size: 55%;
  padding-bottom: 7px;
  color: #21c4c2;
}
.maintitle .mf::before {
  height: 2px;
}
.maintitle .sf {
  text-align: center;
  margin-bottom: 10px;
}
.maintitle.mtleft {
  text-align: left;
}
.txtmgb {
  margin-bottom: 43px !important;
}
@media (max-width: 550px) {
  .txtmgb {
    margin-bottom: 33px !important;
  }
  .maintitle {
    margin-bottom: 37px;
  }
}
/*02*/
.mtitle {
  font-weight: 700;
  position: relative;
  border-radius: 3px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  font-size: clamp(1.2rem, 0.825rem + 1.2vw, 1.5rem);
  line-height: 1.7;
  background: #21c4c2;
  color: #fff;
  padding: 10px 25px 12px 12px;
  border-left: 6px solid rgba(255, 255, 255, 0.4);
}
.mtitle::after {
  content: '';
  width: 20px;
  height: 2px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}
@media (max-width: 550px) {
  .mtitle {
    margin-bottom: 15px;
  }
}
/*03*/
.stitle {
  font-weight: 500;
  position: relative;
  font-size: clamp(1.2rem, 0.7rem + 1.6vw, 1.6rem);
  line-height: 1.75;
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #21c4c2;
}
.stitle .en {
  display: block;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 55%;
  color: #21c4c2;
}
/* ボタン */
.mainbtn a {
  position: relative;
  vertical-align: middle;
  margin: 0 auto;
  padding: 21px;
  display: inline-block;
  width: 280px;
  text-align: center;
  color: #fff;
  background: #21c4c2;
  border: 1px solid #21c4c2;
  z-index: 1;
  overflow: hidden;
  border-radius: 50px;
}
.mainbtn a:hover {
  color: #21c4c2;
  background: #fff;
}
/*点線*/
.mainbtn a::after {
  content: '';
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px dashed #fff;
  pointer-events: none;
  border-radius: 50px;
}
.mainbtn a:hover::after {
  border: 1px dashed #21c4c2;
}
/**/
section .mainbtn a::before {
  position: absolute;
  top: 50%;
  right: 15px;
  font-family: "Font Awesome 6 Free";
  content: "\f138";
  font-weight: bold;
  line-height: 1;
  transform: translate(0, -50%);
  color: #fff;
  transition: .4s all;
}
.mainbtn a:hover::before {
  color: #21c4c2;
}
/**/
.tbtn {
  margin-top: 37px;
}
@media (max-width: 550px) {
  .mainbtn {
    margin: auto;
  }
  .mainbtn a {
    width: 230px;
    padding: 20px 0;
  }
  .tbtn {
    margin-top: 30px;
  }
}
/* flex要素 */
.flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.aic {
  align-items: center;
}
.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 750px) {
  .flexbox {
    display: block;
  }
  .flexbox img {
    width: 100%;
  }
  .flexbox div {
    width: 100%;
  }
  .spmgb {
    margin-bottom: 35px;
  }
  .spmgb02 {
    margin-bottom: 15px;
  }
}
/* 幅 */
.inner {
  width: 88%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 2000px) {
  .inner02 {
    max-width: 1475px;
    width: 92%;
    margin: 0 auto;
  }
  .rounded img {
    border-radius: 10px;
  }
}
@media (max-width: 1999px) {
  .inner02 {
    max-width: 100%;
    width: 100%;
  }
  .mauto {
    margin-left: auto;
    margin-right: auto;
  }
  .mauto.w48 {
    width: 42%;
  }
  .mauto.w43 {
    width: 37%;
  }
  .mauto.w37 {
    width: 31%;
  }
  .inner02 .flexbox .rounded img {
    border-radius: 0 10px 10px 0;
  }
  .inner02 .reverse .rounded img {
    border-radius: 10px 0 0 10px;
  }
}
@media (max-width: 750px) {
  .inner02 {
    width: 88%;
    margin: 0 auto;
  }
  .mauto.w48, .mauto.w43, .mauto.w37 {
    width: 100%;
  }
  .rounded img {
    border-radius: 10px !important;
  }
}
.w65 {
  width: 64.5%;
}
.w57 {
  width: 57.5%;
}
.w52 {
  width: 52%;
}
.w48 {
  width: 48%;
}
.w43 {
  width: 43%;
}
.w37 {
  width: 37%;
}
.w32 {
  width: 31.5%;
}
/*background*/
.bg_gray {
  position: relative;
}
.bg_gray::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #faf8f2;
  z-index: -100;
}
.bg_gray::before {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/bg.svg), url(../img/bg.svg);
  background-repeat: no-repeat;
  background-position: top -30px right -30px, bottom -30px left -30px;
  background-size: 35%;
  z-index: -1;
  opacity: 0.5;
  filter: brightness(0) invert(1);
}
@media (max-width: 550px) {
  .bg_gray::before {
    background-size: 50%;
  }
}
/* illust ==============================*/
.psr {
  position: relative;
}
/**/
.tl, .tr, .bl, .br {
  position: absolute !important;
  z-index: 1;
  pointer-events: none;
}
.tl img, .tr img, .bl img, .br img {
  border-radius: 0 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  box-shadow: none !important;
}
/**/
.tl, .tr, .bl, .br {
  width: fit-content !important;
}
.tl img, .tr img, .bl img, .br img {
  width: auto !important;
  height: 150px !important;
}
/**/
.psr .tl, .psr .tr, .psr .bl, .psr .br {
  width: 42% !important;
  max-width: 230px;
}
.psr .tl img, .psr .tr img, .psr .bl img, .psr .br img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  mask-image: none !important;
}
/*位置*/
.tl {
  top: -85px;
  left: 1.5%;
}
.tr {
  top: -85px;
  right: 1.5%;
}
.bl {
  bottom: -88px;
  left: 1.5%;
}
.br {
  bottom: -88px;
  right: 1.5%;
}
.psr .tl {
  top: -10px;
  left: -15px;
}
.psr .tr {
  top: -10px;
  right: -15px;
}
.psr .bl {
  bottom: -10px;
  left: -15px;
}
.psr .br {
  bottom: -10px;
  right: -15px;
}
@media (max-width: 750px) {
  .tl {
    top: -65px;
  }
  .tr {
    top: -65px;
  }
  .bl {
    bottom: -65px;
  }
  .br {
    bottom: -65px;
  }
  .tl img, .tr img, .bl img, .br img {
    height: 18vw !important;
  }
}
@media (max-width: 550px) {
  .tl {
    top: -35px;
  }
  .tr {
    top: -35px;
  }
  .bl {
    bottom: -40px;
  }
  .br {
    bottom: -40px;
  }
  .tl img, .tr img, .bl img, .br img {
    height: 30vw !important;
    max-height: 65px;
  }
}
/* アニメーション ============*/
/* flowup */
.flowup {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 1.3s, transform 1.3s;
  transition-delay: 0.35s;
}
.flowup.inview {
  opacity: 1;
  transform: translateY(0);
}
/*delay*/
.delay01 {
  transition-delay: 0.45s;
}
.delay02 {
  transition-delay: 0.6s;
}
@media (max-width: 750px) {
  .delay01, .delay02 {
    transition-delay: 0.3s !important;
  }
}
/*=== 共通部分ここまで ===*/
/* header ================================================*/
.header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 22px 0 30px;
  background: #fff;
  transition: .5s all;
}
.change {
  box-shadow: 0px 4px 4px -5px rgba(0, 0, 0, 0.13);
}
.header_inner {
  position: relative;
  width: 96%;
  margin: 0 auto;
  max-width: calc(100% - 10px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* logo */
.header h1 {
  line-height: 1;
}
.header_title a:hover {
  opacity: 0.6;
}
.header_title {
  width: 360px;
  /*
  position: relative;
  z-index: 9999;
  */
}
/**/
.header_nav {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
/**/
.header_item {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-left: 17px;
}
.header_item > div {
  margin: 0 4px;
}
.header_item .mainbtn a {
  min-width: auto;
  width: 175px;
  line-height: 1;
  padding: 15px 0;
  font-size: 0.9rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.mainbtn.fax a {
  color: #21c4c2;
  background: #fff;
}
.header_item .mainbtn a::after {
  content: none;
}
/* menu */
.header_nav ul {
  width: fit-content;
  margin-left: auto;
  display: flex;
  text-align: center;
}
.header_nav ul li {
  padding: 2px 13px;
  position: relative;
  line-height: 1.6;
}
.header_nav ul li:last-child {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.header_nav ul li a {
  display: block;
  width: 100%;
  position: relative;
  top: 0;
  line-height: 1.5;
  font-size: 1.05rem;
  color: #333;
  white-space: nowrap;
  font-weight: 700;
  padding-bottom: 5px;
}
/* ドロップダウンメニュー =====*/
.menu-item-has-children-dropdown {
  position: relative;
}
.sub-menu {
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  width: 170px;
  opacity: 0;
  visibility: hidden;
  transition: .1s;
  z-index: 4;
  flex-direction: column;
  padding: 3px 7px;
  border-radius: 10px;
}
.sub-menu::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  top: -15px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  z-index: -1;
}
.sub-menu::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  z-index: -1;
}
.sub-menu li {
  margin: 0 !important;
  width: 100% !important;
}
.sub-menu li:last-of-type {
  border-bottom: none !important;
}
.sub-menu a {
  font-size: 0.9rem !important;
  padding: 10px 0 !important;
}
.pointer_events_none {
  pointer-events: none;
}
.sub-menu a:hover {
  opacity: 0.6;
}
/* 色分け */
/*blue*/
.bluemenu .sub-menu {
  background: #fafdff;
  border: 2px solid #e0f3ff;
}
.bluemenu .sub-menu::before {
  border-bottom: 15px solid #e0f3ff;
}
.bluemenu .sub-menu::after {
  border-bottom: 15px solid #fafdff;
}
.bluemenu .sub-menu li {
  border-bottom: 1px dashed #218ec4;
}
.bluemenu .pointer_events_none, .bluemenu .sub-menu a {
  color: #218ec4;
}
.bluemenu .pointer_events_none {
  border-bottom: 1px dashed #218ec4;
}
/*pink*/
.pinkmenu .sub-menu {
  background: #fffafa;
  border: 2px solid #ffe6e6;
}
.pinkmenu .sub-menu::before {
  border-bottom: 15px solid #ffe6e6;
}
.pinkmenu .sub-menu::after {
  border-bottom: 15px solid #fffafa;
}
.pinkmenu .sub-menu li {
  border-bottom: 1px dashed #ff8f8f;
}
.pinkmenu .sub-menu a {
  color: #fc6c4c;
}
.pinkmenu .pointer_events_none {
  color: #fc6c4c;
  border-bottom: 1px dashed #ff8f8f;
}
/* ホバー＆フォーカスで子メニュー表示 */
.menu-item-has-children ul {
  transition: .4s all;
}
.menu-item-has-children:hover ul, .menu-item-has-children ul.focused {
  opacity: 1;
  visibility: visible;
}
/* hamburger ================================= */
.header__inner {
  position: relative;
  height: fit-content;
  display: none;
}
.hamburger {
  display: block;
  height: 31px;
  position: relative;
  z-index: 9997;
  width: 55px;
  border: none;
  background-color: transparent;
}
.hamburger.-active .hamburger__line {
  background-color: transparent;
}
.hamburger.-active .hamburger__line::before {
  top: 0;
  transform: rotate(45deg);
}
.hamburger.-active .hamburger__line::after {
  top: 0;
  transform: rotate(-45deg);
}
.hamburger__line {
  display: block;
  height: 2px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  transition: 0.4s;
}
.hamburger__line:before, .hamburger__line:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  transition: inherit;
}
.hamburger__line, .hamburger__line:before, .hamburger__line:after {
  background-color: #21c4c2;
}
.hamburger__line:before {
  top: -10px;
}
.hamburger__line:after {
  top: 10px;
}
/*
.hamburger__text {
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  line-height: 1.4;
}
.hamburger__text::before {
  content: "menu";
  text-align: center;
  font-size: 0.9rem;
  text-transform: capitalize;
  font-family: "MonteCarlo", cursive;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: 3px;
  color: #fff;
}
.hamburger.-active .hamburger__text::before {
  content: 'close';
  position: relative;
  bottom: -9px;
  margin-left: 0;
  color: #fff !important;
}
*/
/**/
.hamopen .header {
  position: fixed;
}
.header__nav-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100vh; /* fallback */
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  overflow-y: scroll;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #faf8f2;
}
.header__nav-area.-active {
  opacity: 1;
  visibility: visible;
}
/* navigation */
.global-navigation {
  margin: auto;
  height: fit-content;
  width: 80%;
  max-width: 600px;
  padding: 70px 0 100px;
  position: relative;
  z-index: 1;
}
.global-navigation__list {
  margin-bottom: 30px;
}
/* menu */
.ham_menu {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 17px;
}
.ham_menu::after, .ham_menu::before {
  content: '';
  width: 102%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -2%;
  border-radius: 10px;
  z-index: -2;
  background-size: 26px 26px;
  background-repeat: repeat;
  background-position: center center;
}
.ham_menu:last-of-type {
  margin-bottom: 0 !important;
}
.ham_menu h2 {
  padding: 10px;
  font-size: clamp(1.05rem, 0.8rem + 0.8vw, 1.25rem);
  font-weight: 700;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.ham_menu h2::after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat !important;
  background-position: right 1.5% bottom !important;
  background-size: contain !important;
  z-index: 1;
}
.ham_menu ul {
  padding: 15px 15px 20px;
}
.ham_menu ul li {
  margin-bottom: 15px;
  font-size: clamp(0.9rem, 0.775rem + 0.4vw, 1rem);
}
.ham_menu ul li:last-of-type {
  margin-bottom: 0;
}
.ham_menu ul li a {
  position: relative;
  padding-left: 20px;
  padding-bottom: 15px;
  display: block;
  font-weight: 700;
}
.ham_menu ul li a::before {
  font-family: "Font Awesome 6 Free";
  content: "\f138";
  font-weight: bold;
  display: inline-block;
  font-size: .9em;
  position: absolute;
  top: 0.15em;
  left: 0;
}
.ham_menu ul li a:hover {
  opacity: 0.6;
}
/* 色分け */
/*blue*/
.bluemenu.ham_menu h2::after {
  background: url(../img/_illust/ham_b.svg);
}
.bluemenu.ham_menu {
  border: 2px solid #218ec4
}
.bluemenu.ham_menu h2 {
  background: #218ec4;
}
.bluemenu.ham_menu ul li {
  border-bottom: 1px dashed #218ec4;
}
.bluemenu.ham_menu ul li a, .bluemenu.ham_menu ul li a::before {
  color: #218ec4;
}
.bluemenu::before {
  background: #fafdff;
}
.bluemenu::after {
  background-image: linear-gradient(0deg, transparent calc(100% - 2px), #f2faff calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), #f2faff calc(100% - 2px));
}
/*pink*/
.pinkmenu.ham_menu h2::after {
  background: url(../img/_illust/ham_h.svg);
}
.pinkmenu.ham_menu {
  border: 2px solid #fc6c4c;
}
.pinkmenu.ham_menu h2 {
  background: #fc6c4c;
}
.pinkmenu.ham_menu ul li {
  border-bottom: 1px dashed #ff8f8f;
}
.pinkmenu.ham_menu ul li a, .pinkmenu.ham_menu ul li a::before {
  color: #fc6c4c;
}
.pinkmenu::before {
  background: #fffafa;
}
.pinkmenu::after {
  background-image: linear-gradient(0deg, transparent calc(100% - 2px), #fff5f5 calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), #fff5f5 calc(100% - 2px));
}
/* btn */
.header__nav-area .fitc {
  text-align: center;
}
.header__nav-area .mainbtn {
  margin: 7px 3px 0;
  text-align: center;
  display: inline-block;
}
.header__nav-area .mainbtn a {
  width: 255px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.header__nav-area .mainbtn.fax a::after {
  border: 1px dashed #21c4c2;
}
@media (max-width:1150px) {
  .header_title {
    width: 290px;
  }
  .header {
    padding: 25px 17px 30px;
  }
  .header_inner {
    width: 100%;
    max-width: 100%;
  }
  .header_nav, .header_item {
    display: none;
  }
  .header__inner {
    display: block;
  }
}
@media (max-width: 550px) {
  .header_title {
    width: 225px;
  }
  .header {
    padding: 15px 10px 20px;
  }
  .ham_menu ul {
    padding: 10px 10px 15px;
  }
  .header__nav-area .mainbtn a {
    font-size: 0.85rem;
    width: 205px;
  }
}
/* footer ================================================*/
/* お掃除用品・お掃除サービスのことならダスキンへ */
.footer_contact {
  position: relative;
  padding: 90px 0 100px;
  overflow: hidden;
}
.footer_contact::before {
  content: '';
  background: url(../img/footer.webp);
  background-size: cover;
  background-position: 70% 30%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.footer_contact::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #199e9c;
  opacity: 0.75;
  z-index: -2;
}
.footer_contact .inner {
  max-width: 1000px;
}
.footer_contact h2.fitc {
  line-height: 1.6;
  color: #fff;
  margin-bottom: 33px;
  font-size: clamp(1.2rem, 0.5125rem + 2.2vw, 1.75rem);
  font-weight: 700;
}
.f_con_flex {
  background: #fff;
  border-radius: 10px;
  display: flex;
  padding: 20px 0;
}
.f_con_flex div {
  padding: 20px 15px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.f_con_flex div h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(0.9rem, 0.7125rem + 0.6vw, 1.05rem);
}
.f_con_flex div:last-of-type {
  border-left: 1px dashed #b5af9c;
}
.fax {
  pointer-events: none;
  /*color: #579493 !important;*/
}
.f_con_flex div a {
  font-size: clamp(1.35rem, 0.5375rem + 2.6vw, 2rem);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #333;
}
.f_con_flex div a i {
  color: #21c4c2;
}
.f_con_flex div a:hover {
  opacity: 0.6;
}
@media (max-width: 750px) {
  .footer_contact {
    padding: 55px 0 65px;
  }
  .f_con_flex {
    display: block;
    padding: 0;
  }
  .f_con_flex div {
    width: 90%;
    margin: auto;
    padding: 25px 0;
  }
  .f_con_flex div:last-of-type {
    border-left: none;
    border-top: 1px dashed #b5af9c;
  }
}
@media (max-width: 550px) {
  .footer_contact h2.fitc {
    margin-bottom: 25px;
  }
  .footer_contact {
    padding: 40px 0 53px;
  }
}
/* ロゴとアドレス */
footer .bg_gray::before {
  content: none;
}
.footer_address .flexbox {
  max-width: 850px;
  margin: auto;
}
.footer_address {
  position: relative;
  text-align: center;
  padding: 50px 0;
}
.flogo {
  width: 85%;
  max-width: 365px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flogo a, .flogo img {
  width: 100%;
}
.footer_address p {
  margin-bottom: 3px;
  line-height: 1.75;
  text-align: center;
}
.footer_address p span {
  display: inline-block;
}
.footer_address p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 1030px) {
  .flogo {
    max-width: 320px;
  }
}
@media (max-width: 550px) {
  .footer_address p {
    font-size: 0.77rem;
    text-align: center;
  }
  .flogo {
    max-width: 250px;
    margin-bottom: 10px;
  }
  .footer_address {
    padding: 35px 0;
  }
}
/* コピーライト */
.copyright {
  text-align: center;
  padding: 17px 0px 23px;
  border-top: 1px dashed #b5af9c;
  font-size: 0.9rem;
}
@media (max-width: 565px) {
  .copyright {
    font-size: 0.8rem;
    padding: 12px 0px 16px;
  }
}
/*ページ上に戻るボタン*/
.go_top {
  display: block;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: #21c4c2;
  padding-top: 30px;
  text-align: center;
  letter-spacing: -1px;
  font-size: 85%;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 25px;
  z-index: 79;
  border-radius: 50px;
}
.go_top::before {
  font-family: "Font Awesome 6 Free";
  content: "\f124";
  font-weight: bold;
  color: #fff;
  font-size: 0.85rem;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.go_top:hover {
  opacity: 0.6;
}
.tfade {
  position: relative;
  z-index: 79;
}
@media(max-width:550px) {
  .go_top {
    width: 53px;
    height: 53px;
    right: 15px;
    bottom: 10px;
  }
  .go_top::before {
    font-size: 0.7rem;
  }
}
/* スライド　===============================================*/
.topslide {
  overflow: hidden;
  position: relative;
  margin: auto;
  width: 94%;
}
/* img */
.slide_items {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.slide_items::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(16, 19, 21, 0) 15%, #010101);
  z-index: 1;
  opacity: 0.17;
}
.slide_items img {
  object-fit: cover;
  width: 100%;
  height: calc(96vh - 105px);
  min-height: 650px;
}
/*スライドアニメーション*/
@keyframes fadezoom {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.slick-animation {
  animation: fadezoom 14s linear 0s normal both;
}
/* text */
.catchcopy {
  z-index: 1;
  line-height: 1.5;
  font-weight: 700;
  position: absolute;
  bottom: 25px;
  left: 2.5%;
  white-space: nowrap;
  text-shadow: 0px 2.5px 3px rgb(0 0 0 / 10%), 0px -2.5px 3px rgb(0 0 0 / 5%);
  color: #fff;
  font-size: 2.65rem;
}
.catchcopy span.border {
  position: relative;
  padding-bottom: 0.5%;
}
.catchcopy span.border::after {
  content: '';
  width: 98.5%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 2px dashed #fff;
  pointer-events: none;
  z-index: -1;
}
.catchcopy p:nth-child(2) {
  font-size: 77.5%;
}
.catchcopy p br.sp {
  display: none;
}
@media (max-width: 1275px) {
  .catchcopy {
    font-size: 3.6vw;
  }
}
@media (max-width: 1150px) {
  .slide_items img {
    height: calc(87vh - 102px);
  }
}
@media (max-width: 1050px) {
  .slide_items .slick-slide:first-of-type::after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(16, 19, 21, 0) 2%, #010101);
    z-index: 1;
    opacity: 0.1;
  }
}
@media (max-width: 750px) {
  .catchcopy {
    font-size: 5.2vw;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.75;
    margin-bottom: 5px;
  }
  .catchcopy p:nth-child(2) {
    font-size: 65%;
  }
  .catchcopy p br.pc {
    display: none;
  }
  .catchcopy p br.sp {
    display: block;
  }
}
@media (max-width: 550px) {
  .slide_items img {
    min-height: auto;
    height: calc(85vh - 70px);
  }
  .catchcopy {
    bottom: 15px;
  }
  .catchcopy span.border::after {
    border-bottom: 1px dashed #fff;
  }
  .spbi {
    font-size: 125%;
  }
}
/* Top Page Illust　======================*/
.toppage .tl img, .toppage .tr img, .toppage .bl img, .toppage .br img {
  height: 170px !important;
}
@media (max-width: 1280px) {
  .toppage .tl {
    top: -60px;
  }
  .toppage .tr {
    top: -60px;
  }
  .toppage .bl {
    bottom: -60px;
  }
  .toppage .br {
    bottom: -60px;
  }
  .toppage .tl img, .toppage .tr img, .toppage .bl img, .toppage .br img {
    height: 12vw !important;
  }
}
@media (max-width: 750px) {
  .toppage .tl {
    top: -20px;
  }
  .toppage .tr {
    top: -20px;
  }
  .toppage .bl {
    bottom: -20px;
  }
  .toppage .br {
    bottom: -20px;
  }
  .toppage .tl img, .toppage .tr img, .toppage .bl img, .toppage .br img {
    height: 30vw !important;
    max-height: 115px;
  }
}
/* 種子島の皆さまの暮らしにダスキンだからできるご提案　============*/
.welcome::after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/welcome.svg);
  background-repeat: no-repeat;
  background-position: bottom 7% right 1%;
  background-size: 35%;
  z-index: -1;
  opacity: 0.35;
}
@media (max-width: 1140px) {
  .welcome::after {
    background-size: 400px;
  }
}
@media (max-width: 550px) {
  .welcome::after {
    background-size: 93%;
    background-position: bottom 4% center;
  }
}
/*title*/
.str {
  line-height: 1.7;
  position: relative;
  font-size: clamp(1.2rem, 0.2rem + 3.2vw, 2rem);
  font-weight: 700;
  margin-bottom: 25px;
  color: #21c4c2;
}
.str::after {
  content: '';
  width: 20%;
  max-width: 70px;
  aspect-ratio: 1 / 1;
  position: absolute;
  top: -9%;
  left: -2%;
  background: #faf8f2;
  border-radius: 5px;
  z-index: -1;
}
.welcome .str {
  white-space: nowrap;
}
.welcome .str::after {
  background: #fff5f5;
}
@media (max-width: 1090px) {
  .welcome .str {
    font-size: 2.8vw;
  }
}
@media (max-width: 750px) {
  .welcome .str {
    font-size: 1.6rem;
  }
}
@media (max-width: 420px) {
  .welcome .str {
    font-size: 6.1vw;
  }
}
/* 商品・サービス　==========================================*/
.serwrap {
  position: relative;
  margin-top: 110px;
  margin-bottom: 40px;
}
.serwrap:last-of-type {
  margin-bottom: 0 !important;
}
.serwrap::after, .serwrap::before {
  content: '';
  width: 102%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -2%;
  border-radius: 10px;
  z-index: -2;
  background-size: 26px 26px;
  background-repeat: repeat;
  background-position: center center;
}
.serwrap::after {
  z-index: -1;
}
.serwrap::before {
  z-index: -2;
}
/**/
.serblue::before {
  background: #fafdff;
}
.serblue::after {
  background-image: linear-gradient(0deg, transparent calc(100% - 2px), #f2faff calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), #f2faff calc(100% - 2px));
  border: 3px solid #e0f3ff;
}
.serwrap .rounded, .serbox {
  width: 50%;
}
/*img*/
.serwrap .rounded {
  margin-top: -50px;
  margin-bottom: 25px;
}
/**/
.serbox {
  display: flex;
  flex-direction: row-reverse;
}
.serbox h2 {
  color: #218ec4;
  padding: 25px 13px 0 10px;
  border-left: 3px solid #e0f3ff;
  display: flex;
  align-items: center;
  font-size: clamp(1.35rem, 0.6625rem + 2.2vw, 1.9rem);
  font-weight: 700;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-left: 40px;
}
/*list*/
.serbox ul {
  margin: auto;
  width: 90%;
  margin-left: 7%;
}
.serbox ul li {
  margin-bottom: 15px;
}
.serbox ul li:last-of-type {
  margin-bottom: 0;
}
.serbox ul li a {
  position: relative;
  padding-left: 20px;
  padding-bottom: 15px;
  display: block;
  color: #333;
}
.serbox ul li a::before {
  font-family: "Font Awesome 6 Free";
  content: "\f138";
  font-weight: bold;
  display: inline-block;
  font-size: .9em;
  position: absolute;
  top: 0.15em;
  left: 0;
  color: #218ec4;
}
.serbox ul li a:hover {
  color: #218ec4;
}
.serblue ul li {
  border-bottom: 1px dashed #218ec4;
}
/* reverse ver */
.reverse.serwrap::after, .reverse.serwrap::before {
  left: auto;
  right: -2%;
}
/**/
.serpink::before {
  background: #fffafa;
}
.serpink::after {
  background-image: linear-gradient(0deg, transparent calc(100% - 2px), #fff5f5 calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), #fff5f5 calc(100% - 2px));
  border: 3px solid #ffe6e6;
}
/**/
.reverse .serbox {
  flex-direction: row;
}
.reverse .serbox h2 {
  color: #fc6c4c;
  border-left: none;
  border-right: 3px solid #ffe6e6;
  margin-left: 0;
  margin-right: 40px;
}
.reverse .serbox ul {
  margin-left: auto;
  margin-right: 7%;
}
.serpink ul li {
  border-bottom: 1px dashed #ff8f8f;
}
.reverse .serbox ul li a::before {
  color: #fc6c4c;
}
.reverse .serbox ul li a:hover {
  color: #fc6c4c;
}
.serwrap .rounded {
  position: relative;
}
.serwrap .rounded .psr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
@media (max-width: 1140px) {
  .serwrap::after, .serblue::before {
    width: 100%;
    left: 0 !important;
    right: 0 !important;
  }
  .serwrap {
    margin-top: 0;
    padding: 35px 20px 40px;
  }
  .serwrap .rounded {
    width: 43%;
  }
  .serbox {
    width: 52%;
  }
  .serwrap .rounded {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }
  .serwrap_img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  .serbox {
    display: block;
  }
  .serbox h2 {
    padding: 0 !important;
    border: none !important;
    margin: 0 0 12px;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }
  .serbox ul {
    width: 100%;
    margin: 0 !important;
  }
}
@media (max-width: 750px) {
  .serwrap .rounded, .serbox {
    width: 100%;
  }
  .serwrap {
    padding: 20px;
  }
  .serwrap .rounded {
    margin-bottom: 15px;
  }
  .serbox h2 {
    width: fit-content;
    margin: 0 auto 12px !important;
  }
}
@media (max-width: 550px) {
  .serwrap {
    margin-bottom: 27px;
    padding: 15px 15px 25px;
  }
}
/* ごあいさつ　=============================================*/
/*title*/
.aboutus .str {
  font-size: 2rem;
  white-space: nowrap;
}
.aboutus .str::after {
  background: #f2faff;
}
.glast {
  text-align: right;
  margin-top: 23px;
}
@media (max-width: 1390px) {
  .aboutus .str {
    font-size: 2.2vw;
  }
}
@media (max-width: 750px) {
  .aboutus .str {
    font-size: 1.45rem;
  }
}
@media (max-width: 550px) {
  .aboutus .str {
    white-space: normal;
    font-size: 1.2rem;
  }
  .aboutus .str br {
    display: none;
  }
}
/*img*/
.au_imgs {
  position: relative;
  padding-bottom: 100px;
}
.au_imgs div:nth-child(1) {
  width: 85% !important;
  margin-left: auto;
}
.au_imgs div:nth-child(2) {
  width: 45% !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.au_imgs div:nth-child(2) img {
  border-radius: 10px !important;
}
/*illust*/
.wtext .tr {
  top: -40px;
}
@media (max-width: 1280px) {
  .wtext .tr {
    top: -3%;
  }
}
@media (max-width: 750px) {
  .aboutus .inner02 {
    margin: auto;
    width: 88% !important;
  }
  .aboutus .flexbox {
    display: block;
  }
  .aboutus .flexbox div {
    width: 100%;
  }
  .aboutus .inner02 {
    display: flex;
    flex-direction: column;
  }
  .aboutus .flexbox, .wtext {
    display: contents;
  }
  .aboutus .maintitle {
    order: -1;
    text-align: center;
    margin-bottom: 60px !important;
  }
  .au_imgs {
    margin-bottom: 40px;
  }
  .aboutus .rounded img {
    border-radius: 10px !important;
  }
  .wtext .tr {
    top: -17vw;
    right: -5.5%;
  }
}
@media (max-width: 550px) {
  .aboutus .maintitle {
    margin-bottom: 43px !important;
  }
  .au_imgs {
    padding-bottom: 10%;
    margin-bottom: 30px;
  }
}
@media (max-width: 375px) {
  .wtext .tr {
    top: -22vw;
  }
}
/* 下層ページトップ ===========================================================================================================*/
.fv {
  padding: 110px 0 100px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.fv .inner {
  width: 97%;
}
.fv::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/fv.webp);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 50% 35%;
  z-index: -1;
}
.fv::before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #199e9c;
  opacity: 0.75;
  z-index: 1;
}
.fv h2 {
  text-align: center;
  margin-bottom: 17px !important;
  font-size: clamp(1.5rem, 0.25rem + 4vw, 2.5rem);
  line-height: 1.5;
  z-index: 1;
  position: relative;
  color: #fff;
  font-weight: 700;
}
@media(max-width:1150px) {
  .fv {
    padding: 80px 0 75px;
  }
}
@media(max-width:550px) {
  .fv {
    padding: 40px 0 30px;
  }
}
/* breadcrumb */
.binner {
  font-weight: 700;
  line-height: 1.4;
  width: 97%;
  font-size: 0.95rem;
  position: relative;
  color: #fff;
}
.breadcrumb {
  z-index: 1;
  background: transparent;
  position: relative;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.breadcrumb li {
  display: inline;
  list-style: none;
}
.breadcrumb li:after {
  content: '>';
  position: relative;
  top: -0.1em;
}
.breadcrumb li:last-child:after {
  content: none;
}
.breadcrumb li a {
  text-decoration: none;
  color: #fff;
}
.breadcrumb li:first-child a::before {
  font-family: "Font Awesome 6 Free";
  content: '\f015';
  font-weight: bold;
  font-size: 90%;
  position: relative;
  top: -0.05em;
}
@media(max-width:850px) {
  .binner {
    font-size: 0.8rem;
  }
}
/* 取扱商品（ご家庭向け）ページ =================================================================================================*/
.products .PinkPage .bg_gray::before, .products .BluePage .bg_gray::before {
  content: none;
}
.mgb20 {
  margin-bottom: 20px;
}
.smini {
  font-size: 80%;
}
.fleximg {
  display: flex;
}
.fleximg img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
/* stitle status */
/*おすすめ*/
.reco {
  display: block;
  font-size: 75%;
  font-weight: 700;
  margin-bottom: 2px;
}
/*レンタル・おためし*/
.trial, .rental {
  font-weight: 700;
  font-size: 65%;
  padding: 3px 5px;
  border: 1px solid #21c4c2;
  max-width: fit-content;
  margin-top: 5px;
  border-radius: 3px;
}
.rental {
  color: #fff !important;
}
/**/
.sta_right {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.sta_right .trial, .sta_right .rental {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sta_right .ib {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
.sta_right .ib span {
  margin-left: 5px;
}
.sta_right .ib span:first-of-type {
  margin-left: 0;
}
.sta_one .trial, .sta_one .rental {
  display: inline-block;
}
/*color*/
.PinkPage .maintitle .mf {
  color: #fc6c4c;
}
.PinkPage .mtitle {
  background: #fc6c4c;
}
.PinkPage .stitle {
  border-bottom: 1px dashed #ff8f8f;
}
.PinkPage .trial, .PinkPage .rental {
  border: 1px solid #fc6c4c;
}
.PinkPage .trial {
  color: #fc6c4c;
  background: #fff;
}
.PinkPage .rental {
  background: #fc6c4c !important;
}
.PinkPage .reco, .PinkPage .num {
  color: #fc6c4c;
}
/* 取扱商品 ==================*/
.products .cleaning {
  margin-bottom: 50px;
}
.products .rounded img {
  width: 100%;
}
.products .rsbox {
  margin-top: 35px !important;
}
.products .rsbox:first-of-type {
  margin-top: 0 !important;
}
@media (max-width:750px) {
  .cleaning .sp_dc {
    display: contents;
  }
  .cleaning .sp_dc .mtitle, .cleaning .sp_dc .stitle {
    width: 100%;
  }
}
/* モップ */
.fee .num {
  font-size: 107%;
  font-weight: 700;
}
/*img*/
.mops {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mops img {
  width: 48% !important;
}
/**/
.plus {
  position: relative;
}
.plus::after {
  font-family: "Font Awesome 6 Free";
  content: "\f055";
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #21c4c2;
  font-size: 1.75rem;
}
.PinkPage .plus::after {
  color: #fc6c4c;
}
.BluePage .plus::after {
  color: #218ec4;
}
.plus .mtitle, .plus .stitle, .plus .fee span.feestr_pl {
  font-size: clamp(1.05rem, 0.8rem + 0.8vw, 1.25rem);
}
.plus .fee span.feestr_pl, .pbox .stitle.sta_right {
  font-weight: 700;
}
.plus .fee span.feestr_pl:first-letter, .pbox .stitle.sta_right:first-letter {
  margin-right: 5px;
  color: #fc6c4c;
  font-size: 107%;
}
.pbox {
  background: #fff;
  border-radius: 10px;
  padding: 13px;
  width: 47%;
}
@media (max-width:750px) {
  .plus::after {
    content: none;
  }
  .pbox:first-of-type {
    position: relative;
    margin-bottom: 55px;
  }
  .pbox:first-of-type::after {
    font-family: "Font Awesome 6 Free";
    content: "\f055";
    font-weight: bold;
    line-height: 1;
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
    color: #8a7071;
    font-size: 1.4rem;
  }
  .PinkPage .pbox:first-of-type::after {
    color: #fc6c4c;
  }
  .BluePage .pbox:first-of-type::after {
    color: #218ec4;
  }
}
/* マット */
.mats .fee_spright {
  text-align: left !important;
}
/**/
.mats_order {
  margin-top: 100px;
}
.mats_order .mtitle {
  margin-bottom: 17px;
}
.mats_order .stitle {
  font-size: clamp(1.1rem, 0.725rem + 1.2vw, 1.4rem) !important;
}
.mats_order .rsbox {
  margin-top: 20px;
}
/**/
.mats_order_common {
  padding: 25px 30px;
  border-radius: 10px;
  border: 1px dashed #b5af9c;
  background: #faf8f2;
}
.mats_order_common h2:not(.mtitle) {
  font-weight: 500;
  font-size: clamp(1.1rem, 0.85rem + 0.8vw, 1.3rem);
  margin-bottom: 7px;
}
@media (max-width:550px) {
  .mats_order {
    margin-top: 60px;
  }
  .mats_order_common {
    padding: 17px 15px 25px;
  }
}
/* ペット関連 */
.pet {
  background: #fff;
  border-radius: 10px;
  padding: 13px;
}
.pet .pbox {
  background: #faf8f2;
}
.pet .plus::after {
  font-size: 1.35rem;
}
.pet .stitle {
  font-size: clamp(1.03rem, 0.63rem + 1.28vw, 1.35rem) !important;
}
.pet .flexbox .stitle {
  font-size: clamp(1.1rem, 0.975rem + 0.4vw, 1.2rem) !important;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* 空気清浄機・加湿器 */
.airpurifier {
  margin-bottom: 35px !important;
}
.purbox {
  margin-bottom: 45px;
}
.purifier .stitle {
  font-size: clamp(1.05rem, 0.8625rem + 0.6vw, 1.2rem) !important;
  margin-bottom: 7px;
}
.purifier .stitle .trial {
  display: block;
  margin-bottom: 5px;
  margin-top: 0;
}
.bg_gray .mats_order_common {
  background: #fff;
}
.mats_order_common .mtitle {
  margin-bottom: 15px;
}
.mats_order_common .stitle {
  font-size: clamp(1.05rem, 0.8625rem + 0.6vw, 1.2rem) !important;
}
.purifier .mats_order_common .fee {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width:1355px) {
  .purifier .feeblock {
    display: inline-block;
    text-align: left;
  }
  .purifier .stitle .trial {
    display: inline-block;
  }
  .purbox .flexbox {
    display: block;
  }
  .purbox .flexbox div {
    width: 100%;
    margin-bottom: 40px;
  }
  .purbox .flexbox div:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (max-width:750px) {
  .airpurifier_title.maintitle {
    margin-bottom: 20px;
  }
  .airpurifier .rounded {
    margin-bottom: 0 !important;
  }
  .purifier .cleaning {
    margin-bottom: 0 !important;
  }
  .purifier .mats_order_common .flexbox div {
    margin-bottom: 30px;
  }
  .purifier .mats_order_common .flexbox div:last-of-type {
    margin-bottom: 0 !important;
  }
  .purifier .mats_order_common .fee {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
  }
}
@media (max-width:550px) {
  .purifier .stitle .trial {
    display: block;
  }
  .purifier .feeblock {
    display: block;
    text-align: right;
  }
}
/* 浄水器・ウォーターサーバー */
.mgt25 {
  margin-top: 25px;
}
.moc_cleaning_mgb {
  margin-bottom: 40px !important;
}
.moc_mgb {
  margin-bottom: 80px;
}
.moc_mgb .flexbox {
  margin-bottom: 40px;
}
.moc_mgb .flexbox:last-of-type {
  margin-bottom: 0 !important;
}
@media (max-width:750px) {
  .moc_mgb {
    margin-bottom: 63px;
  }
  .moc_cleaning_mgb {
    margin-bottom: 25px !important;
  }
}
/* ふとん丸洗い */
.miniflow i {
  color: #fc6c4c;
}
.ministr {
  font-size: clamp(1.05rem, 0.8625rem + 0.6vw, 1.2rem);
  font-weight: 700;
  margin-bottom: 25px;
  color: #fc6c4c;
}
.futon .purbox:last-of-type {
  margin-bottom: 0 !important;
}
.futon .stitle {
  font-size: clamp(1.25rem, 1.0625rem + 0.6vw, 1.4rem);
}
.futon .stitle .ib {
  font-size: 70%;
}
.futon .purbox .flexbox {
  display: flex;
}
.futon .purbox .flexbox div {
  width: 31.5%;
}
@media (max-width:1210px) {
  .futon .stitle .ib {
    display: block;
  }
}
@media (max-width:950px) {
  .futon .purbox .flexbox {
    display: block;
  }
  .futon .purbox .flexbox div {
    width: 100%;
  }
  .futon .stitle .ib {
    display: inline-block;
  }
}
@media (max-width:550px) {
  .ministr {
    margin-bottom: 20px;
  }
  .futonmgb {
    margin-bottom: 35px !important;
  }
  .futon .stitle .ib {
    display: block;
  }
}
/* 取扱商品（事業所向け）ページ =================================================================================================*/
/*color*/
.BluePage .maintitle .mf {
  color: #218ec4;
}
.BluePage .mtitle {
  background: #218ec4;
}
.BluePage .stitle {
  border-bottom: 1px dashed #218ec4;
}
.BluePage .trial, .BluePage .rental {
  border: 1px solid #218ec4;
}
.BluePage .trial {
  color: #218ec4;
  background: #fff;
}
.BluePage .rental {
  background: #218ec4 !important;
}
.BluePage .reco, .BluePage .num {
  color: #218ec4;
}
.BluePage .miniflow i, .BluePage .ministr {
  color: #218ec4;
}
/* モップ */
.txtmgb02 {
  margin-bottom: 17px !important;
}
.ministr.center {
  margin-bottom: 35px;
}
.b_mops .inner {
  margin-bottom: 80px;
}
.b_mops .inner:last-of-type {
  margin-bottom: 0 !important;
}
@media (max-width:550px) {
  .b_mops .inner {
    margin-bottom: 50px;
  }
}
/*フロアガラス用マルチクリーナー*/
.multicleaner {
  position: relative;
}
.multicleaner::before {
  font-family: "Font Awesome 6 Free";
  content: "\f055";
  font-weight: bold;
  line-height: 1;
  display: block;
  text-align: center;
  color: #218ec4;
  font-size: clamp(1.4rem, 0.9625rem + 1.4vw, 1.75rem);
  margin: 17px 0 14px;
}
.multicleaner .stitle {
  font-size: clamp(1.03rem, 0.63rem + 1.28vw, 1.35rem) !important;
  margin-bottom: 10px;
}
.multicleaner .acheck {
  margin-top: 15px;
}
/* ドライモップ（ホコリとり） */
/* slider */
.contents_slider {
  border-radius: 10px;
  overflow: hidden;
}
.contents_slider li {
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 0%;
  width: 100%;
}
.contents_slider li::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.contents_slider li img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*arrows*/
.contents_slider .slick-prev:before, .contents_slider .slick-next:before {
  color: #21c4c2;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
  opacity: 1;
  font-size: 1.45rem;
}
.contents_slider .slick-prev {
  left: 7px;
  z-index: 3 !important;
}
.contents_slider .slick-next {
  right: 7px;
  z-index: 3 !important;
}
/* マット */
/*オーダーメイドマット4つの効果*/
.bm.merits {
  margin-bottom: 60px;
}
.BluePage .merits h2 {
  color: #218ec4;
}
.bm.merits ul li span {
  padding-left: 0 !important;
}
.bm.merits ul li span::before {
  content: none !important;
}
.bm.merits ul li .bold {
  display: block;
  color: #218ec4;
}
.bm.merits .merflex {
  margin-bottom: 17px;
}
.bm.merits .flexbox .stitle {
  font-size: clamp(1.1rem, 0.85rem + 0.8vw, 1.3rem);
  margin-bottom: 7px;
}
.bm.merits .flexbox .stitle .trial {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.bm.merits .flexbox .stitle .trial span {
  font-size: 105%;
}
@media (max-width:1365px) {
  .bm.merits .flexbox .stitle .ib {
    display: block;
    margin-top: 5px;
  }
}
@media (max-width:1130px) {
  .bm.merits .flexbox {
    display: block;
    margin-top: 30px;
  }
  .bm.merits .flexbox div {
    width: 100%;
    margin-bottom: 20px;
  }
  .bm.merits .flexbox div:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (max-width:550px) {
  .bm.merits h2 {
    margin-bottom: 17px;
  }
  .bm.merits ul li .bold {
    font-size: 107%;
  }
}
/*deco*/
.merits h2.deco02 {
  line-height: 1.45 !important;
  font-size: clamp(1.1rem, 0.4125rem + 2.2vw, 1.65rem) !important;
}
.deco02 {
  padding: 0 27px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.deco02::before, .deco02::after {
  position: absolute;
  bottom: 0;
  font-size: 80%;
}
.deco02::before {
  content: "＼";
  left: 0;
}
.deco02::after {
  content: "／";
  right: 0;
}
@media (max-width:550px) {
  .deco02 {
    padding: 0 8%;
  }
}
/**/
@media (max-width:750px) {
  .products .b_mat .cleaning {
    margin-bottom: 70px;
  }
}
/* 空気清浄機・加湿器 */
/*img*/
.ap_img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ap_img div {
  width: 48% !important;
}
.ap_img div p {
  margin-bottom: 0;
}
@media (max-width:1190px) {
  .airpurifiers.flexbox {
    display: block;
  }
  .airpurifiers.flexbox div {
    width: 100%;
  }
  .ap_img {
    margin-bottom: 25px !important;
  }
  /*タブレット表示*/
  .ap_tablet {
    display: flex;
    justify-content: space-between;
  }
  .ap_tablet .rsbox {
    width: 48.5% !important;
    margin: 0 !important;
  }
}
@media (max-width:750px) {
  .ap_tablet {
    display: block;
  }
  .ap_tablet .rsbox {
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .ap_tablet .rsbox:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (max-width:550px) {
  .ap_img div p {
    font-size: 85%;
  }
}
/*フィルター プラン*/
.merits.gray_bg {
  background: #faf8f2;
}
.merits.gray_border {
  border: 1px dashed #b5af9c;
}
.ap_plan img {
  width: 100%;
  margin-bottom: 17px;
}
.ap_plan_note {
  font-size: 85%;
}
@media (max-width:550px) {
  .ap_plan .deco02 {
    padding: 0;
  }
  .ap_plan .deco02::before, .ap_plan .deco02::after {
    content: none;
  }
  .ap_plan.merits h2 {
    text-align: left !important;
    line-height: 1.6 !important;
  }
  .ap_plan.merits h2 br {
    display: none;
  }
}
/* 各プラン */
.filter_plan {
  margin-top: 40px;
}
.filter_plan_box {
  margin-bottom: 30px;
}
.filter_plan_box:last-of-type {
  margin-bottom: 0 !important;
}
/*color*/
.filter_plan_box:nth-child(1) .mtitle {
  background: #2e6fb0;
}
.filter_plan_box:nth-child(2) .mtitle {
  background: #ed5151;
}
.filter_plan_box:nth-child(3) .mtitle {
  background: #fa913c;
}
.filter_plan_box:nth-child(4) .mtitle {
  background: #29b34b;
}
/**/
.reco_facilities {
  font-size: 107%;
  margin-bottom: 20px;
}
.reco_facilities .trial {
  font-size: 92%;
  margin-right: 13px;
}
/*title*/
.filter_plan_box .stitle {
  margin-bottom: 5px;
  font-size: clamp(1.1rem, 0.85rem + 0.8vw, 1.3rem);
}
/*fee*/
.filter_plan_box .fee:last-of-type {
  border-bottom: none;
}
/*（フィルター交換+本体メンテナンス含む）*/
.filter_maintenance {
  display: block;
}
@media (max-width:1100px) {
  .filter_maintenance {
    width: fit-content;
    margin-left: auto;
  }
}
@media (max-width:765px) {
  .reco_facilities {
    font-size: 100%;
  }
  .reco_facilities .trial {
    display: block;
    font-size: 77%;
    margin-bottom: 5px;
  }
}
/* 業務用清掃ロボット */
@media (max-width:550px) {
  .whiz_i {
    margin-bottom: 35px !important;
  }
  .whiz_i .ministr {
    font-size: 1rem;
  }
}
.robot_plan {
  margin-bottom: 30px;
}
.robot_plan .stitle {
  font-size: clamp(1.2rem, 0.8875rem + 1vw, 1.45rem);
}
.robot_plan .feeblock {
  display: block !important;
  text-align: right;
}
/**/
.support h3 {
  font-weight: 700;
  color: #218ec4;
  line-height: 1.75;
  margin-bottom: 7px;
  font-size: clamp(1.05rem, 0.8625rem + 0.6vw, 1.2rem) !important;
}
.support h3::before {
  content: "◆";
  color: #218ec4;
}
@media (max-width:1040px) {
  .support.flexbox {
    display: block;
  }
  .support.flexbox div {
    width: 100%;
    margin-bottom: 20px;
  }
  .support.flexbox div:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (max-width:750px) {
  .robot_plan .fee:last-of-type {
    border-bottom: none;
  }
}
/* 手洗い・消毒関連 */
.mgt15 {
  margin-top: 15px;
}
.mgb10 {
  margin-bottom: 10px;
}
.dispenser {
  margin-top: 43px;
}
/**/
.dispenser ul li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 84px;
}
.dispenser ul li span:not(.ib)::before {
  content: "■";
  color: #218ec4;
  font-size: 80%;
  margin-right: 3px;
}
span.ltitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
}
span.ltitle::before {
  content: none !important;
}
span.ltitle::after {
  content: '';
  width: 20px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  background: radial-gradient(#b5af9c 20%, rgba(0, 0, 0, 0) 0%) center center / 6px 6px;
}
@media (max-width:750px) {
  .dispenser ul li {
    padding-left: 0;
    margin-bottom: 17px;
  }
  .dispenser ul li:last-of-type {
    margin-bottom: 0;
  }
  span.ltitle {
    font-weight: 700;
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
  }
  span.ltitle::after {
    position: initial;
    transform: translateY(0);
    width: 100%;
    margin-left: 6px;
    opacity: 0.5;
  }
}
/* お掃除サービスページ ========================================================================================================*/
/*お掃除箇所*/
.place {
  padding: 25px 30px;
  border-radius: 10px;
  border: 1px dashed #b5af9c;
  background: #faf8f2;
  margin-top: 35px;
}
.bg_gray .place {
  background: #fff;
}
.place .stitle {
  font-size: clamp(1.1rem, 0.85rem + 0.8vw, 1.3rem);
  margin-bottom: 10px;
}
.place .stitle::before {
  font-family: "Font Awesome 6 Free";
  content: "\f0d7";
  font-weight: bold;
  margin-right: 5px;
}
.PinkPage .place .stitle::before {
  color: #fc6c4c;
}
.BluePage .place .stitle::before {
  color: #218ec4;
}
.mgt0.rsbox {
  margin-top: 0 !important;
}
@media (max-width:550px) {
  .place {
    padding: 15px;
    margin-top: 30px;
  }
}
/**/
.longlongfee .feeblock {
  margin-left: auto;
  display: block;
  width: fit-content;
}
.longfee_br br {
  display: block !important;
}
.longfee_br .pc_fee_right .feeblock {
  display: inline-block !important;
}
.pc_fee_right {
  margin-left: auto;
  display: block;
  width: fit-content;
  text-align: right;
  line-height: 1.7;
}
.mgt20 {
  margin-top: 20px;
}
@media (max-width:750px) {
  .pc_fee_right {
    line-height: 1.9;
  }
  .longfee_br .pc_fee_right {
    text-align: left;
    width: 100%;
  }
  .longfee_br .pc_fee_right .ib {
    display: block;
    margin-left: auto;
    width: fit-content;
  }
  .longfee_br .pc_fee_right .feeblock {
    text-align: left;
    width: 100%;
  }
}
/**/
.fitc_right {
  margin-right: 0;
}
/*check list*/
.acheck li {
  padding-left: 21px;
  position: relative;
}
.acheck li::before {
  font-family: "Font Awesome 6 Free";
  content: "\f058";
  font-weight: bold;
  display: inline-block;
  color: #21c4c2;
  font-size: .9em;
  position: absolute;
  top: 0.15em;
  left: 0;
}
/*flow list*/
.flowlist {
  counter-reset: number 0;
}
.flowlist li {
  counter-increment: number 1;
}
.flowlist li span {
  position: relative;
  padding-left: 32px;
  display: inline-block;
}
.flowlist li span::before {
  content: "0"counter(number)".";
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #21c4c2;
  position: absolute;
  top: 0.1em;
  left: 0;
}
/* color */
/*pink*/
.PinkPage .feestr, .PinkPage .acheck li::before, .PinkPage .flowlist li span::before {
  color: #fc6c4c !important;
}
/*blue*/
.BluePage .feestr, .BluePage .acheck li::before, .BluePage .flowlist li span::before {
  color: #218ec4 !important;
}
/**/
.housecleaning .inner {
  max-width: 1150px;
}
.cleaning {
  margin-bottom: 85px;
}
.cleaning:last-of-type {
  margin-bottom: 0 !important;
}
.cleaning .mtitle {
  margin-bottom: 15px;
}
.cleaning .rsbox .stitle {
  font-size: clamp(1.2rem, 0.95rem + 0.8vw, 1.4rem);
}
.bb_none {
  border-bottom: none !important;
}
@media (max-width:750px) {
  .cleaning, .clmini .w48 {
    display: flex;
    flex-direction: column;
  }
  .cleaning .flexbox, .clmini .w48 .flexbox, .cleaning .w57 {
    display: contents;
  }
  .cleaning .rounded, .clmini .w48 .rounded {
    order: -1;
    margin-bottom: 20px;
  }
  .cleaning .mtitle, .clmini .stitle {
    order: -2;
  }
}
@media (max-width:550px) {
  .cleaning {
    margin-bottom: 65px;
  }
}
/*mini*/
.cleaning_mini {
  padding: 100px 0 70px;
}
.cleaning_mini .inner {
  max-width: 1357px;
}
.cleaning_mini .flexbox .w48 {
  margin-bottom: 30px;
}
@media(max-width:1030px) {
  .cleaning_mini .flexbox.clmini {
    display: block;
  }
  .cleaning_mini .flexbox .w48 {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media(max-width:550px) {
  .cleaning_mini {
    padding: 55px 0;
  }
  .cleaning_mini .flexbox .w48:last-of-type {
    margin-bottom: 0;
  }
}
/*標準料金 家庭用壁掛けタイプ 幅120cm未満〜*/
@media(max-width:1330px) {
  .h_air_conditioner .feeblock {
    display: block;
    text-align: right;
  }
  .h_air_conditioner .fee_spright {
    text-align: right;
  }
}
@media (max-width:550px) {
  .h_air_conditioner .rsbox {
    margin-top: 15px;
  }
}
/* サービス例 */
.examples .maintitle {
  margin-bottom: 25px;
}
.examples .stitle {
  font-size: clamp(1.35rem, 0.9125rem + 1.4vw, 1.7rem);
  margin-bottom: 20px;
}
.examples .flow {
  justify-content: space-between;
}
.examples .flow .flowbox {
  width: 31%;
  margin: 0;
}
.examples .flow .flowbox div p {
  white-space: nowrap;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  margin: -40px 0 0;
  padding: 10px 25px 10px 15px;
  background: #218ec4;
  width: fit-content;
  border-radius: 0 10px 0 0;
  font-size: clamp(1.1rem, 0.85rem + 0.8vw, 1.3rem);
  font-weight: 700;
  color: #fff;
}
.examples .flow .flowbox div::before {
  content: none;
}
@media(max-width:750px) {
  .examples .flow .flowbox {
    width: 100%;
    margin-bottom: 45px;
  }
  .examples .flow .flowbox:last-of-type {
    margin-bottom: 0 !important;
  }
}
/* 害虫獣駆除ページ ===========================================================================================================*/
/* 背景装飾 */
.PinkPage .for::after {
  background: url(../img/for_home.svg);
  background-position: bottom 15px left 10px !important;
}
.BluePage .for::after {
  background: url(../img/for_business.svg);
  background-position: bottom 15px right 10px !important;
}
.for::after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat !important;
  background-size: 45% !important;
  z-index: -1;
  opacity: 0.15;
}
@media (max-width: 1200px) {
  .for::after {
    background-size: 800px !important;
  }
}
@media (max-width: 550px) {
  .for::after {
    background-size: 125% !important;
  }
}
/**/
.forhome .inner {
  max-width: 1145px;
}
@media(max-width:405px) {
  .forhome .mtitle .ib {
    display: inline;
  }
}
/*title*/
.rstitle {
  font-weight: 500;
  font-size: clamp(1.07rem, 0.9075rem + 0.52vw, 1.2rem);
  margin-bottom: 5px;
}
/**/
.feeflex {
  display: flex;
  justify-content: space-between;
}
.feeflex span.first {
  margin-top: 8px;
}
.feeflex span.last {
  width: 595px;
}
.feeflex .feeblock {
  text-align: left !important;
  margin-right: 17px;
}
.feeflex .feeblock:last-of-type {
  margin-right: 0;
}
@media(max-width:1330px) {
  .h_air_conditioner .feeflex span.last {
    width: fit-content;
    display: block;
  }
  .h_air_conditioner .feeflex .feeblock {
    margin-right: 0;
  }
}
@media(max-width:1110px) {
  .feeflex span.last {
    width: fit-content;
    display: block;
  }
  .feeflex .feeblock {
    margin-right: 0;
  }
}
@media(max-width:550px) {
  .feeflex {
    display: block;
  }
  .feeflex span.last {
    margin-left: auto;
  }
}
/**/
.rsnote {
  margin-top: 20px;
  display: block;
  text-align: left !important;
}
.fee .rsnote {
  margin-top: 0;
}
@media(max-width:1100px) {
  .rsnote {
    width: fit-content;
    margin-left: auto;
  }
}
/* サービスの流れ */
.PinkPage .ex_flow .flow .flowbox div::before {
  background: #fc6c4c;
}
.PinkPage .ex_flow .stitle:not(.flowbox .stitle) {
  color: #fc6c4c;
}
.BluePage .ex_flow .flow .flowbox div::before {
  background: #218ec4;
}
.BluePage .ex_flow .stitle:not(.flowbox .stitle) {
  color: #218ec4;
}
/**/
.cl_flow_mgb {
  margin-bottom: 45px !important;
}
@media(max-width:550px) {
  .cl_flow_mgb {
    margin-bottom: 40px !important;
  }
}
/**/
.ex_flow .stitle:not(.flowbox .stitle) {
  margin-bottom: 25px !important;
  font-weight: 700;
  font-size: clamp(1.35rem, 0.9125rem + 1.4vw, 1.7rem);
}
.ex_flow .flow .flowbox {
  width: 31%;
}
.ex_flow .flow .flowbox .rstitle {
  color: #218ec4;
  margin-bottom: 10px;
  font-size: 1.05rem;
}
@media(max-width:750px) {
  .ex_flow .flow .flowbox {
    width: 100%;
  }
}
/* ホームリペアページ ==========================================================================================================*/
.homerepair p.fitc {
  max-width: 827px;
  margin-bottom: 45px;
}
/*ホームリペアの4つのメリット*/
.merits {
  overflow: hidden;
  padding: 30px 40px;
  background: #fff;
  border-radius: 10px;
  border: 1px dashed #21c4c2;
}
.merits::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
/*title*/
.deco {
  position: relative;
}
.deco::before {
  content: url(../img/deco.svg);
  display: block;
  min-width: 60px;
  width: 7%;
  margin: auto;
  filter: invert(61%) sepia(85%) saturate(419%) hue-rotate(130deg) brightness(91%) contrast(86%);
}
.merits h2.deco::before {
  position: relative;
  margin-bottom: -15px;
  left: 15px;
}
.merits h2 {
  position: relative;
  line-height: 1.6;
  color: #21c4c2;
  font-weight: 700;
  margin-bottom: 30px;
  font-size: clamp(1.25rem, 0.75rem + 1.6vw, 1.65rem);
}
.mbi {
  font-size: 130%;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.ib {
  display: inline-block;
}
.merits ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: number 0;
}
.merits ul li {
  font-size: 110%;
  width: 49.3%;
  margin-bottom: 10px;
  padding: 17px 20px 20px;
  border-radius: 5px;
  background: #faf8f2;
  counter-increment: number 1;
}
.merits ul li span:not(.bold) {
  position: relative;
  padding-left: 45px;
  z-index: 1;
  display: inline-block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.merits ul li span:not(.bold)::before {
  content: "0"counter(number)".";
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #21c4c2;
  font-size: 130%;
  position: absolute;
  top: -0.1em;
  left: 0%;
}
.merits ul li .bold {
  font-size: 115%;
  font-weight: 700;
}
@media(max-width:960px) {
  .merits ul {
    display: block;
  }
  .merits ul li {
    width: 100%;
  }
}
@media(max-width:550px) {
  .homerepair p.fitc {
    margin-bottom: 35px;
  }
  .merits {
    padding: 20px 15px;
  }
  .merits h2.deco::before {
    margin-bottom: 0;
    left: 0;
  }
  .merits h2 {
    margin-bottom: 25px;
  }
  .merits h2 .ib {
    display: block;
  }
  .merits ul li {
    padding: 13px 10px 16px;
    font-size: 100%;
  }
  .merits ul li span:not(.bold) {
    padding-left: 37px;
  }
  .merits ul li span:not(.bold)::before {
    font-size: 115%;
  }
}
/* 主なサービス一覧 */
.repair_services .flexbox {
  margin-bottom: 75px;
}
.repair_services .flexbox:last-of-type {
  margin-bottom: 0 !important;
}
.repair_services .flexbox:nth-child(2n+1) {
  flex-direction: row-reverse;
}
/*fee*/
.rsbox {
  margin-top: 27px;
}
.rsbox .stitle {
  margin-bottom: 12px;
  font-size: clamp(1.1rem, 0.7875rem + 1vw, 1.35rem);
}
.repair_services .str {
  font-size: clamp(1.4rem, 0.65rem + 2.4vw, 2rem);
}
/**/
.fee {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.fee br:not(.abb) {
  display: none;
}
.fee span.feestr {
  color: #21c4c2;
  font-weight: 700;
  font-size: 140%;
}
@media(max-width:1100px) {
  .fee br {
    display: block;
  }
  .fee span.feestr {
    font-size: 117%;
  }
  .feeblock {
    display: block;
    text-align: right;
  }
  .fee_spright {
    text-align: right;
  }
}
@media(max-width:750px) {
  .repair_services .flexbox {
    margin-bottom: 60px;
  }
  .repair_services .flexbox .spmgb {
    margin-bottom: 25px;
  }
}
/* サービス利用の流れ */
.flows .inner {
  max-width: 1800px;
  width: 97%;
}
.flows .fitc {
  margin-bottom: 55px;
}
.flow {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  counter-reset: number 0;
}
.flow .flowbox {
  width: 23%;
  margin: 0 1% 0;
  position: relative;
  counter-increment: number 1;
}
.flow .flowbox .stitle {
  font-size: clamp(1.3rem, 1.175rem + 0.4vw, 1.4rem);
}
/*img*/
.flow .flowbox div {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.flow .flowbox div::before {
  white-space: nowrap;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  margin: -40px 0 0;
  padding: 7px 20px 10px 15px;
  width: fit-content;
  border-radius: 0 10px 0 0;
  text-align: center;
  content: "step0"counter(number);
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: clamp(0.9rem, 0.775rem + 0.4vw, 1rem);
  background: #21c4c2;
  color: #fff;
}
@media(max-width:1350px) {
  .flows .inner {
    width: 88%;
  }
  .flow .flowbox {
    width: 48%;
    margin: 0 1% 35px;
  }
}
@media(max-width:750px) {
  .flow {
    display: block;
  }
  .flow .flowbox {
    width: 100%;
    margin: 0 0 40px;
  }
  .flow .flowbox:last-of-type {
    margin-bottom: 0;
  }
}
@media(max-width:550px) {
  .flows .fitc {
    margin-bottom: 37px;
  }
}