<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html {
    scroll-behavior: smooth;
}
a,a img { text-decoration: none; transition-property: all; transition: 0.3s linear; }
a:hover,a:hover img { opacity:0.7; }
img { width:100%; }
.pc {display:block !important;}
.sp { display:none !important; }
.font-en {font-family: Arial,sans-serif;}
.bg-gray { background: #F6F6F6; }

.site-header {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

.mv-section {
    margin-bottom: 80px;
}
.mv-section .mv-box {
    position: relative;
    height: 700px;
}
.mv-section .mv-box .mv-img {
    width: 88%;
    height: 700px;
    position: absolute;
    right: 0;
    border-radius: 0px 0 0 80px;
}

.mv-section .mv-box .mv-img .mv-slide {
    height: 700px;
}
.mv-section .mv-box .mv-img .mv-slide div.slick-slide {background: url(https://life.miele.co.jp/images/articles/mec-hibiya/images33.webp);background-size: cover;background-position: center; background-position-x: right;background-position-y: bottom;height: 700px;border-radius: 0px 0 0 80px;background-position-x: right;}
.mv-section .mv-box .mv-img .mv-slide div.slick-slide:nth-of-type(2) {background: url(https://life.miele.co.jp/images/articles/mec-hibiya/images34.webp);background-size: cover;background-position: center;}
.mv-section .mv-box .mv-img .mv-slide div.slick-slide:nth-of-type(3) {background: url(https://life.miele.co.jp/images/articles/mec-hibiya/images29.webp);background-size: cover;background-position: center; }
.mv-section .mv-box .copy-box .mv-title span.sub .font-en {}

.mv-section .mv-box .copy-box {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    left: 3%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.mv-section .mv-box .copy-box .mv-title {
    background: #8c0014;
    padding: 16px 40px 8px;
    /* border-radius: 0px 50px 0 0px; */
    margin: 0;
    text-align: center;
}
.mv-section .mv-box .copy-box .mv-title span.main-title {
    display: block;
    font-size: 30px;
    color: #FFF;
}
.mv-section .mv-box .copy-box .mv-title span.sub {
    display: block;
    font-size: 40px;
    color: #FFF;
    margin-top: -20px;
}
.mv-section .mv-box .copy-box .mv-title span.sub+span.sub {}
.mv-section .mv-box .copy-box .copy-type1 {}
.mv-section .mv-box .copy-box .copy-type2 {}
.mv-section .inner {
    padding: 0 50px;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 60px;
}
.mv-section .inner .lead-text {}
.mv-section .inner nav {
    width: 100%;
    background: #8c0014;
}
.mv-section .inner nav ul {
    display: flex;
    margin: 0;
    margin-top: 40px;
}
.mv-section .inner nav ul li {
    width: 50%;
}
.mv-section .inner nav ul li a {
    color: #FFF;
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    padding: 16px 0 20px;
}

.mv-section .inner nav ul li a::before {content:"";position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateX(-50%);width: 1px;height: 40px;background: #FFF;left: 0;}
.mv-section .inner nav ul li:nth-of-type(1) a::before {content:"";position: initial;background: none;width: 0;height: 0;}
.mv-section .inner nav ul li a::after {content:"";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #FFF;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);bottom: 16px;}
.mv-section .inner nav ul li a.back-link::before {content:"";border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 8px solid #FFF;position: absolute;top: 50%;transform: translateX( 0,-50%);-webkit-transform: translateX( 0,-50%);-ms-transform: translateX( 0,-50%);left: 30px;}
.mv-section .inner nav ul li a.back-link::after {content:"";display: none;}

.mv-section .inner nav ul li:nth-last-of-type(1) {}

.topics-section {
    padding: 80px 0;
}
.topics-section .inner {}
.topics-section .inner h2.title {
    text-align: center;
    position: relative;
    margin-bottom: 60px;
    padding-top: 166px;
    margin-top: -166px;
}
.topics-section .inner h2.title::before { content:""; }
.topics-section .inner h2.title::after {content:"";position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 80px;height: 2px;background: #8c0014;bottom: -16px;}
.topics-section .inner h2.title span {
    display: block;
    font-size: 20px;
    font-weight: 100;
    margin-top: 8px;
    color: #8c0014;
}

.topics-section .inner h3.title {
    text-align: center;
    color: #8c0013;
    margin-top: 80px;
}
.topics-section .inner h2+h3.title+.sec-text {
    text-align: center;
}
.topics-section .inner h3.title::before { content:""; }
.topics-section .inner h3.title::after { content:""; }

.topics-section .inner .inner-text-box {
    padding: 0 50px;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 60px;
}



.topics-section .inner .inner-text-box .cont-list {
    justify-content: space-between;
    display: flex;
    padding: 0;
}
.topics-section .inner .inner-text-box .cont-list li {
    background: #FFF;
    width: 32%;
    transition-property: all;
    transition: 0.3s linear;
    list-style: none;
}
.topics-section .inner .inner-text-box .cont-list li:hover { opacity:0.8; }
.topics-section .inner .inner-text-box .cont-list li a {
    display: block;
}
.topics-section .inner .inner-text-box .cont-list li a img {}
.topics-section .inner .inner-text-box .cont-list li a p {
    color: #333;
    margin: 8px 0;
    position: relative;
    margin-left: 20px;
}
.topics-section .inner .inner-text-box .cont-list li a p::after {content:"";background: url(https://life.miele.co.jp/images/articles/2022_osaka/img13.png) no-repeat;display: block;width: 16px;height: 15px;background-size: 100%;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);-webkit- transform: translateY(-50%);}



.topics-section .inner .sec-text {}
.topics-section .inner .cont-box.type1 {
    display: flex;
    margin-top: 40px;
}
.topics-section .inner .cont-box.type1 .slider-box {
    width: 50%;
    margin-right: 5%;
    margin-top: 30px;
}
.topics-section .inner .cont-box.type1 .slider-box .slider {}
.topics-section .inner .cont-box.type1 .slider-box .slider img {}
.topics-section .inner .cont-box.type1 .text-box {
    padding-right: 50px;
    max-width: 600px;
}

.topics-section .inner .cont-box.type1 .text-box .btn {
    margin-left: 0;
}

.topics-section .inner .cont-box .text-box h3.title {}
.topics-section .inner .cont-box .text-box h3.title::before { content:""; }
.topics-section .inner .cont-box .text-box h3.title::after { content:""; }
.topics-section .inner .cont-box .text-box .topic-text {
    line-height: 175%;
}
.topics-section .inner .cont-box .text-box .topic-list {}
.topics-section .inner .cont-box .text-box .topic-list li {}
.topics-section .inner .cont-box .text-box .topic-list li::before { content:""; }
.topics-section .inner .cont-box .text-box .topic-list li:nth-last-of-type(1) {}

.topics-section .inner .cont-box.type2 {}
.topics-section .inner .cont-box.type2 .slider-box {}
.topics-section .inner .cont-box.type2 .slider-box .slider {}
.topics-section .inner .cont-box.type2 .slider-box .slider img {}
.topics-section .inner .cont-box.type2 .text-box {}

.topics-section.prof-section {}
.topics-section.prof-section .inner {}
.topics-section.prof-section .inner h2.title {}
.topics-section.prof-section .inner h2.title span {}
.topics-section.prof-section .inner h2.title::before { content:""; }
.topics-section.prof-section .inner h2.title::after { content:""; }
.topics-section.prof-section .prof-cont {}
.topics-section.prof-section .prof-cont:nth-last-of-type(1) {}
.topics-section.prof-section .prof-cont .text-box {}
.topics-section.prof-section .prof-cont .text-box h3.title {}
.topics-section.prof-section .prof-cont .text-box h3.title sub {}
.topics-section.prof-section .prof-cont .text-box h3.title::before { content:""; }
.topics-section.prof-section .prof-cont .text-box h3.title {}
.topics-section.prof-section .prof-cont .prof-box {}
.topics-section.prof-section .prof-cont .prof-box img {}

.topics-section.type-center {}
.topics-section.type-center .inner {}
.topics-section.type-center .inner h2.title {}
.topics-section.type-center .inner h2.title span {}
.topics-section.type-center .inner h2.title::before { content:""; }
.topics-section.type-center .inner h2.title::after { content:""; }
.topics-section.type-center .inner h3.title {}
.topics-section.type-center .inner h3.title span {}
.topics-section.type-center .inner h3.title::before { content:""; }
.topics-section.type-center .inner h3.title::after { content:""; }
.topics-section.type-center .inner img {}
.topics-section.type-center .inner .topic-text {}
.topics-section .btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    background: #8C0013;
    padding: 22px 0;
    border-radius: 100px;
    position: relative;
    font-size: 16px;
    margin-top: 30px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #FFF;
    z-index: 10;
}
.topics-section .btn::before { content:""; }
.topics-section .btn::after {content:"";}
.topics-section .btn.anchor::after {content:""; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #FFF;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right: 40px;}

.topics-section .btn:hover {}

.topics-section.type-center .btn {}
.topics-section.type-center .btn::before { content:""; }
.topics-section.type-center .btn::after { content:""; }
.topics-section.type-center .btn:hover {}

.topics-section .coming-cont {max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
    position: relative;}
.topics-section .coming-cont .topic-text {
    text-align: center;
}
.topics-section .coming-cont .coming-box {
    position: relative;
}
.topics-section .coming-cont .coming-box .box-in {
    background: #000;
}
.topics-section .coming-cont .coming-box .box-in .coming-slide {
    opacity: 0.2;
}
.topics-section .coming-cont .coming-box .box-in .coming-slide img {}
.topics-section .coming-cont .coming-box .topic-text {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    left: 50%;
    color: #FFF;
    font-size: 50px;
    margin: 0;
}



.topics-section.type-overview {}
.topics-section.type-overview .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}
.topics-section.type-overview .inner h2.title {}
.topics-section.type-overview .inner h2.title span {}
.topics-section.type-overview .inner h2.title::before { content:""; }
.topics-section.type-overview .inner h2.title::after { content:""; }
.topics-section.type-overview .inner .overview-cont {}
.topics-section .inner .overview-cont {max-width: 1120px;padding: 60px;margin: 0 auto;background: #f6f6f6;}
.topics-section.bg-gray .inner .overview-cont {background: #FFF;}
.topics-section .inner .overview-cont .overview-table {
    width: 100%;
}
.topics-section .inner .overview-cont .overview-table tr {}
.topics-section .inner .overview-cont .overview-table tr th,
.topics-section .inner .overview-cont .overview-table tr td {
    border-bottom: 1px solid #000;
    color: #000;
    padding: 18px 16px;
    line-height: 150%;
}
.topics-section .inner .overview-cont .overview-table tr th {
    width: 260px;
}
.topics-section .inner .overview-cont .overview-table tr td {}
.topics-section .inner .overview-cont .overview-table tr td .note {
    font-size: 85%;
}

.topics-section .inner .overview-cont .overview-table+p+p+.btn {
    width: 450px;
}

.topics-section.type-overview .inner .overview-cont .btn {
}
.topics-section.type-overview .inner .overview-cont .btn::before { content:""; }
.topics-section.type-overview .inner .overview-cont .btn::after { content:""; }
.topics-section.type-overview .inner .overview-cont .btn:hover {}

.topics-section .inner .btn.exit::after {
    background: url(https://life.miele.co.jp/images/articles/2022_osaka/img14.png) no-repeat;
    display: block;
    width: 16px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    }


.topics-section.type-overview .product-list {
    justify-content: space-between;
    display: flex;
    padding: 0;
}
.topics-section.type-overview .product-list li {
    /* background: #8C0014; */
    width: 24%;
    list-style: none;
}
.topics-section.type-overview .product-list li a {
    display: block;
}
.topics-section.type-overview .product-list li img {}
.topics-section.type-overview .product-list li p {
    margin: 0;
    position: relative;
    /* margin-left: 20px; */
    background: #8c0013;
    width: 100%;
    padding: 8px 16px;
    color: #FFF;
}
.topics-section.type-overview .product-list li p::after { content:""; background: url(https://life.miele.co.jp/images/articles/2022_osaka/img14.png) no-repeat;
    display: block;
    width: 16px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);}

.topics-section.type-overview .product-list li:hover { opacity:0.8; }



.mv-section .mv-box .copy-box .mv-title span.main-title .font-en {}
.mv-section .mv-box .copy-box .mv-title span.sub {}
.mv-section .mv-box .copy-box .cp-box {
    background: #ffffffcf;
    padding: 24px 40px 16px;
}
.mv-section .mv-box .copy-box .cp-box .box-in {}
.mv-section .mv-box .copy-box .cp-box .box-in .title {
    margin: 0;
    text-align: center;
    font-size: 23px;
}
.mv-section .mv-box .copy-box .cp-box .box-in .title .font-en {}
.mv-section .mv-box .copy-box .cp-box .box-in .copy {
    margin: 0;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-top: -10px;
    line-height: 135%;
}
.mv-section .mv-box .copy-box .cp-box .box-in .red-line {
    border-bottom: 2px dashed #8c0014;
    margin: 24px 0;
}
.mv-section .mv-box .copy-box .cp-box .box-in .red-line+.title {}
.mv-section .mv-box .copy-box .cp-box .box-in .red-line+.title+.copy {}
.mv-section .mv-box .copy-box .cp-box .box-in .date {
    margin: 0;
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
}
.mv-section .inner nav {max-width: 800px;margin: 0 auto;}
.mv-section .inner nav .cp-nav {}
.mv-section .inner nav .cp-nav li {}
.mv-section .inner nav .cp-nav li:nth-last-of-type(1) {}

.topics-section #TOPIC1+.sec-text,
.topics-section #TOPIC2+.sec-text {
    max-width: 1020px;
    margin: 20px auto;
}
.topics-section .cont-list {
    display: flex;
    justify-content: space-between;
    padding: 0 3%;
    margin: 40px 0;
}
.topics-section .cont-list li {
    list-style: none;
    width: 32%;
}
.topics-section .cont-list li a {}
.topics-section .cont-list li a img {
    width: 100%;
}
.topics-section .cont-list li a p.topic-text {
    background: #8c0014;
    padding: 20px;
    font-size: 20px;
    color: #FFF;
    margin: 0;
    position: relative;
}
.topics-section .cont-list li a p.topic-text::after {content:"";background: url(https://life.miele.co.jp/images/articles/2022_osaka/img14.png) no-repeat;display: block;width: 24px;height: 22px;background-size: 100%;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);-webkit- transform: translateY(-50%);}
.topics-section .cont-list li a:hover {}
.topics-section .cont-list li:nth-last-of-type(1) {}

.topics-section .bene-list {
    display: flex;
    justify-content: space-between;
    padding: 0 3%;
    margin: 40px 0;
}
.topics-section .bene-list li {
    list-style: none;
    width: 32%;
}
.topics-section .bene-list li img {}
.topics-section .bene-list li p {
    background: #FFF;
    padding: 20px;
    font-size: 20px;
    color: #8c0014;
    margin: 0;
    position: relative;
}
.topics-section .bene-list+p {
    margin-left: 3.5%;
}
.topics-section .bene-list+p::before {content:"※";position: relative;left: -0.5%;}

.topics-section .inner .overview-cont .overview-table tr td .app-table {}
.topics-section .inner .overview-cont .overview-table tr td .app-table tr {}
.topics-section .inner .overview-cont .overview-table tr td .app-table tr th,
.topics-section .inner .overview-cont .overview-table tr td .app-table tr td {}
.topics-section .inner .overview-cont .overview-table tr td .app-table tr th {
    width: 180px;
}
.topics-section .inner .overview-cont .overview-table tr td .app-table tr td {}
.topics-section .inner .overview-cont .overview-table tr td .app-table tr:nth-last-of-type(1) th,
.topics-section .inner .overview-cont .overview-table tr td .app-table tr:nth-last-of-type(1) td {
    border: none;
    padding-bottom: 0;
}

.topics-section .inner .caution-list {
    max-width: 1120px;
    padding: 60px;
    margin: 0 auto;
    padding-top: 0;
}
.topics-section .inner .caution-list li {
    margin-bottom: 16px;
}
.topics-section .inner .caution-list li .contact-list {}
.topics-section .inner .caution-list li .contact-list tr {}
.topics-section .inner .caution-list li .contact-list tr th,
.topics-section .inner .caution-list li .contact-list tr td {
    padding-left: 20px;
    padding-bottom: 8px;
}
.topics-section .inner .caution-list li .contact-list tr th {
    position: relative;
}
.topics-section .inner .caution-list li .contact-list tr th::before {content:"-";position: absolute;left: 0px;}
.topics-section .inner .caution-list li .contact-list tr td {}
.topics-section .inner .caution-list li .contact-list tr td a[href^='mailto:'] {
    background: url(https://www.miele.co.jp/media/common/img/icon-mail-gray.png) no-repeat left 5.5px;
    padding-left: 24px;
    background-size: 18px;
    text-decoration: underline;
}

.topics-section .inner .product-info-list {
    padding: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 3%;
    margin: 60px auto;
    max-width: 1200px;
}
.topics-section .inner .product-info-list li {
    list-style: none;
    width: 40%;
}
.topics-section .inner .product-info-list li h4 {
    margin: 0;
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 160%;
}
.topics-section .inner .product-info-list li div {
    background: #ececec;
    padding: 40px;
    margin-bottom: 16px;
}
.topics-section .inner .product-info-list li div img {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.topics-section .inner .product-info-list li .lower-text {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.topics-section .inner .product-info-list li .lower-text+.lower-text {
    font-size: 18px;
    font-weight: normal;
}
.topics-section .inner .product-info-list li .btn {}
.topics-section .inner .product-info-list+a {
    display: block;
    max-width: 1000px;
    margin: 80px auto 100px !important;
}


.topics-section .inner .product-info-list+a+h3+.overview-cont {
    background: #F5F5F5;
}


.topics-section .inner .product-info-list+a img {}


@media only screen and (max-width: 1200px){

.slider-box.type2.slider3 .slider-cont.type2 .text-box { max-width: 40%;}
.mv-section .mv-box { height: 600px; }
.mv-section .mv-box .mv-img,.mv-section .mv-box .mv-img .mv-slide,.mv-section .mv-box .mv-img .mv-slide div.slick-slide { height: 600px; }
.mv-section .mv-box .copy-box .mv-title { padding: 10px 35px 15px; }
.mv-section .mv-box .copy-box .mv-title span.main-title { font-size: 25px; }
.mv-section .mv-box .copy-box .mv-title span.sub { font-size: 35px; margin-top: -20px;}
.mv-section .mv-box .copy-box .mv-title span.sub+span.sub {}
.mv-section .mv-box .copy-box .copy-type1 { font-size: 28px;}
.mv-section .mv-box .copy-box .copy-type2 {}
.mv-section .inner nav ul li a { font-size: 15px; }
    
}


@media only screen and (max-width: 800px){

.pc {display: none !important;}
.sp {display:block !important;}

    
.slider-box.type2.slider3 .slider-cont.type2 .text-box {
    max-width: 40%;
}
.mv-section .mv-box {
    height: 600px;
}
.mv-section .mv-box .mv-img,.mv-section .mv-box .mv-img .mv-slide,.mv-section .mv-box .mv-img .mv-slide div.slick-slide {
    height: 600px;
}
.mv-section .mv-box .copy-box .mv-title {
    padding: 10px 35px 15px;
}
.mv-section .mv-box .copy-box .mv-title span.main-title {
    font-size: 25px;
}
.mv-section .mv-box .copy-box .mv-title span.sub {
    font-size: 35px;
    margin-top: -20px;
}
.mv-section .mv-box .copy-box .mv-title span.sub+span.sub {
}
.mv-section .mv-box .copy-box .copy-type1 {
    font-size: 28px;
}
.mv-section .mv-box .copy-box .copy-type2 {}
.mv-section .inner nav ul li a {
    font-size: 15px;
}
    
.mv-section {
    margin-bottom: 8vw;
}
.mv-section .mv-box {
    height: 120vw;
}
.mv-section .mv-box .mv-img {
    height: 55vw;
    width: 100%;
    top: 71vw;
    border-radius: 0;
}

.mv-section .mv-box .mv-img .mv-slide {
    height: 60vw;
}
.mv-section .mv-box .mv-img .mv-slide div.slick-slide {
    height: 55vw;
    margin: 0;
    border-radius: 0;
    background-position: center;
}
.mv-section .mv-box .mv-img .mv-slide div.slick-slide:nth-of-type(2) {}
.mv-section .mv-box .copy-box .mv-title span.sub .font-en {
    font-size: 5vw;
}

.mv-section .mv-box .copy-box {
    top: 0vw;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    left: 50%;
    width: 100%;
}
.mv-section .mv-box .copy-box .mv-title {
    padding: 2vw 4vw 2vw;
    margin: 0;
    border-radius: 0;
}

.mv-section .mv-box .copy-box .cp-box {
    padding: 4vw 4vw 2vw;
}
.mv-section .mv-box .copy-box .cp-box .box-in {}
.mv-section .mv-box .copy-box .cp-box .box-in .title {
    font-size: 4vw;
    line-height: 150%;
}
.mv-section .mv-box .copy-box .cp-box .box-in .copy {
    font-size: 4.5vw;
    margin-top: 0;
    line-height: 150%;
}
.mv-section .mv-box .copy-box .cp-box .box-in .date {
    font-size: 3.5vw;
}
.mv-section .mv-box .copy-box .cp-box .box-in .red-line {
    margin: 3vw 0;
}
.mv-section .mv-box .copy-box .cp-box .box-in .red-line+.title {}
.mv-section .mv-box .copy-box .cp-box .box-in .red-line+.title+.copy {
    line-height: 150%;
    margin-bottom: 2vw;
}
    
.mv-section .mv-box .copy-box .mv-title span.main-title {
    font-size: 4vw;
}
.mv-section .mv-box .copy-box .mv-title span.sub {
    font-size: 4.5vw;
    margin-top: -2.5vw;
}
.mv-section .mv-box .copy-box .mv-title span.sub+span.sub {}
.mv-section .mv-box .copy-box .copy-type1 {}
.mv-section .mv-box .copy-box .copy-type2 {}
.mv-section .inner {
    padding: 0 4%;
    width: 100%;
    margin-top: 8vw;
}
.mv-section .inner .lead-text {}
.mv-section .inner nav {
    background: none;
}
.mv-section .inner nav ul {
    flex-wrap: wrap;
}
.mv-section .inner nav ul li {
    width: 50%;
    margin-bottom: 2vw;
    background: #8c0014;
}
.mv-section .inner nav ul li a {
    font-size: 4vw;
    line-height: 135%;
    padding: 4vw 0 5vw;
}
.mv-section .inner nav ul li:nth-of-type(1) a {
    letter-spacing: -0.04em;
    font-size: 3.9vw;
}
.mv-section .inner nav ul li a::before {
    height: 5vw;
}
.mv-section .inner nav ul li:nth-of-type(1) a::before,
.mv-section .inner nav ul li:nth-of-type(3) a::before {
    position: initial;
    background: none;
    width: 0;
    height: 0;
}
.mv-section .inner nav ul li a::after {
    border-left: 1.5vw solid transparent;
    border-right: 1.5vw solid transparent;
    border-top: 2vw solid #FFF;
    bottom: 2.5vw;
}
.mv-section .inner nav ul li a.back-link {
    padding: 4.5vw 0;
}
.mv-section .inner nav ul li a.back-link::before {content:"";border-top: 1.5vw solid transparent;border-bottom: 1.5vw solid transparent;border-right: 2vw solid #FFF;left: 3vw;position: absolute;}
.mv-section .inner nav ul li a.back-link::after { content:""; }
.mv-section .inner nav ul li:nth-of-type(4) a,
.mv-section .inner nav ul li:nth-of-type(3) a,
.mv-section .inner nav ul li:nth-of-type(2) a {
    /* padding: 6.5vw 0 7vw; */
}
.mv-section .inner nav ul li:nth-of-type(4) a::after {}
.mv-section .inner nav ul li:nth-of-type(3) a::after,
.mv-section .inner nav ul li:nth-of-type(2) a::after{
    /* bottom: 3.5vw; */
}
    
.mv-section .inner nav ul li:nth-last-of-type(1) {}

.topics-section {
    padding: 10vw 0;
}
.topics-section .inner {}
.topics-section .inner h2.title {
    margin-bottom: 7vw;
    padding-top: 121px;
    margin-top: -121px;
    font-size: 5vw;
}
.topics-section .inner h2.title::before { content:""; }
.topics-section .inner h2.title::after { content:""; }
.topics-section .inner h2.title span {
    font-size: 4.5vw;
    margin-top: 1vw;
}
.topics-section .inner h3.title {
    font-size: 5vw;
    margin-top: 12vw;
}
.topics-section .inner h3.title::before { content:""; }
.topics-section .inner h3.title::after { content:""; }
.topics-section .inner .caution-list {
    max-width: 1120px;
    padding: 4vw;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 8vw;
}
.topics-section .inner .caution-list li {
    margin-bottom: 3vw;
    font-size: 4vw;
    line-height: 150%;
}
.topics-section .inner .caution-list li .contact-list {}
.topics-section .inner .caution-list li .contact-list tr {}
.topics-section .inner .caution-list li .contact-list tr th,
.topics-section .inner .caution-list li .contact-list tr td {
    padding-left: 20px;
    padding-bottom: 8px;
    display: block;
    width: 100%;
}
.topics-section .inner .caution-list li .contact-list tr th {
    position: relative;
}
.topics-section .inner .caution-list li .contact-list tr th::before {content:"-";position: absolute;left: 0px;}
.topics-section .inner .caution-list li .contact-list tr td {}
.topics-section .inner .caution-list li .contact-list tr td a[href^='mailto:'] {
    background: url(https://www.miele.co.jp/media/common/img/icon-mail-gray.png) no-repeat left 5.5px;
    padding-left: 24px;
    background-size: 18px;
    text-decoration: underline;
}
    
    
    .topics-section .inner .inner-text-box {
    font-size: 3.5vw;
    margin-top: 1vw;
    padding: 0 4%;
}

.topics-section .inner .inner-text-box .cont-list {
    display: block;
}
.topics-section .inner .inner-text-box .cont-list li {
    width: 100%;
    margin-bottom: 4vw;
}
.topics-section .inner .inner-text-box .cont-list li:hover {}
.topics-section .inner .inner-text-box .cont-list li a {
    display: block;
}
.topics-section .inner .inner-text-box .cont-list li a img {}
.topics-section .inner .inner-text-box .cont-list li a p {
    color: #333;
    position: relative;
    padding: 4vw 0 4vw 4vw;
    margin: 0px;
    font-size: 3.5vw;
}
.topics-section .inner .inner-text-box .cont-list li a p::after {
    width: 4vw;
    height: 3.75vw;
    background: url(https://life.miele.co.jp/images/articles/2022_osaka/img13.png) no-repeat;
    background-size: 100%;
    right: 4vw;
}


.topics-section .inner .sec-text {
    font-size: 4vw;
    margin: 2vw 0;
    line-height: 175%;
}
.topics-section .inner h2+h3.title+.sec-text {
    width: 92%;
    margin: 2vw auto;
}
.topics-section .inner .cont-box.type1 {
    display: block;
    margin-top: 10vw;
}
.topics-section .inner .cont-box.type1 .slider-box {
    width: 100%;
    margin: 0;
}
.topics-section .inner .cont-box.type1 .slider-box .slider {}
.topics-section .inner .cont-box.type1 .slider-box .slider img {}
.topics-section .inner .cont-box.type1 .text-box {
    width: 92%;
    margin: 0 auto;
    max-width: initial;
    padding: 0;
    margin-top: 4vw;
}
.topics-section .inner .cont-box .text-box h3.title {}
.topics-section .inner .cont-box .text-box h3.title::before { content:""; }
.topics-section .inner .cont-box .text-box h3.title::after { content:""; }
.topics-section .inner .cont-box .text-box .topic-text {
    font-size: 4vw;
    margin: 2vw 0;
}
.topics-section .inner .cont-box .text-box .topic-list {}
.topics-section .inner .cont-box .text-box .topic-list li {}
.topics-section .inner .cont-box .text-box .topic-list li::before { content:""; }
.topics-section .inner .cont-box .text-box .topic-list li:nth-last-of-type(1) {}

.topics-section .inner .cont-box.type2 {}
.topics-section .inner .cont-box.type2 .slider-box {}
.topics-section .inner .cont-box.type2 .slider-box .slider {}
.topics-section .inner .cont-box.type2 .slider-box .slider img {}
.topics-section .inner .cont-box.type2 .text-box {}

.topics-section.prof-section {}
.topics-section.prof-section .inner {}
.topics-section.prof-section .inner h2.title {}
.topics-section.prof-section .inner h2.title span {}
.topics-section.prof-section .inner h2.title::before { content:""; }
.topics-section.prof-section .inner h2.title::after { content:""; }
.topics-section.prof-section .prof-cont {}
.topics-section.prof-section .prof-cont:nth-last-of-type(1) {}
.topics-section.prof-section .prof-cont .text-box {}
.topics-section.prof-section .prof-cont .text-box h3.title {}
.topics-section.prof-section .prof-cont .text-box h3.title sub {}
.topics-section.prof-section .prof-cont .text-box h3.title::before { content:""; }
.topics-section.prof-section .prof-cont .text-box h3.title {}
.topics-section.prof-section .prof-cont .prof-box {}
.topics-section.prof-section .prof-cont .prof-box img {}

.topics-section.type-center {}
.topics-section.type-center .inner {}
.topics-section.type-center .inner h2.title {}
.topics-section.type-center .inner h2.title span {}
.topics-section.type-center .inner h2.title::before { content:""; }
.topics-section.type-center .inner h2.title::after { content:""; }
.topics-section.type-center .inner h3.title {}
.topics-section.type-center .inner h3.title span {}
.topics-section.type-center .inner h3.title::before { content:""; }
.topics-section.type-center .inner h3.title::after { content:""; }
.topics-section.type-center .inner img {}
.topics-section.type-center .inner .topic-text {}
.topics-section .btn {
    width: 70vw;
    padding: 4vw 0;
    margin: 0 auto;
    margin-top: 4vw;
    font-size: 4vw;
}
.topics-section .inner .overview-cont .overview-table+p+p+.btn {
    width: 100%;
    font-size: 3.8vw;
}
.topics-section .inner .cont-box.type1 .text-box .btn {
    margin: 0 auto;
}
.topics-section .inner .btn.exit::after {
    width: 4vw;
    height: 3.75vw;
    right: 3vw;
}
.topics-section .btn.anchor::after {
    border-left: 1.5vw solid transparent;
    border-right: 1.5vw solid transparent;
    border-top: 2vw solid #FFF;
    right: 8vw;
}

.topics-section.type-overview .product-list {
    justify-content: space-between;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}
.topics-section.type-overview .product-list li {width: 48%;margin-bottom: 4vw;}
.topics-section.type-overview .product-list li a {}
.topics-section.type-overview .product-list li img {}
.topics-section.type-overview .product-list li p {
    margin: 0;
    padding: 3vw 0 3vw 3vw;
    font-size: 3.5vw;
}
.topics-section.type-overview .product-list li p::after {
    width: 4vw;
    height: 3.75vw;
    right: 3vw;
    }
    
.topics-section .btn::before { content:""; }
.topics-section .btn::after { content:""; }
.topics-section .btn:hover {}

.topics-section.type-center .btn {}
.topics-section.type-center .btn::before { content:""; }
.topics-section.type-center .btn::after { content:""; }
.topics-section.type-center .btn:hover {}

.topics-section .coming-cont {
    max-width: initial;
    width: 100%;
    padding: 0;
}
.topics-section .coming-cont .topic-text {}
.topics-section .coming-cont .coming-box {}
.topics-section .coming-cont .coming-box .box-in {}
.topics-section .coming-cont .coming-box .box-in .coming-slide {}
.topics-section .coming-cont .coming-box .box-in .coming-slide img {}
.topics-section .coming-cont .coming-box .topic-text {
    font-size: 8vw;
    width: 100%;
}
.topics-section .coming-cont .coming-box .topic-text span {
    display: block;
    line-height: 1;
}    
.topics-section.type-overview {}
.topics-section.type-overview .inner {
    padding: 0 4%;
    max-width: initial;
}
.topics-section.type-overview .inner h2.title {}
.topics-section.type-overview .inner h2.title span {}
.topics-section.type-overview .inner h2.title::before { content:""; }
.topics-section.type-overview .inner h2.title::after { content:""; }
.topics-section.type-overview .inner .overview-cont {}
.topics-section .inner .overview-cont {
    width: 92%;
    padding: 4%;
}
.topics-section.bg-gray .inner .overview-cont {width: 92%;padding: 4%;}
.topics-section .inner .overview-cont .overview-table {}
.topics-section .inner .overview-cont .overview-table tr {}
.topics-section .inner .overview-cont .overview-table tr th,
.topics-section .inner .overview-cont .overview-table tr td {}
.topics-section .inner .overview-cont .overview-table tr th {}
.topics-section .inner .overview-cont .overview-table tr td {}
.topics-section.type-overview .inner .overview-cont .btn {}
.topics-section.type-overview .inner .overview-cont .btn::before { content:""; }
.topics-section.type-overview .inner .overview-cont .btn::after { content:""; }
.topics-section.type-overview .inner .overview-cont .btn:hover {}

.topics-section .inner .overview-cont .overview-table {}
.topics-section.type-overview p.topic-text {
    font-size: 4vw;
    margin: 2vw 0;
}
.topics-section .inner .overview-cont .overview-table tr {}
.topics-section .inner .overview-cont .overview-table tr th,
.topics-section .inner .overview-cont .overview-table tr td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 4%;
    font-size: 4vw;
    line-height: 150%;
}
.topics-section .inner .overview-cont .overview-table tr th {
    border: none;
    padding-bottom: 0;
}
.topics-section .inner .overview-cont .overview-table tr td {
    padding-top: 2vw;
}
.topics-section .inner .overview-cont .overview-table tr td span.note {
    font-size: 85%;
}
    
}



/* SLIDER */

.sliderArea {
    margin-top: 60px;
}
.sliderArea .full-screen {}
.sliderArea .full-screen .slick-list {}
.sliderArea .full-screen .slick-list .slick-track {}
.sliderArea .full-screen .slick-list .slick-track .slick-slide {}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box {
    width: 600px;
}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box img {
    width: 100%;
}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box p {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box a {}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-current {
    opacity: 1;
}
.full-slider.type2 .slick-dots {
    width: 200px;
}
.slick-dots {
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 120px;
    margin: 0 auto;
    margin-top: 40px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    /* margin: 0 5px; */
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #555;
    border-radius: 100%;
}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li.slick-active {}
.slick-dots li.slick-active button {
    background: #8c0014;
}

@media only screen and (max-width: 800px){

.sliderArea {}
.sliderArea .full-screen {}
.sliderArea .full-screen .slick-list {}
.sliderArea .full-screen .slick-list .slick-track {}
.sliderArea .full-screen .slick-list .slick-track .slick-slide {}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box {
    width: 80vw;
}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box img {}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box p {}
.sliderArea .full-screen .slick-list .slick-track .slick-slide .center-box a {}
.slick-dots {
    margin-top: 10vw;
}
.slick-dots li {}
.slick-dots li button {}
.slick-dots li.slick-active {}
.slick-dots li.slick-active button {}

}

/* SLIDER2 */

.sliderArea .full-screen.type2 {
    max-width: 600px;
}
.sliderArea .full-screen.type2 .slick-slide {}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box {
    width: 500px;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box .img-box {
    background: #FFF;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box .img-box img {}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box h4 {
    text-align: center;
    font-size: 24px;
    margin: 0;
    margin-top: 24px;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box h4 span {
    font-size: 85%;
    font-weight: normal;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box p.price-text {
    color: #8c0014;
    margin-top: 8px;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box p.price-text span {
    font-size: 80%;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box a.btn {}

@media only screen and (max-width: 800px){

.sliderArea .full-screen.type2 {
    max-width: 70vw;
}
.sliderArea .full-screen.type2 .slick-slide {}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box {
    width: 55vw;
    margin: 0 auto;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box .img-box {}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box .img-box img {}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box h4 {
    font-size: 4.5vw;
    margin-top: 4vw;
    line-height: 135%;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box h4 span {
    display: block;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box p.price-text {
    font-size: 4vw;
    margin: 0;
}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box p.price-text span {}
.sliderArea .full-screen.type2 .slick-list .slick-track .slick-slide .center-box a.btn {
    width: 100%;
}

}

/*====================================================================
slick
====================================================================*/

.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  margin-top: 60px;
  overflow-x: hidden;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}


/*====================================================================
.full-screen
====================================================================*/

.full-screen .slick-list {
  overflow: visible;
}
.full-screen.full-slider {
  max-width: 700px;
  margin: 0 auto;
}
</pre></body></html>