/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2025 | 04:16:57 */
@charset "UTF-8";


/*-----------------------------------------------
    表示・非表示 
-----------------------------------------------*/

.SpOnly{
  display: block;
}


/*-----------------------------------------------
    パンくず部分調整 
-----------------------------------------------*/

.BreadCrumb--Adjustment{
  padding: 0 0 0 8px;
}



/*-----------------------------------------------
    フローティングバナー
-----------------------------------------------*/

.FloatingBanner{
  width: 100%;
  bottom: 48px;
  right: 0;
  left: 0;
  border-radius: 0;
}

/* 画像 */
.FloatingBanner__Image{
  width: 100%;
  max-width: 450px;
  height: auto;
}


/*-----------------------------------------------
  HeadArea(タイトル+MV) 
-----------------------------------------------*/

.HeadArea{
  height: auto;
  border-top: #f26b0d 2px solid;
  border-bottom: #f26b0d 2px solid;
}

.HeadArea--Kenkirental{
  border-top: #00469b 2px solid;
  border-bottom: #00469b 2px solid;
}

.HeadArea--Lixilreform {
  border-top: #3596d2 2px solid;
  border-bottom: #3596d2 2px solid;
}

/* 白背景 */
.HeadArea__BackGround{
  width: 100%;
  padding: 0 8px;
}


/* タイトル *****/
.PageTitle{
  margin: 0;
  font-size: 26px;
}

/* 画像 */
.PageTitle__Image{
  max-width: 450px;
  vertical-align: middle;
}


/*-----------------------------------------------
    項目別くくり
-----------------------------------------------*/

/* ContentsBox ********************/

.ContentsBox{
  padding: 24px 12px;
}

/* お問い合わせフォームはこちら(背景色が青色) */
.ContentsBox--ToOrder{
  padding: 16px 0;
}

/* こんなお悩みありませんか？(背景グレー吹き出し) */
.ContentsBox--Introduction{
  padding: 24px 0 ;
  margin: 0 0 16px;
}
.ContentsBox--Introduction::after{
  margin-left: -28px;
  border: 28px solid transparent;
  border-top: 20px solid #e6e6e6;
}



/* Contents ********************/

/* こんなお悩みありませんか？(背景グレー吹き出し) */
.Contents--Introduction{
  padding: 24px;
  margin: 0 auto 48px;
}

/* 項目タイトル *****/
.Contents__Title{
  display: block;
  margin: 0 auto 24px;
  font-size: 22px;
}

/* 項目タイトルの上のテキスト *****/
.Contents__AboveTitle{
  margin: 0 0 8px;
  font-size: 13px;
}
/* イントロダクション「こんなお悩みありませんか？」の場合 */
.Contents__AboveTitle--Introduction{
  font-size: 13px;
}


/*-----------------------------------------------
    こんなお悩みありませんか？
-----------------------------------------------*/

/* お悩み1つずつくくり */
.WorriesList__Item{
  float: none;
  width: 100%;
  max-width: 440px;
  margin: 0 auto 16px;
  font-size: 13px;
}
.WorriesList__Item:last-child{
  margin: 0 auto;
}

/* 画像 */
.WorriesList__ImageBox{
  margin: 8px 0 0;
}
.WorriesList__Image{
  max-width: 140px;
}


/*-----------------------------------------------
  （サービス名）ですべて解決！
-----------------------------------------------*/

.SolutionList{
  display: inline-block;
  width: 100%;
  max-width: unset;
  margin: 0;
}

/* 解決内容1つずつくくり */
.SolutionList__Item{
  float: none;
  width: 100%;
  max-width: 440px;
  margin: 0 auto 24px;
  font-size: 18px;
}
.SolutionList__Item:last-child{
  margin: 0 auto;
}

/* 画像 */
.SolutionList__Image{
  width: 100%;
  max-width: 140px;
  margin: 0 auto 16px;
}

/* 説明文 */
.SolutionList__Explanation{
  margin: 12px 12px 0;
}


/*-----------------------------------------------
  （サービス名）とは
-----------------------------------------------*/

/* タイトル下イントロダクション *****/
.AboutSupplier{
  padding: 0 0 24px;
  margin: 0 0 24px;
}

/* タイトル下リード文 */
.AboutSupplier__Lead{
  float: none;
  width: 100%;
  margin: 0 0 16px;
  font-size: 13px;
}

/* 画像 */
.AboutSupplier__ImageBox{
  float: none;
  width: 100%;
  max-width: none;
  padding: 16px;
  margin: 0;
}


/* 各種サービス内容 ********************/
.ServiceType{
  width: 100%;
  margin: 0 0 32px;
}

/* タイトル */
.ServiceType__Title{
  margin: 0 auto 16px;
  font-size: 18px;
}
.ServiceType__TitleRepletion {
    margin-bottom: 16px;
}

/* カラム分け *****/
.ServiceType__Item,
.ServiceType__Item--Column2,
.ServiceType__Item--Column3,
.ServiceType__Item--Column4{
  width: 100%;
  max-width: unset;
  margin: 0 0 24px;
}
.ServiceType__Item:last-child,
.ServiceType__Item--Column2:last-child,
.ServiceType__Item--Column3:last-child,
.ServiceType__Item--Column4:last-child{
  margin: 0;
}

/* 白背景 *****/
.ServiceType__Sample{
  width: 100%;
}


/* サービス内容 ********************/

/* 画像 */
.ServiceType__Image{
  width: 100%;
  max-width: 208px;
}


/* サービスのご注意事項 ********************/

.Alert__ServiceItem{
  margin: 8px 0 0 16px;
  line-height: 1.3;
  list-style: decimal;
}


/*-----------------------------------------------
  (サービス名)ご利用の流れ
-----------------------------------------------*/

.OrderStepBox{
  width: 100%;
}

/* ご注文まで・ご注文後 各くくり *******************/
.OrderStep{
  float: none;
  width: 100%;
  margin: 0;
}
.OrderStep__Title--LightBlue{
  border: #3596d2 2px solid!important;
  border-left: #3596d2 8px solid!important;
}

/* ご注文後 */
.OrderStep--After{
  max-width: unset;
  margin: 16px 0 0;
}

/* ご注文まで・ご注文後 タイトル *****/
.OrderStep__Title{
  width: 100%;
  margin: 0;
  border: #094da6 2px solid;
  border-left: #094da6 8px solid;
}
/* ご注文後 */
.OrderStep__Title--After{
  border: #d0101b 2px solid;
  border-left: #d0101b 8px solid;
}
.OrderStep__Title--AfterOrange{
  border: #f26b0d 2px solid;
  border-left: #f26b0d 8px solid;
}
.OrderStep__Title--AfterLixil{
  border: #ea5d01 2px solid;
  border-left: #ea5d01 8px solid;
}


/* ご注文まで・ご注文後 タイトル右側三角部分 *****/
.OrderStep__Title::before,
.OrderStep__Title::after{
  content: none;
}


/* ご注文流れ 各くくり(ご注文まで・ご注文後) ********************/
.OrderStep__List{
  margin: 24px 0 0;
}

/* ご注文流れステップごとのくくり */
.OrderStep__Item{
  position: relative;
  float: none;
  width: 100%;
  max-width: unset;
  min-height: 126px;
  padding: 0;
  margin: 0 0 24px;
  font-size: 13px;
}
.OrderStep__Item:last-child{
  margin: 0;
}

/* 画像 */
.OrderStep__Image{
  position: absolute;
  top: 26px;
  left: 0;
  width: 120px;
  max-width: unset;
  margin: 0;
}

/* 説明文 */
.OrderStep__Explanation{
  margin: -13px 0 0 136px;
}
/* 注意(※) */
.OrderStep__Explanation--Note{
  margin: 8px 0 0 149px;
}


/*-----------------------------------------------
    よくあるご質問
-----------------------------------------------*/

/* Q&A１つずつのくくり */
.QuestionList__Item{
  padding: 0 12px 16px;
  background-color: unset;
  border: none;
  border-bottom: #ccc 1px solid;
}
.QuestionList__Item:last-child{
  padding: 0 12px;
  border: none;
}

/* Q */
.QuestionList__Question{
  font-size: 13px;
  font-weight: bold;
}


/*-----------------------------------------------
    公開日
-----------------------------------------------*/

.ReleaseDate{
  margin: 16px 8px;
}



/*////////////////////////////// for SP (max-width:320px) //////////////////////////////*/
@media screen and (max-width: 320px){

/*-----------------------------------------------
    項目別くくり
-----------------------------------------------*/

/* Contents ********************/
/* 項目タイトル *****/
.Contents__Title{
  display: block;
  margin: 0 auto 24px;
  font-size: 19px;
}
  
/*-----------------------------------------------
  （サービス名）とは
-----------------------------------------------*/

/* 各種サービス内容 ********************/
/* サブタイトル *****/
.ServiceType__SubTitle{
  background-image: none;
  padding: 8px;
}


/*-----------------------------------------------
  お問い合わせフォームはこちら
-----------------------------------------------*/

.ToOrder{
  font-size: 12px;
}
/* リンクボタン *****/
.ToOrder__ButtonColor{
  font-size: 16px;
}

}