/*! Writen  by SCSS */
.border_text {
  border-bottom: 1px solid;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em; }

.comfortable_wrap + .comfortable_wrap {
  margin-top: clamp(40px, 5%, 60px); }

.comfortable_wrap_01 .wrap_01_top {
  margin-bottom: clamp(25px, 3.34%, 40px); }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_01 .wrap_01_top {
      flex-direction: column;
      gap: 15px 0;
      align-items: center; } }
  .comfortable_wrap_01 .wrap_01_top .text_box {
    width: 74.17%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_01 .wrap_01_top .text_box {
        width: 100%; } }
  .comfortable_wrap_01 .wrap_01_top .logo_box {
    max-width: 270px;
    width: 22.5%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_01 .wrap_01_top .logo_box {
        width: 60%; } }
@media screen and (max-width: 480px) {
  .comfortable_wrap_01 .wrap_01_bottom {
    flex-direction: column;
    gap: 15px 0; } }
.comfortable_wrap_01 .wrap_01_bottom .text_box,
.comfortable_wrap_01 .wrap_01_bottom .image_box {
  width: 48.34%; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_01 .wrap_01_bottom .text_box,
    .comfortable_wrap_01 .wrap_01_bottom .image_box {
      width: 100%; } }
.comfortable_wrap_01 .wrap_01_bottom .text_box .wrap_b_inner {
  margin-top: 6.9%; }
  .comfortable_wrap_01 .wrap_01_bottom .text_box .wrap_b_inner .text_image {
    max-width: 256px;
    width: 44.14%; }
  .comfortable_wrap_01 .wrap_01_bottom .text_box .wrap_b_inner .item_text {
    width: 51.73%; }

.wrap_02_inner {
  margin-top: 20px;
  margin-bottom: clamp(25px, 3.34%, 40px); }
  @media screen and (max-width: 480px) {
    .wrap_02_inner {
      flex-direction: column;
      gap: 15px 0; } }
  .wrap_02_inner .image_left {
    max-width: 222px;
    width: 18.5%; }
    @media screen and (max-width: 480px) {
      .wrap_02_inner .image_left {
        max-width: none;
        width: 100%; } }
  .wrap_02_inner .image_right {
    max-width: 921px;
    width: 76.75%; }
    @media screen and (max-width: 480px) {
      .wrap_02_inner .image_right {
        width: 100%; }
        .wrap_02_inner .image_right .cap {
          position: static; } }

.comfortable_wrap_03 .logo_box {
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 600px;
  width: 50%; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_03 .logo_box {
      width: 80%;
      margin: 10px auto 15px; } }
.comfortable_wrap_03 .wrap_03_inner {
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_03 .wrap_03_inner {
      flex-direction: column;
      gap: 15px 0; } }
  .comfortable_wrap_03 .wrap_03_inner .image_box {
    max-width: 742px;
    width: 61.84%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_03 .wrap_03_inner .image_box {
        width: 100%; } }
  .comfortable_wrap_03 .wrap_03_inner .text_list {
    margin-inline: auto;
    max-width: 310px;
    width: 25.84%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: clamp(3px, 0.84vw, 10px) 3.22%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_03 .wrap_03_inner .text_list {
        width: 60%; } }
    .comfortable_wrap_03 .wrap_03_inner .text_list .item {
      max-width: 150px;
      width: 48.39%; }

.comfortable_wrap_04 {
  align-items: center;
  justify-content: flex-start;
  gap: 0 3.33%; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_04 {
      flex-direction: column;
      gap: 15px 0; } }
  .comfortable_wrap_04 .text_box {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_04 .text_box {
        width: 100%; } }
    .comfortable_wrap_04 .text_box .quality_lead {
      margin-top: 0.8em;
      margin-bottom: 2em; }
    .comfortable_wrap_04 .text_box .text_inner {
      display: flex;
      align-items: center;
      gap: 10px; }
      .comfortable_wrap_04 .text_box .text_inner .image_text {
        flex-shrink: 0;
        max-width: 270px;
        width: 46.56%; }
      .comfortable_wrap_04 .text_box .text_inner .cap_l {
        flex-grow: 1; }
  .comfortable_wrap_04 .image_wrap {
    width: 40%;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_04 .image_wrap {
        width: 80%; } }
    .comfortable_wrap_04 .image_wrap .logo_box {
      max-width: 270px;
      width: 56.25%; }
    .comfortable_wrap_04 .image_wrap .image_box {
      max-width: 160px;
      width: 33.34%; }

.comfortable_wrap_05 .quality_list .item .text_box,
.comfortable_wrap_05 .quality_list .item .image_box {
  width: 46.56%; }
.comfortable_wrap_05 .quality_list .item .text_box .item_head {
  text-align: left; }

.comfortable_wrap_06 .wrap_06_lead {
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_06 .wrap_06_lead {
      flex-direction: column;
      gap: 15px 0;
      align-items: center; } }
  .comfortable_wrap_06 .wrap_06_lead .text_box {
    width: 74.17%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_06 .wrap_06_lead .text_box {
        width: 100%; } }
  .comfortable_wrap_06 .wrap_06_lead .logo_box {
    max-width: 270px;
    width: 22.5%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_06 .wrap_06_lead .logo_box {
        width: 60%; } }
@media screen and (max-width: 480px) {
  .comfortable_wrap_06 .wrap_06_inner {
    flex-direction: column;
    gap: 15px 0; } }
.comfortable_wrap_06 .wrap_06_inner .wrap_06_box {
  width: 48.34%; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_06 .wrap_06_inner .wrap_06_box {
      width: 100%; } }
.comfortable_wrap_06 .wrap_06_inner .wrap_06_left .image_left,
.comfortable_wrap_06 .wrap_06_inner .wrap_06_left .image_right {
  max-width: 270px;
  width: 46.56%; }
.comfortable_wrap_06 .wrap_06_inner .wrap_06_right .wrap_06_r_lead {
  max-width: 320px;
  width: 55.18%;
  margin-bottom: 2.59%; }
.comfortable_wrap_06 .wrap_06_inner .wrap_06_right .wrap_06_r_center {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 2.58%;
  margin-bottom: 10px; }
  .comfortable_wrap_06 .wrap_06_inner .wrap_06_right .wrap_06_r_center .box_head {
    max-width: 80px;
    width: 13.8%;
    flex-shrink: 0; }
  .comfortable_wrap_06 .wrap_06_inner .wrap_06_right .wrap_06_r_center .quality_lead {
    flex-grow: 1;
    line-height: 1.34; }
.comfortable_wrap_06 .wrap_06_list {
  margin-top: 30px;
  margin-bottom: 10px;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 2.5vw, 30px) 3.33%; }
  @media screen and (max-width: 768px) {
    .comfortable_wrap_06 .wrap_06_list {
      gap: 20px 1.5%; } }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_06 .wrap_06_list {
      margin-top: 20px;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px; } }

.comfortable_wrap_07 .wrap_07_top {
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_07 .wrap_07_top {
      flex-direction: column;
      gap: 15px 0;
      align-items: center; } }
  .comfortable_wrap_07 .wrap_07_top .text_box {
    width: 74.17%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_07 .wrap_07_top .text_box {
        width: 100%; } }
    .comfortable_wrap_07 .wrap_07_top .text_box .quality_lead {
      margin-top: 0.5em;
      margin-bottom: 1em; }
    .comfortable_wrap_07 .wrap_07_top .text_box .cap_l {
      margin-top: 10px; }
  .comfortable_wrap_07 .wrap_07_top .logo_box {
    max-width: 270px;
    width: 22.5%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_07 .wrap_07_top .logo_box {
        width: 60%; } }
.comfortable_wrap_07 .wrap_07_list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_07 .wrap_07_list {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 10px; } }
  .comfortable_wrap_07 .wrap_07_list .item {
    max-width: 270px;
    width: 22.5%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_07 .wrap_07_list .item {
        width: 44%; } }
    .comfortable_wrap_07 .wrap_07_list .item.item_lg {
      max-width: 310px;
      width: 25.84%; }
      @media screen and (max-width: 480px) {
        .comfortable_wrap_07 .wrap_07_list .item.item_lg {
          width: 50%; } }

.comfortable_wrap_08 .text_box {
  margin-bottom: 30px; }
.comfortable_wrap_08 .wrap_08_head {
  margin-bottom: 1em; }

@media screen and (max-width: 480px) {
  .comfortable_wrap_10 {
    flex-direction: column;
    gap: 15px 0;
    align-items: center; } }
.comfortable_wrap_10 .text_box {
  width: 74.17%; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_10 .text_box {
      width: 100%; } }
.comfortable_wrap_10 .image_box {
  max-width: 270px;
  width: 22.5%; }
  @media screen and (max-width: 480px) {
    .comfortable_wrap_10 .image_box {
      width: 60%; } }

.comfortable_wrap_11 {
  background: url("../images/04/bg01.jpg") center/cover no-repeat;
  padding: 2.5%; }
  .comfortable_wrap_11 .wrap_11_lead {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 4.38%;
    margin-bottom: 5.27%; }
    .comfortable_wrap_11 .wrap_11_lead .item_head {
      display: flex;
      align-items: baseline; }
      .comfortable_wrap_11 .wrap_11_lead .item_head .text_lg {
        font-size: 1.3em; }
      .comfortable_wrap_11 .wrap_11_lead .item_head sup {
        align-self: flex-start;
        font-size: 10px; }
  .comfortable_wrap_11 .wrap_11_image {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.64%; }
    @media screen and (max-width: 480px) {
      .comfortable_wrap_11 .wrap_11_image {
        flex-direction: column;
        gap: 15px 0; } }
    .comfortable_wrap_11 .wrap_11_image .image_left {
      max-width: 529px;
      width: 46.41%; }
      @media screen and (max-width: 480px) {
        .comfortable_wrap_11 .wrap_11_image .image_left {
          width: 96.36%; } }
    .comfortable_wrap_11 .wrap_11_image .image_right {
      max-width: 549px;
      width: 48.16%; }
      @media screen and (max-width: 480px) {
        .comfortable_wrap_11 .wrap_11_image .image_right {
          width: 100%; } }

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