@charset "UTF-8";

.hidden {
  display: none !important;
}

.title-common-primary {
  color: #5092d8;
  font-family: 'Oswald', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-common-primary .title-english {
  display: block;
  font-weight: 300;
  border-top: 2px solid #075699;
  border-bottom: 2px solid #075699;
}
.title-common-primary .title-number {
  display: block;
  font-weight: 500;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .title-common-primary .title-english {
    font-size: 2rem;
    line-height: calc(24 / 20);
    letter-spacing: .05em;
    position: relative;
    top: 4px;
    margin-right: 13px;
    padding: 4px 0 4px;
  }
  .title-common-primary .title-number {
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .title-common-primary {
    color: #5090d6;
  }
  .title-common-primary .title-english {
    border-top: 2px solid #5090d6;
    border-bottom: 2px solid #5090d6;
  }
}

.title-common-secondary {
  font-weight: 700;
  position: relative;
}
.title-common-secondary::before {
  content: '';
  position: absolute;
  display: block;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .title-common-secondary {
    font-size: 2.8rem;
    letter-spacing: .049em;
    line-height: calc(29.46 / 28);
    padding: 2px 0 0 15px;
    margin-bottom: 16px;
    color: #5092d8;
  }
  .title-common-secondary::before {
    width: 4px;
    min-height: calc(100% - 1px);
    top: 0;
    left: 0;
    background-color: #5092d8;
  }
}
@media screen and (max-width: 768px) {
  .title-common-secondary {
    font-size: 1.8rem;
    letter-spacing: .075em;
    padding-left: 9px;
    margin-bottom: 9px;
    line-height: calc(52 / 36);
    color: #5090d6;
  }
  .title-common-secondary::before {
    width: 3px;
    min-height: calc(100% - 6px);
    top: 2px;
    left: -1px;
    background-color: #5090d6;
  }
}

.button-common-primary {
  display: block;
  background-color: #5092d8;
  position: relative;
  text-align: center;
  color: #fff !important;
  text-decoration: none;
}
.button-common-primary::after {
  display: block;
  content: '';
  position: absolute;
  background: url("/img/product/system_kitchen/lemure/clean_area/icon_arrow_01.svg") center/cover no-repeat;
}
.button-common-primary .button-wrapper {
  font-weight: 500;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .button-common-primary {
    min-width: 240px;
    padding: 10px 30px 9px 39px;
  }
  .button-common-primary::after {
    width: 9px;
    height: 12px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
  .button-common-primary .button-wrapper {
    font-size: 2rem;
    line-height: calc(30 / 20);
    letter-spacing: .005em;
  }
}
@media screen and (max-width: 768px) {
  .button-common-primary {
    padding: 2px 0 2px;
    background-color: #5090d6;
  }
  .button-common-primary .button-wrapper {
    font-size: 1.5rem;
    letter-spacing: .05em;
  }
  .button-common-primary::after {
    width: 9px;
    height: 12px;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
  }
}

.section-clean-keyvisual {
  position: relative;
}
.section-clean-keyvisual .keyvisual-image {
  display: flex;
  flex-wrap: wrap;
}
.section-clean-keyvisual .keyvisual-image li img {
  width: 100%;
  object-fit: cover;
}
.section-clean-keyvisual .keyvisual-image li:first-child {
  width: 100%;
}
.section-clean-keyvisual .keyvisual-title {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  color: #005ba6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.section-clean-keyvisual .keyvisual-title span {
  background-color: #fff;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .section-clean-keyvisual .keyvisual-image {
    margin: 0 -10px;
    min-width: 980px;
  }
  .section-clean-keyvisual .keyvisual-title {
    font-size: 3.5rem;
    line-height: 1.2;
    letter-spacing: .02em;
    top: 252px;
    min-width: 643px;
  }
  .section-clean-keyvisual .keyvisual-title span {
    padding: 0 12px 3px;
  }
  .section-clean-keyvisual .keyvisual-title .title-small {
    font-size: 2rem;
    letter-spacing: .01em;
    margin-bottom: 8px;
    line-height: 1.4;
    padding: 0 0 0 5px;
  }
  .section-clean-keyvisual .keyvisual-image .is-normal,
  .section-clean-keyvisual .keyvisual-image .is-small {
    width: calc(100% / 3)
  }
}
@media screen and (max-width: 768px) {
  .section-clean-keyvisual .keyvisual-image {
    margin: 0 -15px;
  }
  .section-clean-keyvisual .keyvisual-title {
    font-size: 2.3rem;
    letter-spacing: .02em;
    line-height: 1.3;
    width: 100%;
    top: 46%;
    text-align: center;
  }
  .section-clean-keyvisual .keyvisual-title .title-small {
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: .012em;
    margin-bottom: 11px;
    padding-left: 4px;
  }
  .section-clean-keyvisual .keyvisual-image li {
    width: 33.333333332%;
  }
  .section-clean-keyvisual .keyvisual-title span:nth-child(2) {
    padding: 0 12px 1px 10px;
  }
}


.section-clean-about .content-detail {
  font-weight: 500;
  color: #005ba6;
}
.section-clean-about .content-detail .is-highlight {
  background: url("/img/product/system_kitchen/lemure/clean_area/highlight_title_01.png") bottom 0 center/100% 12px repeat-x;
}
.section-clean-about .detail-note {
  display: block;
  font-weight: 500;
  color: #000;
}
.section-clean-about .content-thumbnail {
  position: relative;
}
.section-clean-about .content-thumbnail::before, .content-thumbnail::after {
  content: '';
  display: block;
  position: absolute;
}
.section-clean-about .content-thumbnail::before {
  background: url("/img/product/system_kitchen/lemure/clean_area/decoration_about_01.png") center/cover no-repeat;
}
.section-clean-about .content-thumbnail::after {
  background: url("/img/product/system_kitchen/lemure/clean_area/decoration_about_02.png") center/cover no-repeat;
}
.section-clean-about .content-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.section-clean-about .accordion-title {
  background-color: #5092d8;
  text-align: center;
  color: #fff;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.section-clean-about .accordion-title::before,.accordion-title::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  height: 1px;
  transition: all .3s ease;
}
.section-clean-about .is-active .accordion-title::after  {
  transform: rotate(90deg);
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .section-clean-about {
    min-width: 980px;
    padding: 89px 0 131px;
    margin: 0 -10px;
    background: url("/img/product/system_kitchen/lemure/clean_area/background_about_01.png") bottom/cover no-repeat;
  }
  .section-clean-about .content-detail {
    font-size: 1.8rem;
    line-height: calc(40 / 18);
    letter-spacing: .01em;
    margin: 0 auto 17px;
    padding-left: 20px;
  }
  .section-clean-about .content-detail, .detail-note {
    width: 715px;
  }
  .section-clean-about .detail-note {
    font-size: 1.4rem;
    padding-left: 22px;
    letter-spacing: .005em;
    margin: 0 auto 42px;
  }
  .section-clean-about .content-thumbnail {
    width: 560px;
    margin: 0 auto 105px;
  }
  .section-clean-about .content-thumbnail::before, .content-thumbnail::after {
    width: 72px;
    height: 60px;
  }
  .section-clean-about .content-thumbnail::before {
    top: 38px;
    left: -82px;
  }
  .section-clean-about .content-thumbnail::after {
    bottom: -23px;
    right: -87px;
  }
  .section-clean-about .about-accordion {
    padding: 0 40px;
  }
  .section-clean-about .accordion-title {
    font-size: 2.2rem;
    line-height: calc(30 / 22);
    letter-spacing: .015em;
    padding: 21px 100px 19px;
  }
  .section-clean-about .accordion-title::before, .accordion-title::after {
    top: 35px;
    right: 43px;
    width: 10px;
  }
}
@media screen and (max-width: 768px) {
  .section-clean-about {
    padding: 44px 15px 96px;
    margin: 0 -15px;
    background: url("/img/product/system_kitchen/lemure/clean_area/background_about_01_sp.png") bottom/cover no-repeat;
  }
  .section-clean-about .about-content {
    padding: 0 0 61px;
  }
  .section-clean-about .content-detail {
    font-size: 1.6rem;
    line-height: calc( 66 / 32 );
    letter-spacing: -.063em;
    margin-bottom: 10px;
    color: #005ba4;
  }
  .section-clean-about .detail-note {
    font-size: 1.1rem;
    letter-spacing: -.05em;
    margin-bottom: 30px;
  }
  .section-clean-about .content-thumbnail {
    width: 76%;
    margin: 0 auto;
  }
  .section-clean-about .content-thumbnail::before, .content-thumbnail::after {
    width: 34px;
    height: 27px;
  }
  .section-clean-about .content-thumbnail::before {
    top: 19px;
    left: -39px;
  }
  .section-clean-about .content-thumbnail::after {
    bottom: -10px;
    right: -39px;
  }
  .section-clean-about .accordion-title {
    font-size: 1.6rem;
    line-height: calc( 30 / 32 );
    letter-spacing: .015em;
    padding: 10px 0;
    background-color: #5090d6;
  }
  .section-clean-about .accordion-title::before, .accordion-title::after {
    top: 17px;
    right: 20px;
    width: 8px;
  }
}

.section-clean-point .point-title {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #5092d8;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .section-clean-point {
    padding: 70px 0 0;
  }
  .section-clean-point .point-title {
    font-size: 3.2rem;
    line-height: calc(41 / 32);
    letter-spacing: .01em;
    padding: 0 100px;
  }
  .section-clean-point .point-title .title-small {
    font-size: 2.3rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .section-clean-point {
    padding: 58px 0 0;
  }
  .section-clean-point .point-title {
    font-size: 2.3rem;
    line-height: calc(54 / 46);
    letter-spacing: .1em;
    margin-bottom: 38px;
    color: #5090d6;
  }
  .section-clean-point .point-title .title-small {
    font-size: 1.6rem;
    letter-spacing: .01em;
    margin-bottom: 6px;
  }
}


.point-common-block .title-common-primary {
  color: #075699;
}
.point-common-block .title-common-primary .title-english {
  font-weight: 500;
}
.point-common-block .block-banner {
  position: relative;
}
.point-common-block .banner-title {
  color: #075699;
  font-family: 'Noto Serif JP', sans-serif;
}

.point-common-block .banner-note {
  position: absolute;
  right: 4px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -.07em;
}
.point-common-block .content-detail {
  font-weight: 500;
  color: #000;
}
.point-common-block .list-video {
  display: flex;
  flex-wrap: wrap;
}

.point-common-block .list-video .video-title {
  color: #5092d8;
  font-weight: 500;
  font-family: 'Oswald', sans-serif;
}
.point-common-block .list-video li video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .point-common-block {
    min-width: 980px;
    margin: 0 -10px;
    padding: 119px 0 56px;
  }
  .point-common-block .banner-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .point-common-block .banner-title {
    font-size: 2rem;
    line-height: calc(38 / 20);
    letter-spacing: 0.01em;
  }
  .point-common-block .banner-title span {
    background-color: #fff;
    padding: 1px 0 0 8px;
  }
  .is-point-02 .banner-title {
    text-align: right;
  }
  .is-point-02 .banner-title span {
    padding: 1px 0 0 1px;
  }
  .point-common-block .title-common-primary {
    top: -62px;
    position: absolute;
  }
  .is-point-02 .title-common-primary {
    right: 97px
  }
  .point-common-block .title-common-primary .title-english {
    font-size: 3.6rem;
    padding: 5px 18px 7px;
    margin-right: 21px;
  }
  .point-common-block .title-common-primary .title-number {
    font-size: 7.2rem;
  }
  .point-common-block .block-banner {
    min-height: 370px;
    padding: 149px 100px 50px;
  }
  .point-common-block .banner-note {
    font-size: 1.4rem;
    bottom: 6px;
  }
  .is-point-02 .block-banner {
    min-height: 372px;
    margin-bottom: 81px;
  }
  .point-common-block .block-content {
    padding: 80px 80px 70px;
  }
  .point-common-block .content-detail {
    font-size: 1.6rem;
    line-height: calc(25 / 16);
    letter-spacing: -.044em;
    margin-bottom: 23px;
  }
  .point-common-block .is-text-space {
    letter-spacing: 0.025em;
  }
  .point-common-block .is-reverse .content-detail {
    margin-bottom: 9px;
  }
  .point-common-block .list-video li {
    width: calc(100% / 2);
    text-align: center;
    margin-bottom: 10px;
  }
  .point-common-block .list-video li .video-wrapper {
    width: 390px;
    height: 250px;
    margin: 0 auto
  }
  .point-common-block .list-video .video-title {
    font-size: 2rem;
    letter-spacing: .001em;
    margin-bottom: 8px;
  }
  .point-common-block .list-video {
    margin: 0 -20px;
  }
}
@media screen and (max-width: 768px) {
  .point-common-block .block-banner {
    text-align: center;
    padding-bottom: 49px;
    margin: 0 -15px;
  }
  .point-common-block .block-banner .title-common-primary {
    margin-bottom: -3px;
    color: #075697;
  }
  .point-common-block .block-banner .title-common-primary .title-english {
    font-size: 2.2rem;
    letter-spacing: .05em;
    line-height: 1.48;
    margin-right: 12px;
    padding: 0 10px 1px;
  }
  .point-common-block .block-banner .title-common-primary .title-number {
    font-size: 4.2rem;
    position: relative;
    left: 3px;
  }
  .point-common-block .block-banner .banner-thumbnail {
    width: 100%;
  }
  .point-common-block .block-banner .banner-thumbnail img{
    width: 100%;
    object-fit: cover;
  }
  .point-common-block .block-banner .banner-title {
    font-size: 1.8rem;
    letter-spacing: .1em;
    line-height: calc(66 / 36);
    margin-bottom: 18px;
    color: #075697;
  }
  .point-common-block .block-content .content-detail {
    font-size: 1.6rem;
    letter-spacing: .025em;
    line-height: calc( 58 / 32 );
    margin-bottom: 13px;
  }
  .point-common-block .block-content .list-video {
    margin: 0 -5px;
    padding-bottom: 50px;
  }
  .point-common-block .block-content .list-video li {
    width: calc(100% / 2);
    text-align: center;
    padding: 0 5px;
  }
  .point-common-block .block-content .list-video li .video-title {
    font-size: 1.6rem;
    letter-spacing: .01em;
    margin-bottom: 5px;
    color: #5090d6;
  }
  .point-common-block .block-content .list-video li .video-wrapper {
    width: 165px;
    height: 106px;
    margin: 0 auto;
  }
  .point-common-block .block-content .list-video li .video-wrapper video {
    border-radius: 5px;
  }
  .point-common-block .a-center {
    margin-bottom: 44px;
  }
  .point-common-block .banner-note {
    bottom: 54px;
    font-size: 1.1rem;
  }
  .is-point-03 .flow-detail {
    font-size: 1.6rem;
    line-height: calc( 58 / 32 );
    letter-spacing: .025em;
    margin-bottom: 43px;
  }
  .is-point-03 .flow-note {
    font-size: 1.1rem;
    text-align: right;
    line-height: calc( 40 / 22);
    letter-spacing: .05em;
  }
  .is-point-03 .flow-thumbnail {
    margin-bottom: 11px;
  }
  .is-point-03 .block-flow {
    margin-bottom: 45px;
  }
  .is-point-03 .block-area .title-common-secondary {
    margin-bottom: 31px;
  }
  .is-point-03 .flow-detail.is-position {
    margin-bottom: 29px;
  }
}

.block-common-one {
  background-color: #ddf1ff;
  border-radius: 20px;
  display: flex;
  position: relative;
}
.block-common-one::before {
  content: '';
  display: block;
  position: absolute;
}
.block-common-one .one-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.block-common-one .content-detail {
  font-weight: 500;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .block-common-one {
    margin: 0 80px;
    padding: 67px 40px 40px 40px;
    margin-bottom: 100px;
    justify-content: space-between;
  }
  .is-point-02 .block-common-one {
    padding-top: 71px;
  }
  .block-common-one::before {
    background: url("/img/product//system_kitchen/lemure/clean_area/title_one_01.png") center/cover no-repeat;
    width: 135px;
    height: 58px;
    top: -28px;
    left: 39px;
  }
  .block-common-one .title-common-secondary{ 
    font-size: 2.8rem;
    line-height: calc(40 / 28);
    margin-bottom: 7px;
    letter-spacing: -.087em;
  }
  .block-common-one .content-detail{ 
    font-size: 1.6rem;
    letter-spacing: -.07em;
    line-height: calc(25 / 16);
    margin-bottom: 26px;
  }
  .block-common-one .one-thumbnail {
    width: 350px;
    height: 250px;
    flex: 0 0 auto;
    margin-top: -27px;
  }
  .is-point-01 .block-common-one .title-common-secondary {
    margin-bottom: 25px;
  }
  .is-point-02 .title-common-secondary {
    margin-bottom: 12px;
    letter-spacing: -.025em;
  }
  .block-common-one .button-common-primary {
    padding: 11px 62px 9px 50px;
  }
  .block-common-one .button-common-primary::after {
    right: 11px;
  }
  .block-common-one .button-common-primary .button-wrapper {
    font-size: 1.6rem;
    letter-spacing: -.07em;
    padding-left: 8px;
  }
  .list-clean-one.is-01 .clean-column {
    width: calc( 100% / 2 );
  }
  .list-clean-one.is-01 .item-thumbnail {
    width: 350px;
    height: 200px;
  }
}
@media screen and (max-width: 768px) {
  .block-common-one {
    flex-direction: column-reverse;
    padding: 42px 25px 26px;
    margin-bottom: 40px;
    background-color: #dbefff;
  }
  .block-common-one .one-thumbnail {
    margin-bottom: 24px;
  }
  .block-common-one .title-common-secondary {
    margin-bottom: 14px;
  }
  .block-common-one .content-detail {
    font-size: 1.6rem;
    line-height: calc( 50 / 32 );
    letter-spacing: .025em;
    margin-bottom: 21px;
  }
  .block-common-one .button-common-primary {
    font-size: 1.6rem;
    line-height: calc( 50 / 32 );
    letter-spacing: .025em;
    margin-bottom: 0;
    padding: 7px 25px;
  }
  .block-common-one::before {
    background: url("/img/product//system_kitchen/lemure/clean_area/title_one_01_sp.png") center/cover no-repeat;
    width: 91px;
    height: 40px;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
  }
  .point-common-block.is-point-03 .flow-note.is-last {
    position: relative;
    right: -12px
  }
}

.point-common-block.is-point-03 .flow-detail,.flow-note {
  font-weight: 500;
  color: #000;
}
.point-common-block.is-point-03 .flow-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .point-common-block.is-point-01 {
    padding-top: 85px;
  }
  .point-common-block.is-point-01 .list-common-clean li:first-child .item-content{
    top: 18px;
  }
  .point-common-block.is-point-01 .banner-title {
    color: #005ba6
  }
  .point-common-block.is-point-01 .content-detail:last-child {
    margin-bottom: 0;
  }
  .point-common-block.is-point-02 .list-common-clean li:not(:last-child) {
    margin-bottom: 90px;
  }
  .point-common-block.is-point-03 .block-flow, .block-area {
    min-width: 978px;
    padding: 81px 80px 58px;
  }
  .point-common-block.is-point-03 .block-area {
    padding: 0 80px;
  }
  .point-common-block.is-point-03 .flow-detail {
    font-size: 1.6rem;
    line-height: calc(25 / 16);
    letter-spacing: -.058em;
    margin-bottom: 50px;
  }
  .point-common-block.is-point-03 .is-position {
    margin-bottom: 37px;
  }
  .point-common-block.is-point-03 .block-area  .title-common-secondary {
    margin-bottom: 38px;
  }
  .point-common-block.is-point-03 .flow-thumbnail {
    width: 824px;
    height: 532px;
    margin-bottom: 12px;
  }
  .point-common-block.is-point-03 .flow-note {
    font-size: 1.4rem;
    line-height: calc( 25 / 14 );
    text-align: right;
    margin-right: -3px;
    letter-spacing: .025em;
    font-feature-settings: "palt";
  }
  .point-common-block.is-point-03 .is-space {
    letter-spacing: .065em;
    margin-bottom: -4px;
  }
}

.section-clean-story .story-title {
  font-family: 'Noto Serif JP', sans-serif;
  font-weight: 600;
  text-align: center;
  color: #075699;
}
.section-clean-story .story-content {
  display: flex;
}
.section-clean-story .content-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-clean-story .content-info {
  background-color: #07569e;
}
.section-clean-story .info-detail {
  color: #fff;
  font-weight: 400;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .section-clean-story {
    margin: 0 -10px;
    padding-top: 31px;
    padding: 31px 0 24px;
  }
  .section-clean-story .story-title {
    font-size: 2.8rem;
    letter-spacing: .01em;
    margin-bottom: 19px;
  }
  .section-clean-story .content-thumbnail {
    width: 490px;
    flex: 0 0 auto;
  }
  .section-clean-story .info-detail {
    font-size: 1.6rem;
    line-height: calc( 37 / 16 );
    letter-spacing: .0025em;
    font-family: 'Noto Serif JP', sans-serif;
  }
  .section-clean-story .content-info {
    width: 100%;
    padding: 88px 48px 50px 64px;
  }
  .section-clean-story .story-content {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .section-clean-story {
    padding: 11px 0 0;
    margin: 0 -15px;
  }
  .section-clean-story .story-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .section-clean-story .story-title {
    font-size: 1.8rem;
    letter-spacing: .1em;
    font-weight: 700;
    margin-bottom: 11px;
  }
  .section-clean-story .content-info {
    padding: 36px 26px 39px 29px;
    background-color: #07569c;
  }
  .section-clean-story .info-detail {
    font-size: 1.6rem;
    line-height: calc( 58 / 32 );
    letter-spacing: .025em;
    font-weight: 500;
  }
}

.list-clean-accordion .accordion-wrapper {
  background-color: #fff;
  display: flex;
}
.list-clean-accordion .accordion-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-clean-accordion .accordion-detail {
  display: -webkit-box;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.list-clean-accordion .button-common-primary .button-wrapper {
  font-weight: 700;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .list-clean-accordion {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
  }
  .list-clean-accordion li {
    padding: 20px 10px;
    width: calc(100% / 3);
  }
  .list-clean-accordion .accordion-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 23px 23px;
  }
  .list-clean-accordion .accordion-thumbnail {
    width: 215px;
    height: 215px;
  }
  .list-clean-accordion .accordion-detail {
    font-size: 1.6rem;
    line-height: calc(32 / 16);
    letter-spacing: .0025em;
    margin-bottom: 23px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .list-clean-accordion .accordion-thumbnail {
    margin-bottom: 51px;
  }
  .list-clean-accordion .title-common-primary .title-english {
    border-top: 1px solid #5092d8;
    border-bottom: 1px solid #5092d8;
    margin-right: 8px;
  }
  .list-clean-accordion .title-common-primary .title-number {
    position: relative;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .list-clean-accordion {
    flex-direction: column;
    padding: 15px 0 0;
  }
  .list-clean-accordion li {
    margin-bottom: 15px;
  }
  .list-clean-accordion .accordion-wrapper {
    flex-wrap: wrap;
    padding: 11px 0;
  }
  .list-clean-accordion .accordion-thumbnail {
    height: 166px;
  }
  .list-clean-accordion .accordion-thumbnail,
  .list-clean-accordion .accordion-content {
    width: 50%;
  }
  .list-clean-accordion .accordion-content {
    display: flex;
    flex-direction: column;
    margin-top: 11px;
    padding: 0 15px 0 6px;
  }
  .list-clean-accordion .title-common-primary {
    width: 100%;
  }
  .list-clean-accordion .title-common-primary .title-english {
    font-size: 1.8rem;
    margin-right: 15px;
    line-height: 1.5;
    padding: 1px 1px 0;
    letter-spacing: .05em;
  }
  .list-clean-accordion .title-common-primary .title-number {
    font-size: 3.6rem;
    position: relative;
    top: -2px;
  }
  .list-clean-accordion .accordion-detail {
    font-size: 1.5rem;
    line-height: calc(50 / 30);
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
    overflow: hidden;
  }
  .list-clean-accordion .title-common-primary .title-english {
    border-top: 1px solid #5090d6;
    border-bottom: 1px solid #5090d6;
  }
}

.list-common-clean li {
  display: flex;
  justify-content: space-between;
}
.list-common-clean li .item-content {
  background-color: #f1f1f1;
  width: 100%;
  height: max-content;
  position: relative;
  z-index: 1;
}
.list-common-clean li .item-thumbnail {
  position: relative;
  z-index: 2;
}
.list-common-clean li .item-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.list-common-clean .is-reverse .content-note {
  font-weight: 500;
  color: #000;
}
.list-common-clean .content-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .list-common-clean {
    padding: 20px 0 0;
    margin-bottom: 119px;
    min-width: 980px;
  }
  .list-common-clean li .item-thumbnail {
    width: 390px;
    height: 250px;
    flex: 0 0 auto;
  }
  .list-common-clean li {
    padding: 0 80px 0 0
  }
  .list-common-clean li:not(:last-child) {
    margin-bottom: 100px;
  }
  .list-common-clean .is-reverse {
    padding: 0 0 0 80px
  }
  .list-common-clean .is-reverse .content-note {
    font-size: 1.4rem;
    line-height: calc( 25 / 14 );
    letter-spacing: -.03em;
  }
  .list-common-clean li .item-content {
    border-radius: 0 10px 10px 0;
    top: 20px;
    margin-right: -40px;
    padding: 36px 73px 32px 80px;
  }
  .list-common-clean li .item-content.is-size {
    padding-right: 60px;
  }
  .list-common-clean .is-reverse .item-content {
    border-radius: 10px 0 0 10px;
    margin-right: 0;
    margin-left: -40px;
    padding: 40px 70px 34px 81px;
  }
  .list-common-clean .content-thumbnail {
    width: 378px;
    height: 185px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px) {
  .list-common-clean {
    margin: 0 -15px 29px;
  }
  .list-common-clean li {
    flex-direction: column;
    margin-bottom: -63px;
  }
  .list-common-clean .is-reverse {
    flex-direction: column-reverse;
  }
  .list-common-clean li .item-content {
    padding: 20px 15px 129px;
    background-color: #efefef;
  }
  .list-common-clean li .content-detail {
    font-size: 1.6rem;
    letter-spacing: .025em;
    line-height: calc( 58 / 32 );
    margin-bottom: 5px;
  }
  .list-common-clean li .item-thumbnail {
    padding: 0 15px;
    top: -115px;
  }
  .list-common-clean li .content-thumbnail {
    width: 328px;
    height: 162px;
    margin: 19px auto 10px;
  }
  .list-common-clean li .content-note {
    font-size: 1.1rem;
    line-height: .01em;
    line-height: calc(25 / 22);
    margin-bottom: 10px;
  }
}

.list-clean-one .item-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.list-clean-one .item-detail {
  font-weight: 500;
  color: #000;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .list-clean-one {
    display: flex;
    flex-wrap: wrap;
  }
  .list-clean-one {
    margin: 0 -20px -20px;
  }
  .list-clean-one .title-common-secondary {
    font-size: 2.8rem;
  }
  .list-clean-one .clean-column {
    width: calc( 100% / 3 );
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .list-clean-one .item-thumbnail {
    width: 220px;
    height: 160px;
    margin-bottom: 15px;
  }
  .list-clean-one .item-detail {
    font-size: 1.6rem;
    line-height: calc( 25 / 16);
    letter-spacing: .025em;
  }
  .is-point-01 .list-clean-one .item-detail {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .list-clean-one {
    margin: 0 -40px;
  }
  .list-clean-one .clean-column,
  .list-clean-one .slick-slide {
    width: 305px;
  }
  .list-clean-one .clean-column {
    padding: 0 5px;
  }
  .list-clean-one .item-thumbnail {
    margin-bottom: 15px;
    height: 210px;
  }
  .list-clean-one .item-detail {
    font-size: 1.6rem;
    line-height: calc(50 / 32);
    letter-spacing: .025em;
    opacity: 0;
  }
  .list-clean-one .show .item-detail {
    opacity: 1;
  }
  .list-clean-one .slick-arrow {
    z-index: 10;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #5090d6;
    border-radius: 100%;
    top: 105px;
  }
  .list-clean-one .slick-arrow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/img/product/system_kitchen/lemure/clean_area/icon_arrow.svg) no-repeat center center/100% auto;
  }
  .list-clean-one .slick-prev {
    left: 19px;
  }
  .list-clean-one .slick-next {
    right: 19px;
  }
  .list-clean-one .slick-next:before {
    transform: rotate(180deg);
  }
  .list-clean-one.is-01 {
    margin-left: 0;
    margin-right: 0;
  }
  .list-clean-one.is-01 .item-detail {
    opacity: 1;
  }
  .list-clean-one.is-01 .button-common-primary {
    margin-top: 10px;
  }
  .list-clean-one.is-01 .slick-next {
    right: -13px
  }
  .list-clean-one.is-01 .slick-prev {
    left: -13px
  }
}

.list-clean-area {
  display: flex;
  flex-wrap: wrap;
}
.list-clean-area li {
  position: relative;
}
.list-clean-area li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.list-clean-area li .area-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #075699;
  height: 100%;
}
.list-clean-area li .item-title {
  background-color: #075699;
  text-align: center;
  color: #fff;
}
.list-clean-area li .item-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #075699;
  font-weight: 500;
  height: 100%;
}
@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .list-clean-area {
    margin: 0 -20px 26px;
    min-width: 860px;
  }
  .list-clean-area li {
    padding: 0 20px;
    width: calc( 100% / 4 );
    margin-bottom: 20px;
  }
  .list-clean-area li:not(:last-child)::after {
    top: 37%;
    right: -6px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 12px solid #c8c8c8;
  }
  .list-clean-area li .item-title {
    font-size: 1.8rem;
    line-height: calc( 25 / 18 );
    letter-spacing: .005em;
    padding: 5px 5px 5px;
  }
  .list-clean-area li .item-detail {
    font-size: 1.6rem;
    line-height: calc( 25 / 16 );
    letter-spacing: .0025em;
    padding: 8px 5px 6px;
  }
}
@media screen and (max-width: 768px) {
  .list-clean-area {
    margin-bottom: 9px;
  }
  .list-clean-area li{
    width: 145px;
    margin-bottom: 20px;
  }
  .list-clean-area li:not(:first-child) {
    margin-left: 32px;
  }
  .list-clean-area li:not(:first-child)::after {
    top: 31px;
    left: -21px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 10px solid #c8c8c8;
  }
  .list-clean-area li:nth-child(3) {
    margin-left: 21px;
  }
  .list-clean-area li .item-title {
    font-size: 1.5rem;
    letter-spacing: .05em;
    padding: 1px 0 2px;
  }
  .list-clean-area li .item-detail {
    font-size: 1.4rem;
    line-height: calc( 42 / 28);
    letter-spacing: .025em;
    padding: 7px 5px 3px;
  }
}
@media screen and (min-width: 518px) and (max-width: 768px) {
  .list-clean-area li:nth-child(3) {
    margin-left: 32px;
  }
}

.list-clean-process {
  display: flex;
}
.list-clean-process li .process-wrapper {
  text-align: center;
}
.list-clean-process li .item-title {
  font-weight: 500;
  position: relative;
}
.list-clean-process li .item-title::after, .item-title::before {
  content: '';
  display: block;
  position: absolute;
}
.list-clean-process .is-black {
  color: #000;
}
.list-clean-process .is-black .item-title::after, .is-black .item-title::before {
  background-color: #000;
}
.list-clean-process .is-blue {
  color: #075699;
}
.list-clean-process .is-blue .item-title::after, .is-blue .item-title::before {
  background-color: #075699;
}
.list-clean-process li .item-thumbnail img {
  width: 100%;
  height: auto
}
.list-clean-process .item-detail {
  font-weight: 500;
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .list-clean-process {
    margin: 0 -20px 78px;
  }
  .list-clean-process li {
    width: calc( 100% / 2 );
    padding: 0 20px;
  }
  .list-clean-process li .item-title::after, .item-title::before {
    width: 125px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
  }
  .list-clean-process li .item-title::before {
    left: 0;
  }
  .list-clean-process li .item-title::after {
    right: 0;
  }
  .list-clean-process li .item-title {
    margin-bottom: 24px;
    padding: 0 130px;
  }
  .list-clean-process .is-blue .item-title {
    margin-bottom: 17px;
  }
  .list-clean-process li .item-thumbnail {
    width: 355px;
    margin: 0 auto 22px;
  }
  .list-clean-process li .item-detail {
    font-size: 1.6rem;
    line-height: calc( 25 / 16 );
    letter-spacing: -.025em;
  }
  .list-clean-process li .item-detail.is-modify {
    margin: 0 -8px;
  }
}
@media screen and (max-width: 768px) {
  .list-clean-process {
    flex-direction: column;
    padding-bottom: 64px;
  }
  .list-clean-process li:not(:last-child) {
    margin-bottom: 41px;
  }
  .list-clean-process .item-title {
    margin-bottom: 18px;
    padding: 0 111px;
  }
  .list-clean-process .item-detail {
    font-size: 1.6rem;
    line-height: calc( 48 / 32 );
    letter-spacing: .025em;
  }
  .list-clean-process li .item-title::after, .item-title::before {
    width: 32%;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
  }
  .list-clean-process li .item-title::before {
    left: 0;
  }
  .list-clean-process li .item-title::after {
    right: 0;
  }
  .list-clean-process li .item-thumbnail {
    width: 252px;
    margin: 0 auto;
    margin-bottom: 18px;
  }
  .list-clean-process .is-blue .item-title {
    margin-bottom: 11px;
    letter-spacing: -0.07em;
  }
  .list-clean-process .is-blue .item-thumbnail {
    width: 256px;
    margin: 0 auto 21px;
  }
}

.mt60 .m-btn-01 {
  padding: 15px 39px;
}

.ts-img80 {
  width: 84%;
}