@charset "UTF-8";

.comfort_main {
  gap: 4%;
  margin-bottom: 60px;
}

.comfort_main .left {
  width: 66%;
}

.comfort_main .right {
  width: 30%;
}

.feature {
  background: #e7d6c7;
  padding: 15px 15px;
  margin-top: 20px;
}

.feature_ttl {
  font-size: 18px;
  margin-bottom: 10px;
}

.feature ul li {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.pomp {
  margin-top: 20px;
}

.comfort_list02 {
  margin-top: 60px;
}

.comfort_list02 li.dobble {
  width: 66%;
}

.beige_bg {
    background: #e7d6c7;
  padding: 25px 25px;
}

.column_item .flex {
  gap: 2%;
  align-items: flex-start;
}

.column_item .flex .text,
.column_item .flex figure {
  width: 49%;
}

.comfort11 {
  max-width: 140px;
  margin: 0 0 0 auto;
}

.net_service {
  gap: 4%;
  margin: 100px auto 60px;
}

.net_service .text {
  width: 36%;
}

.net_service .image {
  width: 60%;
}

.net_service .item_ttl {
  gap: 2%;
  flex-wrap: nowrap;
}

.net_service .item_ttl .txt,
.net_service .item_ttl .logo {
  display: inline-block;
}

.net_service .item_ttl .logo {
  width: 130px;
}

.other_service {
  margin-bottom: 60px;
}

.other_service figure {
margin-top: 20px;
}

.comfort25 {
  max-width: 300px;
  margin: 20px auto 0;
}

.other_flex {
  gap: 4%;
}

.other_flex .left {
  width: 60%;
}

.other_flex .right {
  width: 36%;
}

.other_comfort {
  margin: 100px auto 0;
}

.other_comfort .column2 {
  margin-top: 20px;
}

.bgttl {
  font-size: 20px;
  color: #fff;
  background: #93431d;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 20px;
}

.harf_flex {
  align-items: flex-start;
}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1024px) {
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {
 .comfort_main .left {
  width: 100%;
 }

  .comfort_main .right {
  width: 100%;
  margin-top: 40px;
 }

 .comfort_list02 li.dobble {
  width: 100%;
 }

 .beige_bg {
  padding: 15px 15px;
 }

 .net_service {
  margin: 40px auto ;
 }
 .net_service .text {
  width: 100%;
  margin-bottom: 20px;
 }

 .net_service .image {
  width: 100%;
 }

 .net_service .item_ttl .logo {
  width: 160px;
  min-width: 160px;
 }

 .other_service {
  margin-bottom: 40px;
 }

 .other_flex .left {
  width: 100%;
 }
  .other_flex .right {
  width: 100%;
  margin-top: 40px;
 }

 .other_comfort {
  margin: 40px auto 0;
 }

 .bgttl {
  font-size: 16px;
 }

 .comfort30 {
  margin-top: 20px;
 }

 .js-scrollable {
  overflow-y: hidden!important;
  height: auto;
 }
 .js-scrollable img {
  width: 700px;
  max-width: initial;
 }
 
}