@charset "UTF-8";
/*更新画像
=================================================*/
/*更新イメージの調整
----------------------------------------------- */
.com-img {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.com-img img {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover; object-position: bottom";
  object-position: center;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/*下層ボックス
=========================================================*/
#contents-u {
  padding: 100px 0 120px;
}

/*パンくず
=========================================================*/
#bread-clumb {
  width: 100%;
  position: absolute;
  margin: 0 auto;
  padding: 10px 0 50px;
}
#bread-clumb li {
  position: relative;
  font-size: 14px;
  float: left;
  margin-right: 20px;
}
#bread-clumb li:after {
  content: ">";
  position: absolute;
  display: block;
  right: -15px;
  top: 0;
}
#bread-clumb li:last-child {
  margin-right: 0;
}
#bread-clumb li:last-child:after {
  display: none;
}

/*施工実績
=========================================================*/
#all-case .case-post article {
  width: 250px;
  margin: 40px 25px 0 0;
}
#all-case .case-post article .com-img {
  height: 180px;
  background: #ccc url(../img/common/no-img.jpg) no-repeat center/cover;
  margin-bottom: 10px;
}
#all-case .case-post article .tag-name {
  margin-bottom: 8px;
}
#all-case .case-post article .tag-name li {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 10px;
  line-height: 1;
  font-size: 11px;
  background: #333;
  color: #fff;
}
#all-case .case-post article .case-post-ttl {
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
#all-case .case-post article .case-txt {
  font-size: 14px;
}

/*施工実績詳細
  =========================================================*/
#s-case .s-case-box {
  width: 950px;
  margin: 0 auto;
}
#s-case .s-case-box .tag-name {
  text-align: right;
  margin-bottom: 30px;
}
#s-case .s-case-box .tag-name li {
  padding: 5px 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
#s-case #main-thumb {
  margin-bottom: 50px;
}
#s-case #main-thumb .case-main-img {
  width: 700px;
  height: 500px;
}
#s-case #main-thumb .case-thumb-list {
  width: 230px;
  height: 500px;
  box-sizing: border-box;
  overflow-y: scroll;
}
#s-case #main-thumb .case-thumb-list li {
  float: left;
  margin: 5px 5px 0 0;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
#s-case .case-info-dl .in-dl dt {
  width: 200px;
  background: #f2f2f2;
}
#s-case .case-info-dl .in-dl dd {
  width: 780px;
}

/*スタッフ紹介一覧(詳細ページあり)
=========================================================*/
#all-staff .staff-post article {
  width: 250px;
  margin: 60px 25px 0 0;
}
#all-staff .staff-post article .com-img {
  height: 320px;
  background: #ccc url(../img/common/no-img.jpg) no-repeat center/cover;
  margin-bottom: 10px;
}
#all-staff .staff-post article .tag-name {
  margin-bottom: 8px;
}
#all-staff .staff-post article .tag-name li {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 10px;
  line-height: 1;
  font-size: 11px;
  background: #333;
  color: #fff;
}
#all-staff .staff-post article .staff-post-ttl {
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
#all-staff .staff-post article .staff-txt {
  font-size: 14px;
}

/*スタッフ紹介一覧(詳細ページあり)
=========================================================*/
#all-only-staff {
  margin-top: 200px;
}
#all-only-staff .staff-post {
  width: 980px;
  margin: 0 auto;
}
#all-only-staff .staff-post article {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
#all-only-staff .staff-post article:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
#all-only-staff .staff-post article .com-img {
  width: 350px;
  height: 450px;
  background: #ccc url(../img/common/no-img.jpg) no-repeat center/cover;
  margin-bottom: 10px;
}
#all-only-staff .staff-post article .staff-info {
  width: 560px;
}
#all-only-staff .staff-post article .staff-info .tag-name {
  margin-bottom: 20px;
}
#all-only-staff .staff-post article .staff-info .tag-name li {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 10px;
  line-height: 1;
  font-size: 11px;
  background: #333;
  color: #fff;
}
#all-only-staff .staff-post article .staff-info .staff-post-ttl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 20px;
}
#all-only-staff .staff-post article .staff-info .staff-dl dt,
#all-only-staff .staff-post article .staff-info .staff-dl dd {
  padding: 10px 15px;
  font-size: 14px;
}
#all-only-staff .staff-post article .staff-info .staff-dl dt {
  width: 150px;
  vertical-align: top;
}
#all-only-staff .staff-post article .staff-info .staff-dl dd {
  width: 410px;
}

/*お問い合わせ
=========================================================*/
.cont-dl .in-dl dd input[type=text],
.cont-dl .in-dl dd input[type=num] {
  border: solid #ccc 1px;
  background: #fff;
}
.cont-dl .in-dl dd textarea {
  border: solid #ccc 1px;
  background: #fff;
}

.contact-btn ul li:hover #form-btn {
  background: #fff;
}

/*pagenation
--------------------------------------------*/
ul.pagenation li a {
  color: #38322d;
}
ul.pagenation li.current {
  color: #fff;
}

/*page-btn
--------------------------------------------*/
/*サイトマップ
=========================================================*/
#site-map ul li {
  border-bottom: 1px solid #008aff;
}
#site-map ul li a {
  color: #39ceff;
}
#site-map ul li a:before {
  border-left: 8px solid #008aff;
}
#site-map ul li a:hover {
  color: #008aff;
}
#site-map ul li a:hover:before {
  left: 10px;
}

/*404
=========================================================*/
/*リキャプチャ---------------*/
.recap-inwrap {
  width: 300px;
  margin: 0 auto 50px;
}

/*送信完了---------------*/
.send-comp {
  text-align: center;
}
.send-comp p {
  line-height: 1.5em;
}

.send-comp-ttl {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
}

.pc-only {
  display: none !important;
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  width: 100%;
}

.flx-cr {
  flex-direction: column-reverse;
}

.flx-c {
  flex-direction: column;
}

/*折り返し
-----------------------*/
.flx-wrp {
  flex-wrap: wrap;
}

/*逆順
-----------------------*/
.flx-rr {
  flex-direction: row-reverse;
}

/*水平方向の揃え
=================================================*/
/*初期値
-----------------------*/
.flx-strt {
  -webkit-justify-content: start;
  justify-content: start;
}

/*並列で均等配置（左右隙間なし=space-between）
-----------------------*/
.flx-btw {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/*並列で均等配置（左右隙間あり=space-around）
-----------------------*/
.flx-ard {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

/*水平揃え　末揃え
-----------------------*/
.flx-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/*水平揃え　中央揃え
-----------------------*/
.flx-center {
  -webkit-justify-content: center;
  justify-content: center;
}

/*垂直方向の揃え
=================================================*/
/*水平揃え　上揃え
-----------------------*/
.flx-alitem-strt {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

/*水平揃え　高さ揃え
-----------------------*/
.flx-alitem-strch {
  -webkit-align-items: stretch;
  align-items: stretch;
}

/*水平揃え　縦・横の中央揃え
-----------------------*/
.flx-alitem-c {
  -webkit-align-items: center;
  align-items: center;
}

/*水平揃え　下揃え
-----------------------*/
.flx-alitem-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/*水平揃え　ベースライン揃え
-----------------------*/
.flx-alitem-base {
  -webkit-align-items: baseline;
  align-items: baseline;
}

/*複数行にした揃え方
=================================================*/
/*初期値
-----------------------*/
.flx-alcont-strt {
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

/*親要素の開始位置から配置。上揃え
-----------------------*/
.flx-alcont-strch {
  -webkit-align-content: stretch;
  align-content: stretch;
}

/*親要素の終点から配置。下揃え
-----------------------*/
.flx-alcont-end {
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

/*中央揃え
-----------------------*/
.flx-alcont-c {
  -webkit-align-content: center;
  align-content: center;
}

/*最初と最後の子要素を上下の端に配置し、残りの要素は均等に間隔をあけて配置
-----------------------*/
.flx-alcont-s-btw {
  -webkit-align-content: space-between;
  align-content: space-between;
}

/*上下端にある子要素も含め、均等に間隔をあけて配置
-----------------------*/
.flx-alcont-s-ard {
  -webkit-align-content: space-around;
  align-content: space-around;
}

body {
  font-size: 4vw;
  font-weight: 500;
  color: #252525;
  letter-spacing: 0.08em;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
}

#header {
  width: 100%;
}
#header .hd-wrp {
  display: block;
  height: 60px;
  width: 100%;
}
#header .hd-wrp .hd-l {
  width: 100%;
}
#header .hd-wrp .hd-l a {
  position: relative;
  display: block;
  margin: 0 auto;
  width: fit-content;
  top: 2.5vw;
}
#header .hd-wrp .hd-l a img {
  width: 50vw;
}
#header .hd-wrp .hd-r {
  display: none;
  margin-right: 30px;
}
#header .hd-wrp .hd-r-info {
  margin-bottom: 20px;
  gap: 30px;
  margin-left: auto;
  width: fit-content;
}
#header .hd-wrp .hd-r-info-tel {
  position: relative;
  gap: 15px;
  width: fit-content;
}
#header .hd-wrp .hd-r-info-tel a {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
#header .hd-wrp .hd-r-info-tel::before {
  content: "";
  position: relative;
  background: url(../img/common/icon--tel01.png) center center/contain no-repeat;
  width: 26px;
  height: 26px;
}
#header .hd-wrp .hd-r-info-contact {
  border-radius: 5px;
  width: 190px;
  height: 40px;
}
#header .hd-wrp .hd-r-info-contact a {
  border-radius: 5px;
  position: relative;
  color: #008aff;
  font-weight: 600;
  letter-spacing: 0.08em;
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 0 #008aff;
  background: linear-gradient(90deg, #fcff27 65%, #ffd820 150%);
}
#header .hd-wrp .hd-r-info-contact a::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon--mail01.png) center center/contain no-repeat;
  width: 19px;
  height: 15px;
  left: 15px;
}
#header .hd-wrp .hd-r-info-contact a::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-right: solid 3px #008aff;
  border-bottom: solid 3px #008aff;
  transform: rotate(-45deg);
  right: 15px;
}
#header .hd-wrp .hd-r-info-line {
  width: fit-content;
}
#header .hd-wrp .hd-r #nav {
  margin-left: auto;
}
#header .hd-wrp .hd-r #nav ul {
  gap: 35px;
}
#mv {
  overflow: hidden;
  width: 100%;
  max-width: unset;
  position: relative;
}
#mv .bx-wrapper {
  pointer-events: none;
  position: relative;
  z-index: 0;
  box-shadow: unset;
  border: unset;
  background: unset;
}
#mv .bx-wrapper .bx-viewport {
  height: calc(100vh - 160px);
}
#mv .bx-wrapper .bx-viewport #slider {
  height: calc(100vh - 160px);
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(1) {
  height: calc(100vh - 160px);
  overflow: hidden;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(1) img {
  position: relative;
  width: unset;
  max-width: unset;
  height: 100%;
  left: -110vw;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(2) {
  height: calc(100vh - 160px);
  overflow: hidden;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(2) img {
  position: relative;
  width: unset;
  max-width: unset;
  height: 100%;
  left: -250vw;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(3) {
  height: calc(100vh - 160px);
  overflow: hidden;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(3) img {
  position: relative;
  width: unset;
  max-width: unset;
  height: 100%;
  left: -245vw;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(4) {
  height: calc(100vh - 160px);
  overflow: hidden;
}
#mv .bx-wrapper .bx-viewport #slider li:nth-of-type(4) img {
  position: relative;
  width: unset;
  max-width: unset;
  height: 100%;
  left: -30vw;
}
#mv .bx-wrapper .bx-controls {
  display: none;
}
#mv .mv-catch {
  width: 90%;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mv .mv-catch img {
  width: 100%;
}

.inbox {
  width: 90%;
  margin: 0 auto;
}

.common-txt-01 p {
  font-size: 4vw;
  line-height: 1.7;
  letter-spacing: 0.08em;
  margin-bottom: 4vw;
}
.common-txt-01 p:last-child {
  margin-bottom: 0;
}

.common-btn-01 {
  font-size: 4vw;
  border-radius: 1vw;
  position: relative;
  color: #008aff;
  font-weight: 600;
  letter-spacing: 0.08em;
  width: 95%;
  height: 12vw;
  box-shadow: 0 1vw 0 #008aff;
  background: linear-gradient(90deg, #fcff27 65%, #ffd820 150%);
}
.common-btn-01::after {
  position: absolute;
  content: "";
  width: 2vw;
  height: 2vw;
  border-right: solid 0.5vw #008aff;
  border-bottom: solid 0.5vw #008aff;
  transform: rotate(-45deg);
  right: 3vw;
}
.common-btn-01:link {
  color: #008aff;
}
.common-btn-01:visited {
  color: #008aff;
}

.entrance {
  width: 100%;
}


.entrance .entrance-wrp a img {
  width: 70%;
}


.entrance .entrance-wrp 



.entrance .entrance-wrp .entrance-common {
  width: 100%;
  height: 50vw;
}
.entrance .entrance-wrp .entrance-common a {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.entrance .entrance-wrp .entrance-common a .entrance-common-inner {
  position: relative;
  padding: 0 50px;
  width: 90%;
  height: 75%;
  background: url(../img/entrance/entrance--text-bg.png) center center/contain no-repeat;
}
.entrance .entrance-wrp .entrance-common a .entrance-common-inner::after {
  transition: ease 0.4s;
  content: "";
  position: absolute;
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background: url(../img/common/icon--arrow02.png) center center/23% no-repeat, linear-gradient(90deg, #fcff27 40%, #ffd820 100%);
  top: 50%;
  transform: translateY(-50%);
  right: 0vw;
}
.entrance .entrance-wrp .entrance-common a .entrance-common-inner .ttl02 {
  font-style: italic;
  text-align: center;
  width: 100%;
  font-size: 6vw;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2vw;
  border-bottom: 1px solid #008aff;
  padding-bottom: 2vw;
}
.entrance .entrance-wrp .entrance-common a .entrance-common-inner .entrance-common-inner-txt {
  font-size: 5vw;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-style: italic;
  line-height: 1.5;
  position: relative;
  background: linear-gradient(0deg, #e1f8ff 45%, rgba(225, 248, 255, 0) 45%);
}
.entrance .entrance-wrp .entrance-official {
  z-index: 0;
  width: 100%;
  height: 50vw;
}
.entrance .entrance-wrp .entrance-official a {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.entrance .entrance-wrp .entrance-official a::after {
  z-index: -1;
  content: "";
  position: absolute;
  background-blend-mode: multiply;
  background-color: rgba(57, 206, 255, 0);
  background: url(../img/entrance/entrance--bg-official.png) center center no-repeat;
  width: 140vw;
  height: 130vw;
  transition: ease 0.45s;
}
.entrance .entrance-wrp .entrance-official a .entrance-common-inner .ttl02 {
  font-style: italic;
  text-align: center;
  width: 100%;
  font-size: 6vw;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  border-bottom: 1px solid #008aff;
  padding-bottom: 20px;
}
.entrance .entrance-wrp .entrance-official a .entrance-common-inner .entrance-common-inner-txt {
  font-size: 4vw;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-style: italic;
}
.entrance .entrance-wrp .entrance-roomcleaning {
  z-index: 0;
  width: 100%;
  height: 50vw;
}
.entrance .entrance-wrp .entrance-roomcleaning a {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.entrance .entrance-wrp .entrance-roomcleaning a::after {
  z-index: -1;
  content: "";
  position: absolute;
  background-blend-mode: multiply;
  background-color: rgba(57, 206, 255, 0);
  background: url(../img/entrance/entrance--bg-roomcleaning.png) center center no-repeat;
  width: 140vw;
  height: 130vw;
  transition: ease 0.45s;
}
.entrance .entrance-wrp .entrance-roomcleaning a .entrance-common-inner .ttl02 {
  font-size: 5.5vw;
}
.entrance .entrance-wrp .entrance-roomcleaning a .entrance-common-inner .entrance-common-inner-txt {
  text-align: center;
  font-size: 3.7vw;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-style: italic;
  background: linear-gradient(0deg, #e1f8ff 25%, rgba(225, 248, 255, 0) 25%) center top -5vw no-repeat;
}
.entrance .entrance-wrp .entrance-comics {
  z-index: 0;
  width: 100%;
  height: 50vw;
  background: yellow;
}
.entrance .entrance-wrp .entrance-comics a {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.entrance .entrance-wrp .entrance-comics a::after {
  z-index: -1;
  content: "";
  position: absolute;
  background-blend-mode: multiply;
  background-color: rgba(57, 206, 255, 0);
  background: url(../img/entrance/entrance--bg-comic.png) center center no-repeat;
  width: 140vw;
  height: 130vw;
  transition: ease 0.45s;
}
.entrance .entrance-wrp .entrance-comics a .entrance-common-inner .ttl02 {
  font-size: 6vw;
}
.entrance .entrance-wrp .entrance-comics a .entrance-common-inner .entrance-common-inner-txt {
  text-align: center;
  font-size: 4vw;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-style: italic;
}
.entrance footer {
  font-size: 3.4vw;
  text-align: center;
  color: #fff;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
  padding: 4vw 0;
}

#top-greeting {
  position: relative;
  overflow: hidden;
  background: url(../img/common/bg--deco01.png) left top/55% no-repeat;
}
#top-greeting .inbox {
  padding: 23vw 0 28vw;
}
#top-greeting .inbox .ttl03 {
  position: relative;
  width: fit-content;
  font-style: italic;
  margin-bottom: 4vw;
  margin-right: auto;
}
#top-greeting .inbox .ttl03-ja {
  font-size: 5.6vw;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
#top-greeting .inbox .ttl03-ja .strong-01 {
  font-size: 6.6vw;
  color: #008aff;
  letter-spacing: 0.12em;
  font-weight: 900;
  line-height: 1.5;
}
#top-greeting .inbox .ttl03-ja .strong-02 {
  font-weight: 900;
  font-size: 6.6vw;
  letter-spacing: 0.1em;
  color: #20b8ff;
}
#top-greeting .inbox .ttl03-ja .ruby {
  display: block;
  position: absolute;
  color: #20b8ff;
  font-size: 3.3vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  top: -25px;
  left: 5px;
}
#top-greeting .inbox .ttl03-en {
  width: fit-content;
  display: block;
  font-size: 5vw;
  color: #008aff;
  letter-spacing: 0.06em;
  font-weight: 600;
  margin-left: auto;
  margin-top: 1vw;
  padding-left: 100%;
}
#top-greeting .inbox .ttl03-en::before {
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  border-image: linear-gradient(90deg, #008aff 95%, rgba(0, 138, 255, 0) 95%);
  border-image-slice: 1;
  width: 100%;
  left: 0;
  bottom: 10px;
}
#top-greeting .inbox .ttl03::before {
  content: "";
  position: absolute;
  background: url(../img/top/top-greeting--ttl-sb.png) center center/contain no-repeat;
  width: 41vw;
  height: 19vw;
  right: -33vw;
  top: -14vw;
}
#top-greeting .inbox .top-greeting-img {
  z-index: 1;
  position: relative;
  top: 2vw;
  margin-bottom: 8vw;
}
#top-greeting .inbox .top-greeting-txt {
  width: fit-content;
  margin-left: auto;
  position: relative;
  width: 100%;
  background: #20b8ff;
}
#top-greeting .inbox .top-greeting-txt p {
  z-index: 2;
  position: relative;
  color: #fff;
}
#top-greeting .inbox .top-greeting-txt p br {
  display: none;
}
#top-greeting .inbox .top-greeting-txt p strong {
  font-size: 4.3vw;
}
#top-greeting .inbox .top-greeting-txt a {
  position: relative;
  z-index: 2;
  margin-top: 20vw;
}
#top-greeting .inbox .top-greeting-txt::before {
  content: "";
  position: absolute;
  width: 120%;
  background: #20b8ff;
  height: 120%;
  left: -10%;
  top: -10%;
}
#top-greeting .inbox .top-greeting-txt::after {
  content: "";
  position: absolute;
  background: url(../img/common/illust--img01.png) center center/contain no-repeat;
  width: 29vw;
  height: 34vw;
  bottom: 4vw;
  right: -1vw;
}

#top-recommend {
  background: url(../img/common/bg--parts-top01.png) right top/100% auto no-repeat, url(../img/common/bg--parts-top02.png) left top/100% auto no-repeat, url(../img/common/bg--deco04.png) center top/100% auto no-repeat #e0eef5;
}
#top-recommend .inbox {
  position: relative;
  z-index: 0;
  padding: 25vw 0 23vw;
}
#top-recommend .inbox .ttl03 {
  margin: 0 auto;
  width: fit-content;
  font-style: italic;
  margin-bottom: 6vw;
}
#top-recommend .inbox .ttl03-en {
  padding: 0 1vw;
  width: fit-content;
  display: block;
  font-size: 6.2vw;
  color: #008aff;
  font-weight: 600;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #008aff;
  padding-bottom: 2.5vw;
  margin-bottom: 2vw;
}
#top-recommend .inbox .ttl03-ja {
  text-align: center;
  display: block;
  font-size: 6vw;
  font-weight: 600;
  letter-spacing: 0.11em;
  line-height: 1.25;
}
#top-recommend .inbox .ttl03-ja .strong-01 {
  position: relative;
  font-size: 7.1vw;
  font-weight: 900;
}
#top-recommend .inbox .ttl03-ja .strong-01::before {
  z-index: -1;
  content: "";
  position: absolute;
  height: 2vw;
  width: 100%;
  background: #fcff27;
  bottom: 1vw;
}
#top-recommend .inbox .ttl03-ja .strong-02 {
  color: #20b8ff;
  font-size: 7.1vw;
  font-weight: 900;
}
#top-recommend .inbox .top-recommend-worry {
  gap: 2vw;
  margin-bottom: 5vw;
  display: block;
}
#top-recommend .inbox .top-recommend-worry .in-dl {
  padding: 5vw;
  width: 100%;
  background: #fff;
  margin-bottom: 8vw;
}
#top-recommend .inbox .top-recommend-worry .in-dl dt .ttl04 {
  position: relative;
  margin-bottom: 5.5vw;
  color: #fff;
  font-size: 5.5vw;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.12em;
  width: 100%;
  height: 12vw;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
}
#top-recommend .inbox .top-recommend-worry .in-dl dt .ttl04::before {
  content: "";
  position: absolute;
  width: 100px;
  border-bottom: 1px solid #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#top-recommend .inbox .top-recommend-worry .in-dl dt .ttl04::after {
  content: "";
  position: absolute;
  width: 100px;
  border-bottom: 1px solid #fff;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#top-recommend .inbox .top-recommend-worry .in-dl dd .top-recommend-worry-item-list {
  border-bottom: 1px solid #008aff;
  margin-bottom: 5.5vw;
}
#top-recommend .inbox .top-recommend-worry .in-dl dd .top-recommend-worry-item-list li {
  position: relative;
  font-size: 3.9vw;
  letter-spacing: 0.12em;
  font-weight: 600;
  padding-left: 1.7em;
  margin-bottom: 4vw;
  line-height: 1.7;
}
#top-recommend .inbox .top-recommend-worry .in-dl dd .top-recommend-worry-item-list li::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon--check01.png) center center/contain no-repeat;
  width: 5vw;
  height: 5vw;
  left: 0;
  top: 0.8vw;
}
#top-recommend .inbox .top-recommend-worry .in-dl dd .top-recommend-worry-item-target {
  gap: 2.5vw;
  margin-bottom: 2vw;
}
#top-recommend .inbox .top-recommend-worry .in-dl dd .top-recommend-worry-item-target li {
  width: fit-content;
  color: #008aff;
  font-size: 4.2vw;
  font-weight: 600;
  letter-spacing: 0.12em;
  background: #e1f8ff;
  padding: 1vw 2vw;
}
#top-recommend .inbox .top-recommend-worry .in-dl dd .top-recommend-worry-item-target li:last-child {
  background: unset;
}
#top-recommend .inbox .top-recommend-worry .in-dl:nth-of-type(1) {
  position: relative;
}
#top-recommend .inbox .top-recommend-worry .in-dl:nth-of-type(1)::before {
  z-index: 1;
  content: "";
  position: absolute;
  background: url(../img/common/illust--img02.png) center center/contain no-repeat;
  width: 30vw;
  height: 24vw;
  top: 0vw;
  right: -2vw;
}
#top-recommend .inbox .top-recommend-worry .in-dl:nth-of-type(2) {
  position: relative;
}
#top-recommend .inbox .top-recommend-worry .in-dl:nth-of-type(2)::before {
  z-index: 1;
  content: "";
  position: absolute;
  background: url(../img/common/illust--img03.png) center center/contain no-repeat;
  width: 25vw;
  height: 22vw;
  top: 0vw;
  left: -3vw;
}
#top-recommend .inbox .top-recommend-solution {
  z-index: 0;
  position: relative;
  margin: 0 auto;
  background: #fff;
  width: 100%;
  padding: 2vw;
}
#top-recommend .inbox .top-recommend-solution::before {
  content: "";
  position: absolute;
  background: url(../img/common/deco--arrow01.png) center center/contain no-repeat;
  width: 32vw;
  height: 9vw;
  left: 50%;
  transform: translateX(-50%);
  top: -5vw;
}
#top-recommend .inbox .top-recommend-solution p {
  font-style: italic;
  padding: 3.8vw 2.6vw 2.6vw;
  font-size: 5.6vw;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-align: center;
  line-height: 1.65;
}
#top-recommend .inbox .top-recommend-solution p .strong-01 {
  font-size: 5.6vw;
  letter-spacing: 0.12em;
  font-weight: 900;
  color: transparent;
  background: repeating-linear-gradient(0deg, #008aff 0, #20b8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
#top-recommend .inbox .top-recommend-solution p .strong-02 {
  position: relative;
  font-weight: 900;
  font-size: 5.6vw;
}
#top-recommend .inbox .top-recommend-solution p .strong-02::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 2vw;
  bottom: 0;
  left: 0;
  background: #e1f8ff;
}
#top-recommend .inbox .top-recommend-solution p .strong-03 {
  color: #39ceff;
}
#top-recommend .inbox .top-recommend-solution .common-btn-01 {
  position: absolute;
  bottom: -8vw;
  left: 50%;
  transform: translateX(-50%);
}

.top-other {
  background: url(../img/common/bg--parts-top04.png) center top/no-repeat, url(../img/common/bg--deco03.png) right top no-repeat;
}
.top-other .inbox {
  padding: 16vw 0 8vw;
  gap: 4vw;
  flex-wrap: wrap;
}
.top-other .inbox .top-other-common {
  width: 100%;
  z-index: 0;
  width: 100%;
  height: 60vw;
  background: #fff;
  margin-bottom: 8vw;
}
.top-other .inbox .top-other-common a {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top-other .inbox .top-other-common a .ttl03 {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 21vw;
  bottom: 0;
  background: linear-gradient(0deg, #008aff 0%, #20b8ff 100%);
}
.top-other .inbox .top-other-common a .ttl03::before {
  content: "";
  position: absolute;
  width: 10vw;
  height: 10vw;
  border-radius: 5px 0 0 0;
  background: url(../img/common/icon--arrow02.png) center center/21% no-repeat, linear-gradient(90deg, #fcff27 0%, #ffd820 130%);
  bottom: 0;
  right: 0;
}
.top-other .inbox .top-other-common a .ttl03-en {
  position: absolute;
  display: block;
  color: #fff;
  padding-left: 9vw;
  top: 2vw;
  font-size: 4vw;
  letter-spacing: 0.08em;
}
.top-other .inbox .top-other-common a .ttl03-en::before {
  content: "";
  position: absolute;
  width: 7vw;
  left: 0;
  top: 0;
  border-bottom: 0.5vw solid #fff;
  top: 50%;
  transform: translateY(-50%);
}
.top-other .inbox .top-other-common a .ttl03-ja {
  font-size: 6vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  position: absolute;
  display: block;
  color: #fff;
  white-space: nowrap;
  top: 56%;
  padding-left: 7.5vw;
  transform: translateY(-50%);
}
.top-other .inbox #price a::after {
  z-index: 1;
  content: "";
  position: absolute;
  background: url(../img/top/top-bnr--01.png) center center/contain no-repeat;
  width: 99vw;
  height: 124vw;
  top: -19vw;
  left: 0;
}
.top-other .inbox #flow a::after {
  z-index: 1;
  content: "";
  position: absolute;
  background: url(../img/top/top-bnr--02.png) center center/contain no-repeat;
  width: 99vw;
  height: 124vw;
  top: -19vw;
  left: 0;
}
.top-other .inbox #company a::after {
  z-index: 1;
  content: "";
  position: absolute;
  background: url(../img/top/top-bnr--03.png) center center/contain no-repeat;
  width: 99vw;
  height: 124vw;
  top: -35vw;
  left: 0;
}

#top-contact {
  position: relative;
  overflow: hidden;
  background: url(../img/common/bg--parts-top01.png) center top/100% auto no-repeat, url(../img/common/bg--deco04.png) center top/100% auto no-repeat #e0eef5;
}
#top-contact .inbox {
  padding: 20vw 0 25vw;
  position: relative;
  z-index: 0;
}
#top-contact .inbox .ttl03 {
  z-index: 1;
  position: relative;
  width: 100%;
  background: #fff;
  font-style: italic;
  right: 0;
  padding: 6vw;
}
#top-contact .inbox .ttl03-en {
  display: block;
  margin: 0 auto;
  width: fit-content;
  font-size: 6.5vw;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #008aff;
  padding-bottom: 2vw;
  border-bottom: 1px solid #008aff;
  margin-bottom: 2vw;
}
#top-contact .inbox .ttl03-ja {
  width: fit-content;
  margin: 0 auto;
  display: block;
  font-size: 7.2vw;
  font-weight: 900;
  letter-spacing: 0.06em;
}
#top-contact .inbox .top-contact-info {
  position: relative;
  width: 100%;
  background: #20b8ff;
}
#top-contact .inbox .top-contact-info::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 120%;
  height: 150%;
  margin-left: -10%;
  background: #20b8ff;
  left: 0;
  top: -20vw;
}
#top-contact .inbox .top-contact-info::after {
  content: "";
  position: absolute;
  background: url(../img/common/illust--img04.png);
  width: 371px;
  height: 335px;
  bottom: -90px;
  right: -430px;
}
#top-contact .inbox .top-contact-info .ttl04 {
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  font-size: 6.2vw;
  font-weight: 600;
  letter-spacing: 0.12em;
  padding: 3vw;
  margin-bottom: 5vw;
  margin-top: 6vw;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
}
#top-contact .inbox .top-contact-info .ttl04 strong {
  color: #fcff27;
}
#top-contact .inbox .top-contact-info .top-contact-info-txt {
  margin-bottom: 4vw;
}
#top-contact .inbox .top-contact-info .top-contact-info-txt br {
  display: none;
}
#top-contact .inbox .top-contact-info .top-contact-info-txt p {
  font-size: 4vw;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #fff;
  line-height: 1.75;
}
#top-contact .inbox .top-contact-info .top-contact-info-tel {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 2vw;
  gap: 2vw;
  font-size: 6.4vw;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.08em;
}
#top-contact .inbox .top-contact-info .top-contact-info-tel::before {
  content: "";
  position: relative;
  background: url(../img/common/icon--tel02.png) center center/contain no-repeat;
  width: 6vw;
  height: 6vw;
}
#top-contact .inbox .top-contact-info .top-contact-info-list {
  gap: 5vw;
  padding-top: 16vw;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-line a {
  font-size: 3.7vw;
  color: #fff;
  background: linear-gradient(90deg, #06c755 0%, #50ea8f 100%);
  box-shadow: 0 1vw 0 #ffd820 ;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-line a::after {
  display: none;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-line img {
  width: 11vw;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-mail {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-mail a {
  font-size: 3.7vw;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-mail a::after {
  display: none;
}
#top-contact .inbox .top-contact-info .top-contact-info-list-mail img {
  width: 8vw;
}

#top-news {
  background: url(../img/common/bg--parts-top04.png) left top/100% auto no-repeat, url(../img/common/bg--parts-top05.png) right top/100% auto no-repeat;
}
#top-news .inbox {
  position: relative;
  padding: 25vw 0 15vw;
}
#top-news .inbox .ttl03 {
  position: relative;
  width: 100%;
  font-style: italic;
  margin-bottom: 6vw;
}
#top-news .inbox .ttl03-ja {
  display: block;
  font-weight: 900;
  font-size: 7.7vw;
  letter-spacing: 0.07em;
  margin-bottom: 4vw;
}
#top-news .inbox .ttl03-en {
  width: 100%;
  position: relative;
  display: block;
  color: #008aff;
  font-weight: 700;
  font-size: 5vw;
  letter-spacing: 0.06em;
  margin-left: auto;
  text-align: start;
}
#top-news .inbox .ttl03-en::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 138, 255, 0) 20%, #008aff 20%);
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#top-news .inbox .top-news-post-item {
  position: relative;
  background: #e1f8ff;
  margin-bottom: 8vw;
}
#top-news .inbox .top-news-post-item a {
  width: 100%;
  height: 100%;
  padding: 3.5vw;
}
#top-news .inbox .top-news-post-item::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: 0;
  top: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #20b8ff;
}
#top-news .inbox .top-news-post-item .ttl04 {
  order: 2;
  font-size: 4vw;
  letter-spacing: 0.08em;
  font-weight: 500;
  width: 100%;
  line-height: 1.5;
  margin-bottom: 4vw;
}
#top-news .inbox .top-news-post-item-tags {
  position: relative;
  gap: 2vw;
  bottom: 0vw;
  right: -26vw;
  width: 60vw;
  margin-bottom: 3vw;
}
#top-news .inbox .top-news-post-item-tags li {
  font-size: 3.2vw;
  left: 0.12em;
  font-weight: 600;
  width: fit-content;
  color: #fff;
  height: 6vw;
  padding: 0 4vw;
  background: #39ceff;

}
#top-news .inbox .top-news-post-item time {
  position: absolute;
  margin-top: 5px;
  margin-bottom: 3vw;
  order: 1;
  color: #008aff;
  font-size: 3.8vw;
  letter-spacing: 0.08em;
  font-weight: 600;
}
#top-news .inbox .common-btn-01 {
  position: relative;
  right: 0;
}

#footer {
  background: #e1f8ff;
}
#footer .ft-nav {
  display: none;
  background: linear-gradient(270deg, #008aff 0%, #20b8ff 50%);
  padding: 40px;
}
#footer .ft-nav .inbox {
  width: 1080px;
}
#footer .ft-nav .inbox ul {
  margin: 0 auto;
  width: 800px;
  gap: 20px 20px;
}
#footer .ft-nav .inbox ul li {
  position: relative;
  font-size: 15px;
  letter-spacing: 0.12em;
  font-weight: 600;
  color: #fff;
  padding-left: 15px;
}
#footer .ft-nav .inbox ul li::before {
  font-size: 13px;
  color: #fcff27;
  content: ">";
  position: absolute;
  left: 0;
}
#footer > .inbox {
  padding: 20vw 0 10vw;
  display: block;
}
#footer > .inbox .ft-l {
  position: relative;
}
#footer > .inbox .ft-l-logo {
  display: block;
  margin: 0 auto;
  margin-bottom: 6vw;
  width: 58vw;
}
#footer > .inbox .ft-l-address {
  margin-bottom: 5vw;
  font-size: 3.8vw;
  font-weight: 500;
  letter-spacing: 0.06em;
}
#footer > .inbox .ft-l-address dt {
  position: relative;
  color: #008aff;
  width: fit-content;
  margin-right: auto;
}
#footer > .inbox .ft-l-tel {
  gap: 2vw;
  position: relative;
  font-size: 5.2vw;
  letter-spacing: 0.08em;
  font-weight: 600;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 6vw;
  right: 21vw;
}
#footer > .inbox .ft-l-tel::before {
  content: "";
  position: relative;
  background: url(../img/common/icon--tel01.png) center center/contain no-repeat;
  width: 5.8vw;
  height: 5.8vw;
  padding-right: 1vw;
}
#footer > .inbox .ft-l-tel::after{
  height: 100%;
  position: absolute;
  content: "";
  border-right: 1px solid #008aff;
  right: -4vw;
}


#footer > .inbox .ft-l-contact {
  width: fit-content;
  position: absolute;
  bottom: 1.5vw;
  right: 0vw;
  font-weight: 600;
}

#footer > .inbox .ft-l-contact::before {
  position: absolute;
  content: "";
  background: url(../img/common/icon--mail02.png) center center / contain no-repeat;
  height: 6vw;
  width: 6vw;
  left: -7.4vw;
}

#footer > .inbox .ft-l-contact img {
  width: 5.8vw;
}


#footer > .inbox .ft-r-links {
  gap: 4.5vw;
  margin-bottom: 7vw;
  margin-left: auto;
  width: fit-content;
  flex-wrap: wrap;
}
#footer > .inbox .ft-r-links li {
  width: 100%;
  height: 12vw;
}
#footer > .inbox .ft-r-links li .common-btn-01 {
  width: 100%;
  height: 100%;
  color: #fcff27;
  background: linear-gradient(90deg, #008aff 46%, #20b8ff 100%);
  box-shadow: 0 1vw 0 #fcff27;
}
#footer > .inbox .ft-r-links li .common-btn-01::after {
  position: absolute;
  content: "";
  width: 2vw;
  height: 2vw;
  border-right: solid 0.5vw #fcff27;
  border-bottom: solid 0.5vw #fcff27;
  transform: rotate(-45deg);
  right: 4vw;
}
#footer > .inbox .ft-r-sns {
  justify-content: center;
  flex-wrap: wrap;
  gap: 5vw 12vw;
  margin-bottom: 5vw;
  margin-left: auto;
  width: 100%;
}
#footer > .inbox .ft-r-sns li img {
  width: 9vw;
}
#footer > .inbox .ft-r-sns-youtube {
  width: 100%;
  height: 14vw;
  border-radius: 5px;
  background: #e1f8ff;
}
#footer > .inbox .ft-r-sns-youtube a {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #008aff;
  border-radius: 5px;
}
#footer > .inbox .ft-r-sns-youtube a::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon--youtube01.png) center center/contain no-repeat;
  width: 7vw;
  height: 7vw;
  left: 4vw;
}
#footer > .inbox .ft-r-sns-youtube a::after {
  position: absolute;
  content: "";
  width: 2vw;
  height: 2vw;
  border-right: solid 0.5vw #008aff;
  border-bottom: solid 0.5vw #008aff;
  transform: rotate(-45deg);
  right: 4vw;
}
#footer > .inbox .ft-r #copyright {
  font-size: 3vw;
  margin: 0 auto;
  width: fit-content;
}

.ft-r-otherlink{
  width: fit-content;
  margin: 0 auto;
  margin-top: 5vw;
  margin-bottom: 5vw;
  gap: 5vw;
}

.ft-r-otherlink li{}

.ft-r-otherlink li a{
  font-size: 3.5vw;
  color: #008aff;
}

#sv {
  height: 30vw;
  width: 100%;
}
#sv .sv-catch img {
  max-width: unset;
  height: 6.2vw;
}

.sv-about {
  background: url(../img/sv/sv--about.png) center center/cover no-repeat;
}

.sv-recommend {
  background: url(../img/sv/sv--recommend.png) center center/cover no-repeat;
}

.sv-flow {
  background: url(../img/sv/sv--flow.png) center center/cover no-repeat;
}

.sv-company {
  background: url(../img/sv/sv--company.png) center center/cover no-repeat;
}

.sv-notfound {
  background: url(../img/sv/sv--notfound.png) center center/cover no-repeat;
}

.sv-news {
  background: url(../img/sv/sv--news.png) center center/cover no-repeat;
}

.sv-contact {
  background: url(../img/sv/sv--contact.png) center center/cover no-repeat;
}

.sv-complete {
  background: url(../img/sv/sv--complete.png) center center/cover no-repeat;
}

.sv-privacy {
  background: url(../img/sv/sv--privacy.png) center center/cover no-repeat;
}

.sv-site {
  background: url(../img/sv/sv--site.png) center center/cover no-repeat;
}

.common-ttl03-01::first-letter {
  position: relative;
  color: #008aff;
}
.common-ttl03-01 .common-ttl03-01-txt {
  position: relative;
  font-size: 7vw;
  letter-spacing: 0.06em;
  font-weight: 900;
  font-style: italic;
}
.common-ttl03-01 .common-ttl03-01-txt::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 9vw;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, #fcff27 25%, rgba(252, 255, 39, 0) 25%);
}

.common-table-01 {
  width: 100%;
  margin-bottom: 50px;
}
.common-table-01 tr td {
  display: block;
  text-align: left;
  padding: 4.5vw 0;
  width: 100%;
}
.common-table-01 tr td:first-child {
  font-size: 3.8vw;
  font-weight: 700;
  border: 1px solid #fff;
  text-align: start;
  padding-left: 5vw;
  color: #fff;
  background: #008aff;
}
.common-table-01 tr td:last-child {
  vertical-align: middle;
  text-align: right;
  font-size: 3.8vw;
  font-weight: 700;
  border: 1px solid #008aff;
  background: #fff;
}
.common-table-01 tr td:last-child p {
  margin-left: auto;
  margin-right: 5vw;
  width: 40%;
}

#about-concept {
  position: relative;
  overflow: hidden;
  background: url(../img/common/bg--deco01.png) left top/100% no-repeat;
}
#about-concept .inbox {
  padding: 15vw 0 28vw;
}
#about-concept .inbox .ttl03 {
  z-index: 1;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 3.5vw;
}
#about-concept .inbox .about-concept-sbttl {
  width: fit-content;
  margin: 0 auto;
  font-style: italic;
  font-size: 5vw;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #008aff;
  margin-bottom: 6vw;
}
#about-concept .inbox .about-concept-img {
  z-index: 1;
  position: relative;
  width: 75vw;
  margin-left: 17vw;
  margin-bottom: 12vw;
}
#about-concept .inbox .about-concept-img::after {
  content: "";
  position: absolute;
  background: url(../img/common/illust--img05.png) center center/contain no-repeat;
  width: 21vw;
  height: 50vw;
  bottom: -9vw;
  left: -13.5vw;
}
#about-concept .inbox .about-concept-txt {
  margin-bottom: 6vw;
  width: fit-content;
  height: 100vw;
  margin-right: auto;
  position: relative;
  padding: 0;
  background: url(../img/common/bg--deco05.png) left calc(50% + 590px + 11vw) top/contain no-repeat, #20b8ff;
}
#about-concept .inbox .about-concept-txt p br {
  display: none;
}
#about-concept .inbox .about-concept-txt::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 120%;
  height: 153%;
  left: 0;
  top: -31%;
  margin-left: -10%;
  background: #20b8ff;
}
#about-concept .inbox .about-concept-txt p {
  color: #fff;
}

#about-works {
  z-index: 0;
  position: relative;
  overflow: hidden;
  background: url(../img/common/bg--parts-top01.png) center top/100% auto no-repeat, url(../img/common/bg--deco04.png) center top/100% auto no-repeat #e0eef5;
}
#about-works .inbox {
  padding: 20vw 0 0vw;
}
#about-works .inbox .ttl03 {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 7vw;
}
#about-works .inbox .about-works-cleaning {
  position: relative;
  margin-bottom: 3vw;
}
#about-works .inbox .about-works-cleaning .ttl04 {
  color: #fff;
  font-style: italic;
  font-size: 5.2vw;
  letter-spacing: 0.12em;
  font-weight: 600;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
  width: 100%;
  padding: 2vw 0;
  text-align: center;
  margin-left: auto;
  margin-bottom: 5vw;
}
#about-works .inbox .about-works-cleaning .ttl04 small {
  font-size: 4.4vw;
}
#about-works .inbox .about-works-cleaning-img {
  position: relative;
  top: 0;
  height: 48vw;
  overflow: hidden;
  margin-bottom: 4vw;
}
#about-works .inbox .about-works-cleaning-txt {
  width: 100%;
  margin-left: auto;
  margin-bottom: 7vw;
}
#about-works .inbox .about-works-cleaning-txt p {
  letter-spacing: 0.05em;
}
#about-works .inbox .about-works-cleaning-txt p br {
  display: none;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature {
  padding: 7vw 5vw;
  background: #fff;
  margin-bottom: 50px;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature .ttl05 {
  color: #008aff;
  letter-spacing: 0.12em;
  font-size: 5.8vw;
  font-weight: 600;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5vw;
  padding-bottom: 4vw;
  color: #008aff;
  text-align: center;
  border-bottom: 1px solid #008aff;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list {
  counter-reset: list-num 0;
  flex-wrap: wrap;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item {
  counter-increment: list-num 1;
  position: relative;
  border: 1px solid #008aff;
  background: #fff;
  width: 100%;
  padding: 3vw;
  padding-bottom: 9vw;
  margin-bottom: 5vw;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item:last-child {
  margin-bottom: 0;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item .ttl06 {
  margin-top: 7vw;
  font-style: italic;
  color: #20b8ff;
  font-size: 4.5vw;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2vw;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item dd p {
  font-size: 3.9vw;
  text-align: left;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item dd p br {
  display: none;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item::before {
  content: "";
  position: absolute;
  width: 9vw;
  height: 9vw;
  background: linear-gradient(90deg, #008aff 16%, #20b8ff 120%);
  border-radius: 0 0 5px 0;
  left: 0;
  top: 0;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-feature-list-item::after {
  font-style: italic;
  content: "0" counter(list-num);
  position: absolute;
  color: #fcff27;
  font-size: 4.7vw;
  font-weight: 600;
  letter-spacing: 0.04em;
  top: 1.8vw;
  left: 1vw;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other {
  padding: 7vw 5vw;
  background: #fff;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other .ttl05 {
  color: #008aff;
  font-size: 5.5vw;
  letter-spacing: 0.12em;
  font-weight: 700;
  padding-bottom: 3vw;
  border-bottom: 1px solid #008aff;
  margin-bottom: 6vw;
  color: #008aff;
  text-align: center;
  padding-bottom: 4vw;
  width: 100%;
  border-bottom: 1px solid #008aff;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other-list {
  flex-wrap: wrap;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other-list-item {
  width: 100%;
  margin-bottom: 5vw;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other-list-item:last-child {
  margin-bottom: 0;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other-list-item .ttl06 {
  order: 2;
  width: 100%;
  color: #008aff;
  font-size: 4.2vw;
  letter-spacing: 0.1em;
  background: #e1f8ff;
  padding: 3vw 0;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other-list-item-img {
  order: 1;
  width: 100%;
  height: 35vw;
  overflow: hidden;
  margin-bottom: 0;
}
#about-works .inbox .about-works-cleaning .about-works-cleaning-other-list-item-img img {
  width: 100%;
}

#recommend-info .inbox {
  padding: 15vw 0 10vw;
}
#recommend-info .inbox .ttl03 {
  margin: 0 auto;
  width: fit-content;
  margin-bottom: 5vw;
}
#recommend-info .inbox .recommend-info-worry {
  margin-bottom: 8vw;
  flex-wrap: wrap;
  gap: 6vw;
}
#recommend-info .inbox .recommend-info-worry-item {
  padding: 5vw;
  background: #e1f8ff;
  width: 100%;
}
#recommend-info .inbox .recommend-info-worry-item .ttl04 {
  color: #fff;
  font-size: 5.2vw;
  letter-spacing: 0.12em;
  font-weight: 600;
  background: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
  padding: 2vw 0;
  margin-bottom: 5vw;
}
#recommend-info .inbox .recommend-info-worry-item ul li {
  gap: 3vw;
  position: relative;
  font-size: 3.8vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  width: 100%;
  line-height: 1.7;
  padding-left: 6.5vw;
  margin-bottom: 2vw;
}
#recommend-info .inbox .recommend-info-worry-item ul li:last-child {
  margin-bottom: 0;
}
#recommend-info .inbox .recommend-info-worry-item ul li::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon--check01.png) center center/contain no-repeat;
  width: 4.8vw;
  height: 4.8vw;
  left: 0;
  top: 1vw;
}
#recommend-info .inbox .recommend-info-solution {
  position: relative;
  border: 5px solid #e1f8ff;
  width: 100%;
  padding: 6.5vw 0;
}
#recommend-info .inbox .recommend-info-solution::before {
  content: "";
  position: absolute;
  background: url(../img/common/deco--arrow01.png) center center/contain no-repeat;
  width: 30vw;
  height: 10vw;
  top: -6vw;
  left: 50%;
  transform: translateX(-50%);
}
#recommend-info .inbox .recommend-info-solution p {
  text-align: center;
  font-style: italic;
  font-size: 5vw;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
#recommend-info .inbox .recommend-info-solution p .strong-01 {
  letter-spacing: 0.02em;
  font-weight: 900;
  font-size: 4.3vw;
  background: linear-gradient(0deg, #008aff 0%, #20b8ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#recommend-info .inbox .recommend-info-solution p .strong-01 small {
  letter-spacing: 0em;
  font-weight: 900;
  font-size: 3.4vw;
}
#recommend-info .inbox .recommend-info-solution p .strong-02 {
  font-weight: 900;
  font-size: 6.5vw;
  color: #39ceff;
}

#recommend-feture {
  z-index: 0;
  position: relative;
  background: url(../img/common/bg--parts-top01.png) center top/100% auto no-repeat, url(../img/common/bg--parts-top03.png) center bottom/100% auto no-repeat, url(../img/common/bg--deco04.png) center top/100% auto no-repeat #e0eef5;
}
#recommend-feture::after {
  content: "";
  position: absolute;
  background: url(../img/common/illust--img01.png) center center/contain no-repeat;
  width: 28vw;
  height: 32vw;
  bottom: -13vw;
  left: 1vw;
}
#recommend-feture .inbox {
  padding: 19vw 0 19vw;
}
#recommend-feture .inbox .ttl03 {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 9vw;
}
#recommend-feture .inbox .recommend-feture-list {
  counter-reset: list-num 0;
  gap: 8vw;
  flex-wrap: wrap;
}
#recommend-feture .inbox .recommend-feture-list-item {
  position: relative;
  counter-increment: list-num 1;
  width: 100%;
  padding: 3vw 4vw;
  position: relative;
  background: #fff;
}
#recommend-feture .inbox .recommend-feture-list-item::before {
  z-index: 1;
  content: "";
  position: absolute;
  width: 10vw;
  height: 10vw;
  background: linear-gradient(90deg, #008aff 16%, #20b8ff 120%);
  border-radius: 0 0 5px 0;
  left: 0;
  top: 0;
}
#recommend-feture .inbox .recommend-feture-list-item::after {
  z-index: 1;
  font-style: italic;
  content: "0" counter(list-num);
  position: absolute;
  color: #fcff27;
  font-size: 5.7vw;
  font-weight: 600;
  letter-spacing: 0.04em;
  top: 2vw;
  left: 1vw;
}
#recommend-feture .inbox .recommend-feture-list-item .ttl04 {
  width: 100%;
  margin-top: 8vw;
  font-weight: 900;
  font-size: 4.8vw;
  letter-spacing: 0.04em;
  line-height: 1.5;
  background: linear-gradient(0deg, #008aff 0%, #20b8ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-bottom: 2vw;
  border-bottom: 1px solid #008aff;
  margin-bottom: 4vw;
}
#recommend-feture .inbox .recommend-feture-list-item-img {
  position: relative;
  width: 100%;
  height: 35vw;
  overflow: hidden;
  margin-bottom: 5vw;
}
#recommend-feture .inbox .recommend-feture-list-item-img img {
  position: relative;
  width: 100%;
  top: -13vw;
}
#recommend-feture .inbox .recommend-feture-list-item-txt {
  margin-bottom: 6vw;
}
#recommend-feture .inbox .recommend-feture-list-item-txt p {
  font-size: 3.9vw;
}

#recommend-price {
  background: url(../img/common/bg--parts-top08.png) center bottom/100% no-repeat, url(../img/common/bg--deco06.png) left bottom 200px no-repeat;
}
#recommend-price .inbox {
  padding: 12vw 0 20vw;
}
#recommend-price .inbox .ttl03 {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 6vw;
}
#recommend-price .inbox .recommend-price-attention {
  padding: 5vw 3.5vw;
  background: #e0eef5;
}
#recommend-price .inbox .recommend-price-attention .ttl04 {
  color: #008aff;
  font-size: 5vw;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-align: center;
  padding-bottom: 3vw;
  border-bottom: 1px solid #008aff;
  margin-bottom: 3vw;
}
#recommend-price .inbox .recommend-price-attention-list {
  gap: 1vw 0;
}
#recommend-price .inbox .recommend-price-attention-list li {
  width: 100%;
  font-size: 3.8vw;
  letter-spacing: 0.12em;
  font-weight: 700;
  position: relative;
  padding-left: 2.5vw;
  line-height: 1.7;
  margin-bottom: 1.2vw;
}
#recommend-price .inbox .recommend-price-attention-list li:last-child {
  margin-bottom: 0;
}
#recommend-price .inbox .recommend-price-attention-list li::before {
  color: #20b8ff;
  font-size: 5vw;
  line-height: 1;
  top: 0.7vw;
  content: "･";
  position: absolute;
  left: -1vw;
}

#recommend-locate {
  position: relative;
  z-index: 0;
  background: #e1f8ff;
}
#recommend-locate .inbox {
  padding: 10vw 0 0;
}
#recommend-locate .inbox .ttl03 {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 5vw;
}
#recommend-locate .inbox .ttl03 span {
  font-size: 8.5vw;
}
#recommend-locate .inbox .ttl03 span::before {
  height: 9.8vw;
}
#recommend-locate .inbox .ttl03::first-letter {
  color: unset;
}
#recommend-locate .inbox .recommend-locate-map {
  position: relative;
  width: 100%;
}
#recommend-locate .inbox .recommend-locate-map img {
  width: 100%;
}
#recommend-locate .inbox .recommend-locate-txt {
  background: #fff;
  width: 100%;
}
#recommend-locate .inbox .recommend-locate-txt strong {
  color: #008aff;
  font-size: 5.9vw;
  letter-spacing: 0.18em;
  font-weight: 900;
  display: block;
  padding: 2vw;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 4vw;
  margin-top: 3vw;
  border-radius: 2vw;
}
#recommend-locate .inbox .recommend-locate-txt small {
  width: fit-content;
  margin: 0 auto;
  display: block;
  font-size: 3.7vw;
  font-weight: 700;
  letter-spacing: 0.12em;
  position: relative;
  top: -2.5vw;
  left: 2vw;
}
#recommend-locate .inbox .recommend-locate-txt small .color {
  color: #008aff;
}

#flow-info {
  background: #e1f8ff;
}
#flow-info .inbox {
  padding: 15vw 0 0;
}
#flow-info .inbox .ttl03 {
  text-align: center;
  margin-bottom: 6vw;
}
#flow-info .inbox .ttl03 strong {
  font-weight: 900;
  color: #008aff;
}
#flow-info .inbox .ttl03 span {
  line-height: 1.4;
  background: linear-gradient(0deg, #fcff27 24%, rgba(252, 255, 39, 0) 24%) center bottom 10px no-repeat;
}
#flow-info .inbox .ttl03 span::before {
  background: unset;
}
#flow-info .inbox .flow-info-list {
  position: relative;
  counter-reset: list-num 0;
}
#flow-info .inbox .flow-info-list::before {
  content: "";
  position: absolute;
  height: 100%;
  border: 4.5px solid blue;
  border-image: linear-gradient(90deg, #008aff 0%, #20b8ff 100%);
  border-image-slice: 5;
  left: 50%;
  transform: translateX(-50%);
}
#flow-info .inbox .flow-info-list-item {
  background: #fff;
  position: relative;
  width: 100%;
  counter-increment: list-num 1;
  margin-bottom: 6vw;
  padding: 4vw 6vw;
}
#flow-info .inbox .flow-info-list-item:last-child {
  margin-bottom: 0;
}
#flow-info .inbox .flow-info-list-item::before {
  z-index: 1;
  content: "";
  position: absolute;
  width: 9.7vw;
  height: 9.7vw;
  background: linear-gradient(90deg, #008aff 16%, #20b8ff 120%);
  border-radius: 0 0 5px 0;
  left: 0;
  top: 0;
}
#flow-info .inbox .flow-info-list-item::after {
  z-index: 1;
  font-style: italic;
  content: "0" counter(list-num);
  position: absolute;
  color: #fcff27;
  font-size: 5.4vw;
  font-weight: 600;
  letter-spacing: 0.04em;
  top: 2vw;
  left: 0.8vw;
}
#flow-info .inbox .flow-info-list-item dt .ttl04 {
  text-align: center;
  font-style: italic;
  font-size: 5vw;
  letter-spacing: 0.12em;
  font-weight: 900;
  color: #20b8ff;
  padding-bottom: 4vw;
  border-bottom: 1px solid #20b8ff;
  margin-bottom: 3vw;
  margin-top: 2vw;
}
#flow-info .inbox .flow-info-list-item dd p {
  text-align: center;
  font-weight: 500;
  font-size: 3.9vw;
  letter-spacing: 0.1em;
  line-height: 1.6;
}

#company-message {
  z-index: 0;
  overflow: hidden;
  position: relative;
  background: url(../img/common/bg--deco07.png) right top no-repeat;
}
#company-message .inbox {
  padding: 15vw 0 27vw;
}
#company-message .inbox .ttl03 {
  z-index: 1;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 7vw;
}
#company-message .inbox .company-message-img {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 50vw;
  overflow: hidden;
  margin-bottom: 5vw;
}
#company-message .inbox .company-message-img img {
  position: relative;
  width: 100%;
  top: -5vw;
}
#company-message .inbox .company-message-txt {
  z-index: 0;
  width: fit-content;
  margin-left: auto;
  position: relative;
  background: #20b8ff;
}
#company-message .inbox .company-message-txt::before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: -20vw;
  width: 120%;
  margin-left: -10%;
  height: 130%;
  background: #20b8ff;
}
#company-message .inbox .company-message-txt p {
  z-index: 2;
  position: relative;
  color: #fff;
}
#company-message .inbox .company-message-txt p br {
  display: none;
}
#company-message .inbox .company-message-txt .company-message-txt-name {
  font-size: 5vw;
}

#company-info {
  position: relative;
  z-index: 0;
  background: url(../img/common/bg--parts-top01.png) center top/100% no-repeat #e1f8ff;
}
#company-info .inbox {
  padding: 17vw 0 0;
}
#company-info .inbox .ttl03 {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 6vw;
}
#company-info .inbox .company-info-table {
  width: 100%;
  margin-bottom: 8vw;
}
#company-info .inbox .company-info-table tr td {
  display: table-cell;
  padding: 5.4vw 0;
}
#company-info .inbox .company-info-table tr td:first-child {
  font-size: 3.7vw;
  font-weight: 500;
  width: 35%;
  vertical-align: middle;
  padding-left: 3vw;
}
#company-info .inbox .company-info-table tr td:last-child {
  font-size: 3.7vw;
  font-weight: 500;
  width: 65%;
  background: #fff;
  text-align: start;
  padding-left: 2vw;
  line-height: 1.7;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
  border-right: none;
}
#company-info .inbox .company-info-table tr td:last-child br {
  display: none;
}
#company-info .inbox .company-info-table tr:first-child td {
  border-top: 1px solid #252525;
}
#company-info .inbox .company-info-table tr:last-child td {
  border-bottom: 1px solid #252525;
}
#company-info .inbox .company-info-map {
  position: relative;
  border: 5px solid #fff;
}
#company-info .inbox .company-info-map::before {
  content: "";
  position: absolute;
  border: 1px solid #008aff;
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  left: -5px;
  top: -5px;
}
#company-info .inbox .company-info-map iframe {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 70vw;
}

.ttl01 {
  position: relative;
  font-size: 6.7vw;
  letter-spacing: 0.06em;
  font-weight: 900;
  font-style: italic;
  margin: 0 auto;
  width: fit-content;
  margin-bottom: 10vw;
  background: linear-gradient(0deg, #fcff27 36%, rgba(252, 255, 39, 0) 36%);
}
.ttl01::first-letter {
  color: #008aff;
}

.post-wrp .all-post-list article {
  padding: 2vw;
  z-index: 0;
  background: #e1f8ff;
  position: relative;
  margin-bottom: 8vw;
}
.post-wrp .all-post-list article::before {
  z-index: -1;
  content: "";
  position: absolute;
  border: 1px solid #008aff;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.post-wrp .all-post-list article a {
  padding: 2vw;
}
.post-wrp .all-post-list article a time {
  text-align: left;
  margin-top: 2vw;
  margin-bottom: 3vw;
  order: 1;
  color: #008aff;
  font-size: 4vw;
  letter-spacing: 0.08em;
  font-weight: 600;
}
.post-wrp .all-post-list article a time span {
  color: #008aff;
  border-bottom: unset;
}
.post-wrp .all-post-list article a .tag-time {
  position: relative;
  bottom: 0;
}
.post-wrp .all-post-list article a .tag-time .post-taglist .tag-name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.4vw;
  left: 0.12em;
  font-weight: 600;
  width: fit-content;
  color: #fff;
  height: 5vw;
  padding: 0 5vw;
  background: #39ceff;
}
.post-wrp .all-post-list article .all-post-box .post-text-wrp .post-ttl {
  color: #008aff;
  font-size: 4.7vw;
  line-height: 1.5;
}
.post-wrp .all-post-list article .all-post-box .post-text-wrp .post-txt {
  margin-bottom: 10vw;
  line-height: 1.5;
}
#privacy .ttl02 {
  font-size: 4.8vw;
  color: #fff;
  background: #008aff;
  padding: 2.5vw 3vw;
  margin-bottom: 3vw;
  line-height: 1.4;
}
#privacy p {
  line-height: 1.6;
}

#site-map ul li {
  margin-bottom: 4vw;
}
#site-map ul li a {
  font-size: 3.8vw;
  padding: 3vw 5vw;
}

.main-contact .required-mark {
  font-size: 3.2vw;
  border-radius: 0;
}

.main-contact .optional-mark{
  font-size: 3.2vw;
  border-radius: 0;
}

.main-contact .inbox {
  padding: 15vw 0;
  margin: 0 auto;
}
.main-contact .inbox table {
  font-size: 3.8vw;
  width: 100%;
  margin-bottom: 3vw;
  border-collapse: collapse;
}
.main-contact .inbox td,
.main-contact .inbox th {
  padding: 4vw;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  border: 1px solid #dfdfdf;
}
.main-contact .inbox th {
  width: 100%;
  background: #f2f2f2;
}



.s-post .s-post-taglist{}

.s-post .s-post-taglist .tag-name{
  background: #20b8ff;
  font-size: 3.8vw;
  color: #fff;
  padding: 2vw 2.8vw;
  margin-right: 2vw;
  margin-bottom: 2vw;
}

.s-post .sb-post-body{
  font-size: 4vw;
  line-height: 1.7;
}

.s-post .ttl01{
  font-size: 5.8vw;
  font-weight: 700;
  line-height: 1.6;
  background: unset;
  font-style:normal;
  margin: unset;
  margin-right: auto;
  margin-bottom: 2vw;
}

.main-contact .required-mark {
  border-radius: 0;
  background: #008aff;
}
.main-contact .optional-mark {
  border-radius: 0;
  color: #20b8ff;
  background: #fff;
  border: #20b8ff 1px solid;
}

.page-btn  .text-c{
  text-align: center;
}
.main-contact .inbox th {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  border: 1px solid #fff;
}

input[type=checkbox]:checked + label::after{
  border-left: 3px solid #008aff;
  border-bottom: 3px solid #008aff;
}

input[type=radio]:checked + label::after{
  background: #008aff;
}

.main-contact .inbox th{
  background: #e0eef5;
}

ul.pagenation li.current{
  color: #008aff;
}

.main-contact .inbox td a {
  color: #008aff;
  border-bottom: 1px solid #008aff;
}

button[type=button]{
  padding: 5vw 0;
  border: unset;
  font-size: 4vw;
  width: 50vw;
}

input[type=submit]{
  padding: 5vw 0;
  font-size: 3.4vw;
  border: unset;
  width: 40vw;
}


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