/*****************************************************************
@メディアクエリ
sm:768pxから991pxまで適用
*****************************************************************/

#contact-xs {
  width: 60%;
  margin: 2rem auto;
  background-color: unset;
  border-top: unset;
}

header {
  padding: 0;
}

.text {
  font-size: 1.1rem;
  left: 30%;
  padding: 0.5rem 3rem;
}

.contents {
  width: 80%;
  padding: 2rem;
}

.container {
  width: 80%;
}

/***---------------------------------------------------------***
トップページボタン(業務案内・料金案内)
****---------------------------------------------------------***/
.slider-button a {
  padding: 1.5rem 0rem 1.5rem 3rem;
}

.slider-button a span {
  font-size: 1.4rem;
}

.slider-button a:before {
  left: 1.8rem;
}

.slider-button a:after {
  width: 4.2rem;
  height: 4.2rem;
}

/***---------------------------------------------------------***
フッター
****---------------------------------------------------------***/
footer .m-top-4rem {
  margin-top: 4rem;
}

footer .m-left-0 {
  margin-left: auto;
  margin-right: auto;
}

footer p {
  text-align: center;
}

footer .right-img {
  margin: 4rem auto;
}

footer a.contact-button {
  margin: 2rem auto 3rem auto;
}

.sns-icon {
  margin: 0 auto;
  width: 60%;
}


#page-top {
  width: 10%;
}

/***---------------------------------------------------------***
トップページボタン(業務案内・料金案内)
****---------------------------------------------------------***/
/*#wrap2 .slider-btn span {
  font-size: 1.5rem;
}



#wrap2 .slider-btn {
  padding: 1.5rem 0rem 1.5rem 3rem;
}

#wrap2 .slider-btn:after {
  width: 4.2rem;
  height: 4.2rem;
}

#wrap2 .slider-btn:before {
  left: 1.8rem;
}
*/

#wrap2 .slider-button {
  width: 95%;
}

#wrap2 .slider-img {
  height: 9rem;
  margin-bottom: 3rem;
}

#wrap2 img {
  width: 120px;
  height: 120px;
  top: 10%;
  right: 3%;
  border-radius: 200px;
}

#wrap2 .slider-img p {
  font-size: 1.7rem;
}



/***---------------------------------------------------------***
業務案内
****---------------------------------------------------------***/
.custom-button {
  height: auto;
}

.custom-button h1 {
  font-size: 1.7rem;
}

.custom-button h2 {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  height: auto;
}

.custom-button h2 span {
  padding: 3rem 2rem;
}

.custom-button p {
  font-size: 1.2rem;
}

.custom-btn .m-bottom-5 {
  margin-bottom: 2rem;
}

.gyomu-title.m-bottom-5 {
  margin-bottom: 5rem;
  font-size: 1.2rem;
  font-weight: 500;
}


/* 1番上のボタンのみ幅100％ */
.custom-btn.flex-wrap #gyomu-custom div:nth-of-type(1) {
  width: 80%;
}

.custom-btn.flex-wrap #gyomu-custom div:nth-of-type(1) .custom-button p {
  width: 100%;
  margin: 2rem auto 0 auto;
  font-size: 1.2rem;
}

/***---------------------------------------------------------***
コンテンツ(業務案内・料金案内)
****---------------------------------------------------------***/
.contents h1 {
  font-size: 1.9rem;
}

.contents .subheading {
  margin-bottom: 1rem;
  padding: 15px 10px;
}

table {
  width: 100%;
}

/***---------------------------------------------------------***
お問い合わせ
****---------------------------------------------------------***/
#tel .info-frame .tel p {
  font-size: 2.8rem;
}

/***---------------------------------------------------------***
お問い合わせ 確認画面
****---------------------------------------------------------***/
#confirm .form {
  width: 80%;
  padding: 10%;
  margin-top: 10%;
}