@charset "utf-8";

/*====================================
ヤシノミ洗たく洗剤・柔軟剤

0.汎用
    0.1 レイアウト
    0.2 見出し
    0.3 リンク
1.メイン
2.動画
3.ヤシノミ洗たく洗剤
    3.1 POINT01　高い洗浄力で皮脂汚れも食品汚れもしっかり洗える！
    3.2 POINT02　忙しい毎日にうれしい使いやすさ
    3.3 POINT03　決め手はやっぱり、やさしさ。
    3.4 リニューアルしたヤシノミ洗たく洗剤の性能をまとめました
    3.5 製品ラインナップ
4.ヤシノミ柔軟剤
    4.1 POINT01　使う人と場所をえらばない無香料
    4.2 POINT02　食品由来の防臭成分※配合
    4.3 POINT03　ふんわり肌まさつ低減＆優れた吸水性
    4.4 製品ラインナップ
5.環境への取り組み
6.キャンペーン
7.フッター
8.メディアクエリ
====================================*/


/*====================================

 0.汎用

====================================*/
/*
 	0.1 レイアウト
====================================*/
#laundry {
    width: 100%;
    background: #fff;
    font-family: "A1 Gothic L", "A1ゴシック L", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",  Verdana, sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
}
#laundry img {
    vertical-align: bottom;
}
#laundry .pc-v {
    display: block !important;
}
#laundry .pc-no {
    display: none !important;
}
#laundry .tablet-v {
    display: none !important;
}
#laundry .sp-v {
    display: none !important;
}

/*
 	0.2 見出し
====================================*/
#laundry .shuei_yokobuto_min_m {
    font-family: "秀英横太明朝 M", "Shuei Yokobuto Min M", "A1 Mincho", "A1明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
}
#laundry .shuei_yokobuto_min_b {
    font-family: "秀英横太明朝 B", "Shuei Yokobuto Min B", "A1 Mincho", "A1明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
}
#laundry .ai_mincho {
    font-family: "A1 Mincho", "A1明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
}
#laundry .laundry-blue {
    color: #0073bb;
}
#laundry .softener-pink {
    color: #e9526e;
}

/*
 	0.3 リンク
====================================*/
#laundry .lineup-btn-area {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
}
#laundry a.btn-lineup,
#laundry a.btn-detail,
#laundry a.btn-form {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 352px;
    max-height: 56px;
    margin: 0 0 24px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 56px;
    cursor: pointer;
}
#laundry a.btn-lineup::after,
#laundry a.btn-detail::after,
#laundry a.btn-form::after {
    position: absolute;
	content: "＞";
	font-size: 18px;
    right: 16px;
}
#laundry a.btn-lineup:hover,
#laundry a.btn-detail:hover,
#laundry a.btn-form:hover {
	opacity: 0.8;
    transition: all 0.5s;
}
#laundry a.btn-laundry {
    background: #0073bb;
}
#laundry a.btn-softener {
    background: #e9526e;
}
#laundry a.btn-detail {
    margin: 40px auto 0;
    background: #231815;
}


/*====================================

 1.メイン

====================================*/
#laundry .main-contents {
    position: relative;
    width: 100%;
    margin: 0 0 0;
}
#laundry .main-img {
    width: 100%;
}
#laundry .main-img.fadeIn {
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes fadeInAnime {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#laundry .logomark-yashinomi-img {
    width: 20%;
    max-width: 216px;
    margin: -10% 0 80px;
}
#laundry .concept-contents {
    position: relative;
    max-width: 1120px;
    margin: 0 auto 96px;
}
#laundry .concept-area {
    display: flex;
    justify-content: space-between;
}
#laundry .concept-text {
    line-height: 2;
    letter-spacing: 0.1em;
}
#laundry .concept-text-large {
    display: inline-block;
    font-size: 28px;
    margin: 48px 0 0;
    line-height: 1.5;
    letter-spacing: 0.01em;
}
#laundry h2.concept-heading {
    font-size: 76px;
    line-height: 1.2;
    letter-spacing: 0.05em;
}
#laundry h2.concept-heading span {
    font-size: 52px;
    letter-spacing: 0.05em;
}
#laundry .concept-img {
    max-width: 414px;
    margin: -48px 0 0;
}

/*====================================

 2.動画

====================================*/
#laundry .movie-contents {
    max-width: 1120px;
    margin: 0 auto 120px;
}
#laundry .movie-wrap {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
#laundry .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*====================================

 3.ヤシノミ洗たく洗剤

====================================*/
#laundry .laundry-bg {
    width: 100%;
    padding: 96px 0 96px;
    background: #bfe2f4;
}
#laundry .laundry-contents {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
}
#laundry .laundry-concept-contents {
    margin: 0 0 64px;
}
#laundry .laundry-concept-area {
    display: flex;
    justify-content: center;
    margin: 32px 0 0;
}
#laundry .laundry-ttl-img {
    max-width: 418px;
    margin: 0 auto;
}
#laundry .laundry-concept-img {
    max-width: 118px;
    margin: 0 0 0 24px;
}
#laundry .laundry-concept-box {
    margin: 0 0 0 64px;
}
#laundry .laundry-concept-text {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 48px 0 32px;
}
#laundry h2.laundry-concept-heading {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0.05em;
}
#laundry .laundry-point-contents {
    position: relative;
    max-width: 1120px;
    margin: 0 auto 96px;
    padding: 64px 64px;
    background: #fff;
    text-align: center;
}
#laundry .laundry-point-mark {
    margin: 0 0 12px;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.05em;
}
#laundry .laundry-point-mark span {
    display: block;
    font-size: 14px;
}
#laundry h3.laundry-point-ttl {
    display: inline-block;
    font-size: 36px;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 0 48px;
    padding: 0 0 8px;
    border-bottom: 2px solid #0073bb;
}
/*
 	3.1 POINT01　高い洗浄力で皮脂汚れも食品汚れもしっかり洗える！
====================================*/
#laundry .laundry-point01-contents {
    margin: 0 0 80px;
}
#laundry .laundry-point01-area {
    display: flex;
    justify-content: space-between;
}
#laundry .laundry-point01-area {
    margin: 48px 0 20px;
}
#laundry .laundry-point01-heading {
    margin: 0 0 8px;
}
#laundry .laundry-point01-img {
    max-width: 309px;
}
#laundry .laundry-point01-arrow {
    max-width: 50px;
    margin: 12px auto 14px;
}
#laundry .laundry-point01-attention {
    font-size: 12px;
    text-align: left;
}

/*
 	3.2 POINT02　忙しい毎日にうれしい使いやすさ
====================================*/
#laundry .laundry-point02-contents {
    margin: 0 0 80px;
}
#laundry ul.laundry-point02-area {
    display: flex;
    justify-content: space-between;
    margin: 0 0 56px;
}
#laundry ul.laundry-point02-area li {
    width: 308px;
    height: 308px;
    border-radius: 50%;
    background: rgb(0,117,193);
    background: linear-gradient(130deg, rgba(0,117,193,1) 25%, rgba(149,197,228,1) 100%);
    font-size: 28px;
    line-height: 1.4;
    color: #fff;
}
#laundry ul.laundry-point02-area li.point02_01 {
    padding: 80px 0 0;
}
#laundry ul.laundry-point02-area li.point02_02 {
    padding: 112px 0 0;
}
#laundry ul.laundry-point02-area li.point02_03 {
    padding: 96px 0 0;
}
#laundry ul.laundry-point02-area li span {
    display: inline-block;
    margin: 20px;
    font-size: 12px;
    line-height: 1.5;
}
#laundry .laundry-point02-area-other {
    padding: 48px 20px 20px;
    background: #e5f3fb;
}
#laundry h3.laundry-point02-other-ttl {
    font-size: 28px;
}
#laundry .laundry-point02-other-img {
    max-width: 672px;
    margin: 20px auto;
}
#laundry .laundry-point02-other-attention {
    font-size: 12px;
    text-align: left;
}

/*
 	3.3 POINT03　決め手はやっぱり、やさしさ。
====================================*/
#laundry .laundry-point03-contents {
    margin: 0 0 112px;
}
#laundry .laundry-point03-area {
    display: flex;
    justify-content: space-between;
    margin: 0 0 48px;
}
#laundry .laundry-point03-box01 {
    padding: 12px 20px 12px 0;
}
#laundry .laundry-point03-box02 {
    padding: 12px 20px 12px;
    border-left: 1px solid #99c7e4;
    border-right: 1px solid #99c7e4;
}
#laundry .laundry-point03-box03 {
    padding: 12px 0 12px 20px;
}
#laundry h4.laundry-point03-ttl {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 1.5;
}
#laundry .laundry-point03-text {
    font-size: 16px;
    line-height: 1.5;
}
#laundry .laundry-point03-text span {
    display: inline-block;
    margin: 12px 0 0;
    font-size: 12px;
}

#laundry dl.laundry-point03-test {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 0 20px;
    text-align: left;
}
#laundry dl.laundry-point03-test dt {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 4px 12px;
    background: #cce3f1;
}
#laundry dl.laundry-point03-test dd {
    font-size: 16px;
}

/*
 	3.4 リニューアルしたヤシノミ洗たく洗剤の性能をまとめました
====================================*/
#laundry .laundry-performance-contents {
    margin: 0;
}
#laundry h3.laundry-performance-ttl {
    display: inline-block;
    font-size: 36px;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 0 112px;
    padding: 0 0 8px;
    border-bottom: 2px solid #0073bb;
}
#laundry .laundry-performance-table {
    width: 100%;
    border: 1px solid #0073bb;
}
#laundry .laundry-performance-table th {
    position: relative;
    padding: 12px 20px;
    background: #cce3f1;
    border: 1px solid #0073bb;
    text-align: center;
    font-weight: normal;
}
#laundry .laundry-performance-table tr {
    border: 1px solid #0073bb;
}
#laundry .laundry-performance-table td {
    padding: 12px 20px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #0073bb;
}
#laundry .laundry-performance-table td.performance-title {
    text-align: left;
    color: #0073bb;
    background: #f2f8fc;
}
#laundry .laundry-performance-table th.renewal-title {
    background: #0073bb;
    color: #fff;
}
#laundry .laundry-performance-table td.renewal-star {
    font-size: 30px;
    color: #0073bb;
}
#laundry .laundry-performance-table td.renewal-up {
    background: #fdf102;
}

#laundry .laundry-performance-table .renewal-line-top {
    border-top: 4px solid #0073bb;
}
#laundry .laundry-performance-table .renewal-line-left {
    border-left: 4px solid #0073bb;
}
#laundry .laundry-performance-table .renewal-line-right {
    border-right: 4px solid #0073bb;
}
#laundry .laundry-performance-table .renewal-line-bottom {
    border-bottom: 4px solid #0073bb;
}
#laundry .laundry-performance-table .performance-fukidashi_01 {
    position: absolute;
    top: -40px;
    left: 72px;
}
#laundry .laundry-performance-table .performance-fukidashi_02 {
    position: absolute;
    top: -64px;
    left: 56px;
    font-size: 32px;
    color: #0073bb;
}

#laundry .laundry-performance-text {
    margin: 64px 0 0;
    font-size: 32px;
    letter-spacing: 0.05em;
    line-height: 1.5;
}


/*
 	3.5 製品ラインナップ
====================================*/
#laundry .laundry-lineup-contents {
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}
#laundry h3.laundry-lineup-ttl {
    font-size: 36px;
    letter-spacing: 0.05em;
    margin: 0 0 48px;
}
#laundry .laundry-lineup-area {
    display: flex;
    justify-content: space-around;
}
#laundry dl.laundry-lineup-item dt {
    margin: 0 auto 32px;
}
#laundry .laundry-lineup-img_01 {
    max-width: 136px;
}
#laundry .laundry-lineup-img_02 {
    max-width: 234px;
    margin: 0 12px 0 0;
}
#laundry .laundry-lineup-img_03 {
    max-width: 264px;
}
#laundry dl.laundry-lineup-item dd {
    font-size: 20px;
    line-height: 1.5;
}
#laundry dl.laundry-lineup-item dd span {
    font-size: 14px;
}


/*====================================

 4.ヤシノミ柔軟剤

====================================*/
#laundry .softener-bg {
    width: 100%;
    padding: 96px 0 96px;
    background: #ffe5ea;
}
#laundry .softener-contents {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
}
#laundry .softener-concept-contents {
    margin: 0 0 64px;
}
#laundry .softener-concept-area {
    display: flex;
    justify-content: center;
    margin: 32px 0 0;
}
#laundry .softener-ttl-img {
    max-width: 398px;
    margin: 0 auto;
}
#laundry .softener-concept-img {
    max-width: 114px;
    margin: 0 0 0 24px;
}
#laundry .softener-concept-box {
    margin: 0 0 0 64px;
}
#laundry .softener-concept-text {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 48px 0 32px;
}
#laundry h2.softener-concept-heading {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0.05em;
}

#laundry .softener-point-contents {
    position: relative;
    max-width: 1120px;
    margin: 0 auto 96px;
    padding: 64px 64px 48px;
    background: #fff;
    text-align: center;
}
#laundry .softener-point-mark {
    margin: 0 0 12px;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.05em;
}
#laundry .softener-point-mark span {
    display: block;
    font-size: 14px;
}
#laundry h3.softener-point-ttl {
    display: inline-block;
    font-size: 36px;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 0 48px;
    padding: 0 0 8px;
    border-bottom: 2px solid #e9526e;
}

#laundry dl.softener-point03-test {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 0 20px;
    text-align: left;
}
#laundry dl.softener-point03-test dt {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 4px 12px;
    background: #fbdce2;
}
#laundry dl.softener-point03-test dd {
    font-size: 16px;
}

/*
 	4.1 POINT01　使う人と場所をえらばない無香料
====================================*/
#laundry .softener-point01-contents {
    margin: 0 0 56px;
}

/*
 	4.2 POINT02　食品由来の防臭成分※配合
====================================*/
#laundry .softener-point02-contents {
    margin: 0 0 56px;
}
#laundry .softener-point02-text span {
    display: inline-block;
    margin: 20px 0 0;
    font-size: 12px;
}

/*
 	4.3 POINT03　ふんわり肌まさつ低減＆優れた吸水性
====================================*/
#laundry .softener-point03-contents {
    margin: 0 0 56px;
}


/*
 	4.4 製品ラインナップ
====================================*/
#laundry .softener-lineup-contents {
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}
#laundry h3.softener-lineup-ttl {
    font-size: 36px;
    letter-spacing: 0.05em;
    margin: 0 0 48px;
}
#laundry .softener-lineup-area {
    display: flex;
    justify-content: center;
}
#laundry dl.softener-lineup-item {
    margin: 0 80px;
}
#laundry dl.softener-lineup-item dt {
    margin: 0 auto 32px;
}
#laundry .softener-lineup-img_01 {
    max-width: 132px;
}
#laundry .softener-lineup-img_02 {
    max-width: 278px;
}
#laundry dl.softener-lineup-item dd {
    font-size: 20px;
    line-height: 1.5;
}
#laundry dl.softener-lineup-item dd span {
    font-size: 14px;
}


/*====================================

 5.環境への取り組み

====================================*/
#laundry .environment-contents {
    max-width: 1120px;
    margin: 120px auto 96px;
    padding: 64px;
    text-align: center;
    border: 1px solid #d3d1d0;
}
#laundry h3.environment-ttl {
    font-size: 36px;
    letter-spacing: 0.05em;
    margin: 0 0 32px;
}
#laundry .environment-area {
    display: flex;
    justify-content: center;
}
#laundry .environment-bctj-area {
    display: flex;
    justify-content: center;
    margin: 0 40px;
    text-align: left;
}
#laundry .environment-bctj-mark {
    width: 116px;
}
#laundry .environment-bctj-text {
    margin: 12px 0 0 12px;
    font-size: 16px;
    line-height: 1.5;
}
#laundry .environment-bctj-text span {
    display: inline-block;
    margin: 12px 0 0;
    font-size: 14px;
}
#laundry .environment-rspo-area {
    margin: 0 40px;
}
#laundry .environment-rspo-mark {
    max-width: 205px;
}


/*====================================

 6.キャンペーン

====================================*/
#laundry .campaign-contents {
    max-width: 1120px;
    margin: 0 auto 64px;
    padding: 64px 64px 56px;
    text-align: center;
    border: 4px solid #bfe2f4;
}
#laundry .campaign-heading {
    font-size: 36px;
    line-height: 1;
    letter-spacing: 0.05em;
}
#laundry h3.campaign-ttl {
    display: inline-block;
    background-image: linear-gradient(transparent 70%, #fff000 0%);
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.05em;
    margin: 0 0 64px;
}
#laundry h3.campaign-ttl span {
    font-size: 64px;
}
#laundry .campaign-area {
    display: flex;
    justify-content: space-between;
}
#laundry .campaign-img {
    max-width: 450px;
}
#laundry .campaign-text-area {
    margin: 0 0 0 32px;
    text-align: left;
    letter-spacing: 0.01em;
}
#laundry ul.campaign-hashtag {
    display: flex;
    justify-content: left;
    margin: 20px 0;
}
#laundry ul.campaign-hashtag li {
    display: inline-block;
    margin: 0px 12px 0 0;
    padding: 4px 12px;
    background: #cce3f1;
}
#laundry .campaign-date {
    font-size: 20px;
    margin: 0 0 20px;
}
#laundry .campaign-attention {
    font-size: 14px;
}


/*====================================

 7.フッター

====================================*/
#laundry .footer-contents {
    position: relative;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto 64px;
    text-align: center;
}
#laundry ul.footer-nav {
    display: flex;
    justify-content: center;
    margin: 48px 0 20px;
    font-size: 14px;
}
#laundry .logo-yashinomi {
    max-width: 126px;
    margin: 0 auto 8px;
}
#laundry small.copyright {
    font-size: 12px;
    letter-spacing: 0.05em;
}











































/*====================================

 8.メディアクエリ

====================================*/

/*
    画面サイズが578pxから1024pxまでのCSSを記述
========================================================================*/
@media screen and (min-width: 578px) and (max-width: 1024px)  {
    /*====================================

    0.汎用

    ====================================*/
    /*
        0.1 レイアウト
    ====================================*/
    #laundry {
        width: 100%;
        background: #fff;
        font-family: "A1 Gothic L", "A1ゴシック L", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, sans-serif;
        font-size: 18px;
        line-height: 1.7;
        color: #333;
        font-feature-settings: "palt";
        letter-spacing: 0.2em;
    }
    #laundry img {
        vertical-align: bottom;
    }

    #laundry .pc-v {
        display: block !important;
    }
    #laundry .pc-no {
        display: none !important;
    }
    #laundry .sp-v {
        display: none !important;
    }
    #laundry .tablet-v {
        display: block !important;
    }
    #laundry .tablet-no {
        display: none !important;
    }

    /*====================================

    1.メイン

    ====================================*/
    #laundry .main-contents {
        position: relative;
        width: 100%;
        margin: 0 0 0;
    }
    #laundry .main-img {
        width: 100%;
    }
    #laundry .main-img.fadeIn {
        animation-name:fadeInAnime;
        animation-duration:1s;
        animation-fill-mode:forwards;
        opacity:0;
    }
    @keyframes fadeInAnime {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    #laundry .logomark-yashinomi-img {
        width: 20%;
        max-width: 216px;
        margin: -10% 0 80px;
    }
    #laundry .concept-contents {
        position: relative;
        width: 90%;
        max-width: 1120px;
        margin: 0 auto 64px;
    }
    #laundry .concept-area {
        display: flex;
        justify-content: space-between;
    }
    #laundry .concept-text {
        line-height: 2;
        letter-spacing: 0.1em;
    }
    #laundry .concept-text-large {
        display: inline-block;
        font-size: 18px;
        margin: 48px 0 0;
        line-height: 1.5;
        letter-spacing: 0.01em;
    }
    #laundry h2.concept-heading {
        font-size: 48px;
        line-height: 1.2;
        letter-spacing: 0.05em;
    }
    #laundry h2.concept-heading span {
        font-size: 40px;
        letter-spacing: 0.05em;
    }
    #laundry .concept-img-area {
        width: 35%;
    }
    #laundry .concept-img {
        max-width: 414px;
        margin: -48px 0 0;
    }

    /*====================================

    2.動画

    ====================================*/
    #laundry .movie-contents {
        width: 90%;
        max-width: 1120px;
        margin: 0 auto 64px;
    }
    #laundry .movie-wrap {
        position: relative;
        padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden;
    }
    #laundry .movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*====================================

    3.ヤシノミ洗たく洗剤

    ====================================*/
    #laundry .laundry-bg {
        width: 100%;
        padding: 96px 0 64px;
        background: #bfe2f4;
    }
    #laundry .laundry-contents {
        position: relative;
        width: 90%;
        max-width: 1120px;
        margin: 0 auto;
    }
    #laundry .laundry-concept-contents {
        margin: 0 0 64px;
    }
    #laundry .laundry-concept-area {
        display: flex;
        justify-content: center;
        margin: 24px 0 0;
    }
    #laundry .laundry-ttl-img {
        width: 50%;
        max-width: 418px;
        margin: 0 auto;
    }
    #laundry .laundry-concept-img {
        max-width: 118px;
        margin: 0 0 0 24px;
    }
    #laundry .laundry-concept-box {
        margin: 0 0 0 64px;
    }
    #laundry .laundry-concept-text {
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: 0.05em;
        margin: 64px 0 32px;
    }
    #laundry h2.laundry-concept-heading {
        font-size: 40px;
        line-height: 1.3;
        letter-spacing: 0.05em;
    }
    #laundry .laundry-point-contents {
        position: relative;
        max-width: 1120px;
        margin: 0 auto 64px;
        padding: 48px 40px;
        background: #fff;
        text-align: center;
    }
    #laundry .laundry-point-mark {
        margin: 0 0 12px;
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: 0.05em;
    }
    #laundry .laundry-point-mark span {
        display: block;
        font-size: 14px;
    }
    #laundry h3.laundry-point-ttl {
        display: inline;
        font-size: 36px;
        letter-spacing: 0.05em;
        line-height: 1.7;
        margin: 0 0 48px;
        padding: 0 0 8px;
        border-bottom: 2px solid #0073bb;
    }
    #laundry .laundry-point-text {
        margin: 40px 0 0;
    }

    /*
        3.1 POINT01　高い洗浄力で皮脂汚れも食品汚れもしっかり洗える！
    ====================================*/
    #laundry .laundry-point01-contents {
        margin: 0 0 80px;
    }
    #laundry .laundry-point01-area {
        display: flex;
        justify-content: space-between;
    }
    #laundry .laundry-point01-area {
        margin: 48px 0 20px;
    }
    #laundry .laundry-point01-heading {
        margin: 0 0 8px;
    }
    #laundry .laundry-point01-box {
        width: 95%;
        margin: 0 auto;
    }
    #laundry .laundry-point01-img {
        max-width: 309px;
    }
    #laundry .laundry-point01-arrow {
        width: 16%;
        max-width: 50px;
        margin: 8px auto 14px;
    }
    #laundry .laundry-point01-attention {
        font-size: 12px;
        text-align: left;
    }

    /*
        3.2 POINT02　忙しい毎日にうれしい使いやすさ
    ====================================*/
    #laundry .laundry-point02-contents {
        margin: 0 0 80px;
    }
    #laundry ul.laundry-point02-area {
        display: flex;
        justify-content: space-between;
        margin: 32px 0 40px;
    }
    #laundry ul.laundry-point02-area li {
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: rgb(0,117,193);
        background: linear-gradient(130deg, rgba(0,117,193,1) 25%, rgba(149,197,228,1) 100%);
        font-size: 20px;
        line-height: 1.4;
        color: #fff;
    }
    #laundry ul.laundry-point02-area li.point02_01 {
        padding: 40px 0 0;
    }
    #laundry ul.laundry-point02-area li.point02_02 {
        padding: 80px 0 0;
    }
    #laundry ul.laundry-point02-area li.point02_03 {
        padding: 70px 0 0;
    }
    #laundry ul.laundry-point02-area li span {
        display: inline-block;
        margin: 20px;
        font-size: 10px;
        line-height: 1.5;
    }
    #laundry .laundry-point02-area-other {
        padding: 48px 20px 20px;
        background: #e5f3fb;
    }
    #laundry h3.laundry-point02-other-ttl {
        font-size: 28px;
    }
    #laundry .laundry-point02-other-img {
        width: 85%;
        max-width: 672px;
        margin: 20px auto;
    }
    #laundry .laundry-point02-other-attention {
        font-size: 12px;
        text-align: left;
    }

    /*
        3.3 POINT03　決め手はやっぱり、やさしさ。
    ====================================*/
    #laundry .laundry-point03-contents {
        margin: 0 0 96px;
    }
    #laundry .laundry-point03-area {
        display: flex;
        justify-content: space-between;
        margin: 32px 0 48px;
    }
    #laundry .laundry-point03-box01 {
        padding: 12px 20px 12px 0;
    }
    #laundry .laundry-point03-box02 {
        padding: 12px 20px 12px;
        border-left: 1px solid #99c7e4;
        border-right: 1px solid #99c7e4;
    }
    #laundry .laundry-point03-box03 {
        padding: 12px 0 12px 20px;
    }
    #laundry h4.laundry-point03-ttl {
        margin: 0 0 20px;
        font-size: 20px;
        line-height: 1.5;
    }
    #laundry .laundry-point03-text {
        font-size: 16px;
        line-height: 1.5;
    }
    #laundry .laundry-point03-text span {
        display: inline-block;
        margin: 12px 0 0;
        font-size: 12px;
    }

    #laundry dl.laundry-point03-test {
        display: flex;
        justify-content: left;
        align-items: center;
        margin: 0 0 20px;
        text-align: left;
    }
    #laundry dl.laundry-point03-test dt {
        display: inline-block;
        max-width: 38%;
        margin: 0 20px 0 0;
        padding: 4px 12px;
        background: #cce3f1;
    }
    #laundry dl.laundry-point03-test dd {
        max-width: 64%;
        font-size: 16px;
    }

    /*
        3.4 リニューアルしたヤシノミ洗たく洗剤の性能をまとめました
    ====================================*/
    #laundry .laundry-performance-contents {
        margin: 0;
    }
    #laundry h3.laundry-performance-ttl {
        display: inline;
        font-size: 32px;
        letter-spacing: 0.05em;
        line-height: 1.7;
        margin: 0 0 112px;
        padding: 0 0 8px;
        border-bottom: 2px solid #0073bb;
    }
    #laundry .laundry-performance-table {
        width: 100%;
        margin: 96px 0 0;
        border: 1px solid #0073bb;
    }
    #laundry .laundry-performance-table th {
        position: relative;
        padding: 12px 8px;
        background: #cce3f1;
        border: 1px solid #0073bb;
        text-align: center;
        font-weight: normal;
    }
    #laundry .laundry-performance-table tr {
        border: 1px solid #0073bb;
    }
    #laundry .laundry-performance-table td {
        padding: 12px 8px;
        vertical-align: middle;
        background: #fff;
        border: 1px solid #0073bb;
    }
    #laundry .laundry-performance-table td.performance-title {
        text-align: left;
        color: #0073bb;
        background: #f2f8fc;
    }
    #laundry .laundry-performance-table th.renewal-title {
        background: #0073bb;
        color: #fff;
    }
    #laundry .laundry-performance-table td.renewal-star {
        font-size: 30px;
        color: #0073bb;
    }
    #laundry .laundry-performance-table td.renewal-up {
        background: #fdf102;
    }

    #laundry .laundry-performance-table .renewal-line-top {
        border-top: 4px solid #0073bb;
    }
    #laundry .laundry-performance-table .renewal-line-left {
        border-left: 4px solid #0073bb;
    }
    #laundry .laundry-performance-table .renewal-line-right {
        border-right: 4px solid #0073bb;
    }
    #laundry .laundry-performance-table .renewal-line-bottom {
        border-bottom: 4px solid #0073bb;
    }
    #laundry .laundry-performance-table .performance-fukidashi_01 {
        position: absolute;
        top: -48px;
        left: 4px;
    }
    #laundry .laundry-performance-table .performance-fukidashi_02 {
        position: absolute;
        top: -48px;
        left: 0px;
        font-size: 18px;
        color: #0073bb;
    }

    #laundry .laundry-performance-text {
        margin: 64px 0 0;
        font-size: 28px;
        letter-spacing: 0.05em;
        line-height: 1.5;
    }


    /*
        3.5 製品ラインナップ
    ====================================*/
    #laundry .laundry-lineup-contents {
        width: 90%;
        max-width: 1120px;
        margin: 0 auto;
        text-align: center;
    }
    #laundry h3.laundry-lineup-ttl {
        font-size: 36px;
        letter-spacing: 0.05em;
        margin: 0 0 48px;
    }
    #laundry .laundry-lineup-area {
        display: flex;
        justify-content: space-around;
    }
    #laundry dl.laundry-lineup-item dt {
        margin: 0 auto 32px;
    }
    #laundry .laundry-lineup-img_01 {
        max-width: 86px;
    }
    #laundry .laundry-lineup-img_02 {
        max-width: 124px;
        margin: 0 12px 0 0;
    }
    #laundry .laundry-lineup-img_03 {
        max-width: 164px;
    }
    #laundry dl.laundry-lineup-item dd {
        font-size: 18px;
        line-height: 1.5;
    }
    #laundry dl.laundry-lineup-item dd span {
        font-size: 14px;
    }


    /*====================================

    4.ヤシノミ柔軟剤

    ====================================*/
    #laundry .softener-bg {
        width: 100%;
        padding: 96px 0 64px;
        background: #ffe5ea;
    }
    #laundry .softener-contents {
        position: relative;
        width: 90%;
        max-width: 1120px;
        margin: 0 auto;
    }
    #laundry .softener-concept-contents {
        margin: 0 0 64px;
    }
    #laundry .softener-concept-area {
        display: flex;
        justify-content: center;
        margin: 24px 0 0;
    }
    #laundry .softener-ttl-img {
        max-width: 368px;
        margin: 0 auto;
    }
    #laundry .softener-concept-img {
        max-width: 114px;
        margin: 0 0 0 24px;
    }
    #laundry .softener-concept-box {
        margin: 0 0 0 64px;
    }
    #laundry .softener-concept-text {
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: 0.05em;
        margin: 48px 0 32px;
    }
    #laundry h2.softener-concept-heading {
        font-size: 40px;
        line-height: 1.3;
        letter-spacing: 0.05em;
    }

    #laundry .softener-point-contents {
        position: relative;
        max-width: 1120px;
        margin: 0 auto 48px;
        padding: 64px 40px 32px;
        background: #fff;
        text-align: center;
    }
    #laundry .softener-point-mark {
        margin: 0 0 12px;
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: 0.05em;
    }
    #laundry .softener-point-mark span {
        display: block;
        font-size: 14px;
    }
    #laundry h3.softener-point-ttl {
        display: inline-block;
        font-size: 36px;
        letter-spacing: 0.05em;
        line-height: 1;
        margin: 0 0 48px;
        padding: 0 0 8px;
        border-bottom: 2px solid #e9526e;
    }

    #laundry dl.softener-point03-test {
        display: flex;
        justify-content: left;
        align-items: center;
        margin: 0 0 20px;
        text-align: left;
    }
    #laundry dl.softener-point03-test dt {
        display: inline-block;
        max-width: 38%;
        margin: 0 20px 0 0;
        padding: 4px 12px;
        background: #fbdce2;
    }
    #laundry dl.softener-point03-test dd {
        max-width: 64%;
        font-size: 16px;
    }

    /*
        4.1 POINT01　使う人と場所をえらばない無香料
    ====================================*/
    #laundry .softener-point01-contents {
        margin: 0 0 56px;
    }

    /*
        4.2 POINT02　食品由来の防臭成分※配合
    ====================================*/
    #laundry .softener-point02-contents {
        margin: 0 0 56px;
    }
    #laundry .softener-point02-text span {
        display: inline-block;
        margin: 20px 0 0;
        font-size: 12px;
    }

    /*
        4.3 POINT03　ふんわり肌まさつ低減＆優れた吸水性
    ====================================*/
    #laundry .softener-point03-contents {
        margin: 0 0 56px;
    }


    /*
        4.4 製品ラインナップ
    ====================================*/
    #laundry .softener-lineup-contents {
        width: 90%;
        max-width: 1120px;
        margin: 0 auto;
        text-align: center;
    }
    #laundry h3.softener-lineup-ttl {
        font-size: 36px;
        letter-spacing: 0.05em;
        margin: 0 0 48px;
    }
    #laundry .softener-lineup-area {
        display: flex;
        justify-content: center;
    }
    #laundry dl.softener-lineup-item {
        margin: 0 48px;
    }
    #laundry dl.softener-lineup-item dt {
        margin: 0 auto 32px;
    }
    #laundry .softener-lineup-img_01 {
        max-width: 86px;
    }
    #laundry .softener-lineup-img_02 {
        max-width: 180px;
    }
    #laundry dl.softener-lineup-item dd {
        font-size: 18px;
        line-height: 1.5;
    }
    #laundry dl.softener-lineup-item dd span {
        font-size: 14px;
    }


    /*====================================

    5.環境への取り組み

    ====================================*/
    #laundry .environment-contents {
        width: 90%;
        max-width: 1120px;
        margin: 64px auto 48px;
        padding: 48px 12px;
        text-align: center;
        border: 1px solid #d3d1d0;
    }
    #laundry h3.environment-ttl {
        font-size: 36px;
        letter-spacing: 0.05em;
        margin: 0 0 32px;
    }
    #laundry .environment-area {
        display: flex;
        justify-content: center;
    }
    #laundry .environment-bctj-area {
        display: flex;
        justify-content: center;
        max-width: 50%;
        margin: 0 20px;
        text-align: left;
    }
    #laundry .environment-bctj-mark {
        width: 116px;
    }
    #laundry .environment-bctj-text {
        max-width: 240px;
        margin: 12px 0 0 12px;
        font-size: 16px;
        line-height: 1.5;
    }
    #laundry .environment-bctj-text span {
        display: inline-block;
        margin: 12px 0 0;
        font-size: 14px;
    }
    #laundry .environment-rspo-area {
        max-width: 40%;
        margin: 0 40px;
    }
    #laundry .environment-rspo-mark {
        max-width: 205px;
    }


    /*====================================

    6.キャンペーン

    ====================================*/
    #laundry .campaign-contents {
        width: 90%;
        max-width: 1120px;
        margin: 0 auto 48px;
        padding: 64px 40px 56px;
        text-align: center;
        border: 4px solid #bfe2f4;
    }
    #laundry .campaign-heading {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 0.05em;
    }
    #laundry h3.campaign-ttl {
        display: inline-block;
        background-image: linear-gradient(transparent 70%, #fff000 0%);
        font-size: 36px;
        vertical-align: bottom;
        line-height: 1.1;
        letter-spacing: 0.05em;
        margin: 0 0 64px;
    }
    #laundry h3.campaign-ttl span {
        font-size: 64px;
    }
    #laundry .campaign-area {
        display: flex;
        justify-content: space-between;
    }
    #laundry .campaign-img {
        max-width: 450px;
    }
    #laundry .campaign-text-area {
        margin: 0 0 0 32px;
        text-align: left;
        letter-spacing: 0.01em;
    }
    #laundry ul.campaign-hashtag {
        display: flex;
        justify-content: left;
        margin: 20px 0;
    }
    #laundry ul.campaign-hashtag li {
        display: inline-block;
        margin: 0px 12px 0 0;
        padding: 4px 8px;
        font-size: 14px;
        background: #cce3f1;
    }
    #laundry .campaign-date {
        font-size: 20px;
        margin: 0 0 20px;
    }
    #laundry .campaign-attention {
        font-size: 14px;
    }


    /*====================================

    7.フッター

    ====================================*/
    #laundry .footer-contents {
        position: relative;
        width: 100%;
        max-width: 1120px;
        margin: 0 auto 48px;
        text-align: center;
    }
    #laundry ul.footer-nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 48px 0 20px;
        font-size: 12px;
        letter-spacing: 0.05em;
    }
    #laundry .logo-yashinomi {
        max-width: 126px;
        margin: 0 auto 8px;
    }
    #laundry small.copyright {
        font-size: 10px;
        letter-spacing: 0.05em;
    }
}





























/*
    画面サイズが577pxまでのCSSを記述
========================================================================*/
@media screen and (max-width: 577px)  {
        /*====================================

        0.汎用

        ====================================*/
        /*
            0.1 レイアウト
        ====================================*/
        #laundry {
            width: 100%;
            background: #fff;
            font-family: "A1 Gothic L", "A1ゴシック L", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, sans-serif;
            font-size: 12px;
            line-height: 1.8;
            color: #333;
            font-feature-settings: "palt";
        }
        #laundry img {
            vertical-align: bottom;
        }

        #laundry .pc-v {
            display: none !important;
        }
        #laundry .pc-no {
            display: none !important;
        }
        #laundry .tablet-v {
            display: none !important;
        }
        #laundry .sp-v {
            display: block !important;
        }
        #laundry .sp-no {
            display: none !important;
        }

        /*
            0.3 リンク
        ====================================*/
        #laundry .lineup-btn-area {
            display: block;
            justify-content: space-between;
            margin: 32px 0 0;
        }
        #laundry a.btn-lineup,
        #laundry a.btn-detail,
        #laundry a.btn-form {
            position: relative;
            display: block;
            box-sizing: border-box;
            width: 90%;
            max-width: 352px;
            max-height: 56px;
            margin: 0 auto 20px;
            text-decoration: none;
            color: #fff;
            text-align: center;
            font-size: 18px;
            line-height: 56px;
            cursor: pointer;
        }
        #laundry a.btn-lineup::after,
        #laundry a.btn-detail::after,
        #laundry a.btn-form::after {
            position: absolute;
            content: "＞";
            font-size: 18px;
            right: 16px;
        }
        #laundry a.btn-lineup:hover,
        #laundry a.btn-detail:hover,
        #laundry a.btn-form:hover {
            opacity: 0.8;
            transition: all 0.5s;
        }
        #laundry a.btn-laundry {
            background: #0073bb;
        }
        #laundry a.btn-softener {
            background: #e9526e;
        }
        #laundry a.btn-detail {
            margin: 24px auto 0;
            background: #231815;
        }
        #laundry a.btn-form {
            width: 100%;
        }


        /*====================================

        1.メイン

        ====================================*/
        #laundry .main-contents {
            position: relative;
            width: 100%;
            margin: 0 0 0;
        }
        #laundry .main-img {
            width: 100%;
        }
        #laundry .concept-contents {
            position: relative;
            width: 90%;
            max-width: 1120px;
            margin: 32px auto 40px;
        }
        #laundry .concept-area {
            display: block;
            justify-content: space-between;
        }
        #laundry .concept-text {
            font-size: 14px;
            line-height: 2;
            letter-spacing: 0.05em;
        }
        #laundry .concept-text-large {
            display: inline-block;
            font-size: 18px;
            margin: 32px 0 0;
            line-height: 1.5;
            letter-spacing: 0.01em;
        }
        #laundry h2.concept-heading {
            font-size: 34px;
            line-height: 1.2;
            letter-spacing: 0.05em;
        }
        #laundry h2.concept-heading span {
            font-size: 24px;
            letter-spacing: 0.05em;
        }
        #laundry .concept-img-area {
            display: flex;
            justify-content: center;
            margin: 80px 0 0;
        }
        #laundry .logomark-yashinomi-img {
            max-width: 90px;
            margin: 0 32px 0;
        }
        #laundry .concept-img {
            max-width: 186px;
        }


        /*====================================

        2.動画

        ====================================*/
        #laundry .movie-contents {
            width: 90%;
            max-width: 1120px;
            margin: 0 auto 40px;
        }
        #laundry .movie-wrap {
            position: relative;
            padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
            height: 0;
            overflow: hidden;
        }
        #laundry .movie-wrap iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }


        /*====================================

        3.ヤシノミ洗たく洗剤

        ====================================*/
        #laundry .laundry-bg {
            width: 100%;
            padding: 40px 0 24px;
            background: #bfe2f4;
        }
        #laundry .laundry-contents {
            position: relative;
            width: 90%;
            max-width: 1120px;
            margin: 0 auto;
        }
        #laundry .laundry-concept-contents {
            margin: 0 0 32px;
        }
        #laundry .laundry-concept-area {
            display: flex;
            justify-content: center;
            margin: 20px 0 0;
        }
        #laundry .laundry-ttl-img {
            max-width: 174px;
            margin: 0 auto;
        }
        #laundry .laundry-concept-img {
            max-width: 50px;
            margin: 0 0 0 0;
        }
        #laundry .laundry-concept-box {
            margin: 0 0 0 20px;
        }
        #laundry .laundry-concept-text {
            font-size: 12px;
            line-height: 1.5;
            letter-spacing: 0.05em;
            margin: 20px 0 12px;
        }
        #laundry h2.laundry-concept-heading {
            font-size: 18px;
            line-height: 1.5;
            letter-spacing: 0.05em;
        }
        #laundry .laundry-point-contents {
            position: relative;
            width: 100%;
            max-width: 1120px;
            margin: 0 auto 40px;
            padding: 24px 5%;
            background: #fff;
            text-align: center;
        }
        #laundry .laundry-point-mark {
            margin: 0 0 4px;
            font-size: 24px;
            line-height: 1.1;
            letter-spacing: 0.05em;
        }
        #laundry .laundry-point-mark span {
            display: block;
            font-size: 10px;
        }
        #laundry h3.laundry-point-ttl {
            display: inline;
            font-size: 18px;
            letter-spacing: 0.025em;
            line-height: 1.7;
            margin: 0 0 48px;
            padding: 0 0 4px;
            border-bottom: 2px solid #0073bb;
        }
        #laundry .laundry-point-text {
            margin: 32px 0 0;
        }

        /*
            3.1 POINT01　高い洗浄力で皮脂汚れも食品汚れもしっかり洗える！
        ====================================*/
        #laundry .laundry-point01-contents {
            margin: 0 0 40px;
        }
        #laundry .laundry-point01-area {
            display: block;
            justify-content: space-between;
        }
        #laundry .laundry-point01-box {
            display: flex;
            justify-content: space-between;
        }
        #laundry .laundry-point01-area {
            margin: 32px 0 20px;
        }
        #laundry .laundry-point01-heading {
            margin: 20px 0 4px;
            text-align: left;
        }
        #laundry .laundry-point01-img {
            width: 70%;
            min-width: 140px;
        }
        #laundry .laundry-point01-arrow {
            box-sizing: border-box;
            min-width: 12px;
            margin: 12% 8px 0;
            padding: 0 0;
        }
        #laundry .laundry-point01-attention {
            font-size: 10px;
            line-height: 1.5;
            text-align: left;
        }

        /*
            3.2 POINT02　忙しい毎日にうれしい使いやすさ
        ====================================*/
        #laundry .laundry-point02-contents {
            margin: 0 0 40px;
        }
        #laundry ul.laundry-point02-area {
            display: flex !important;
            justify-content: space-around;
            margin: -12px 0;
        }
        #laundry ul.laundry-point02-area.area_01 {
            display: flex !important;
            justify-content: center;
            margin: 0 0;
        }
        #laundry ul.laundry-point02-area li {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: rgb(0,117,193);
            background: linear-gradient(130deg, rgba(0,117,193,1) 25%, rgba(149,197,228,1) 100%);
            font-size: 14px;
            line-height: 1.4;
            color: #fff;
        }
        #laundry ul.laundry-point02-area li.point02_01 {
            margin: 32px 0 0;
            padding: 48px 0 0;
        }
        #laundry ul.laundry-point02-area li.point02_02 {
            padding: 56px 0 0;
        }
        #laundry ul.laundry-point02-area li.point02_03 {
            padding: 48px 0 0;
        }
        #laundry .laundry-point02-attention {
            display: inline-block;
            margin: 20px 0 32px;
            font-size: 12px;
            line-height: 1.5;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #laundry .laundry-point02-area-other {
            padding: 24px 20px 20px;
            background: #e5f3fb;
        }
        #laundry h3.laundry-point02-other-ttl {
            font-size: 18px;
        }
        #laundry .laundry-point02-other-img {
            width: 80%;
            max-width: 220px;
            margin: 20px auto 24px;
        }
        #laundry .laundry-point02-other-attention {
            font-size: 10px;
            text-align: left;
        }

        /*
            3.3 POINT03　決め手はやっぱり、やさしさ。
        ====================================*/
        #laundry .laundry-point03-contents {
            margin: 0 0 40px;
        }
        #laundry .laundry-point03-area {
            display: block;
            justify-content: space-between;
            margin: 0 0 48px;
        }
        #laundry .laundry-point03-box01 {
            padding: 12px 0 20px 0;
        }
        #laundry .laundry-point03-box02 {
            padding: 12px 0 20px;
            border-left: none;
            border-right: none;
            border-top: 1px solid #99c7e4;
            border-bottom: 1px solid #99c7e4;
        }
        #laundry .laundry-point03-box03 {
            padding: 12px 0 0 0px;
        }
        #laundry h4.laundry-point03-ttl {
            margin: 20px 0 12px;
            font-size: 16px;
            line-height: 1.5;
        }
        #laundry .laundry-point03-text {
            font-size: 12px;
            line-height: 1.5;
        }
        #laundry .laundry-point03-text span {
            display: inline-block;
            margin: 12px 0 0;
            font-size: 12px;
        }

        #laundry dl.laundry-point03-test {
            display: flex;
            justify-content: left;
            align-items: center;
            margin: 0 0 16px;
            text-align: left;
        }
        #laundry dl.laundry-point03-test dt {
            display: inline-block;
            max-width: 67%;
            margin: 0 12px 0 0;
            padding: 4px 6px;
            background: #cce3f1;
        }
        #laundry dl.laundry-point03-test dd {
            max-width: 55%;
            font-size: 10px;
            line-height: 1.5;
        }

        /*
            3.4 リニューアルしたヤシノミ洗たく洗剤の性能をまとめました
        ====================================*/
        #laundry .laundry-performance-contents {
            margin: 0;
        }
        #laundry h3.laundry-performance-ttl {
            display: inline;
            font-size: 18px;
            letter-spacing: 0.05em;
            line-height: 1.7;
            margin: 0 0 48px;
            padding: 0 0 2px;
            border-bottom: 2px solid #0073bb;
        }
        #laundry .laundry-performance-table {
            width: 100%;
            margin: 64px 0 0;
            border: 1px solid #0073bb;
            letter-spacing: 0.01em;
        }
        #laundry .laundry-performance-table th {
            position: relative;
            padding: 8px 8px;
            background: #cce3f1;
            border: 1px solid #0073bb;
            text-align: center;
            font-weight: normal;
            font-size: 10px;
        }
        #laundry .laundry-performance-table tr {
            border: 1px solid #0073bb;
        }
        #laundry .laundry-performance-table td {
            padding: 4px 8px;
            vertical-align: middle;
            background: #fff;
            border: 1px solid #0073bb;
        }
        #laundry .laundry-performance-table td.performance-title {
            text-align: left;
            color: #0073bb;
            background: #f2f8fc;
            font-size: 10px;
        }
        #laundry .laundry-performance-table th.renewal-title {
            background: #0073bb;
            color: #fff;
        }
        #laundry .laundry-performance-table td.renewal-star {
            font-size: 14px;
            color: #0073bb;
        }
        #laundry .laundry-performance-table td.renewal-up {
            background: #fdf102;
        }

        #laundry .laundry-performance-table .renewal-line-top {
            border-top: 2px solid #0073bb;
        }
        #laundry .laundry-performance-table .renewal-line-left {
            border-left: 2px solid #0073bb;
        }
        #laundry .laundry-performance-table .renewal-line-right {
            border-right: 2px solid #0073bb;
        }
        #laundry .laundry-performance-table .renewal-line-bottom {
            border-bottom: 2px solid #0073bb;
        }
        #laundry .laundry-performance-table .performance-fukidashi_01 {
            position: absolute;
            top: -24px;
            left: 16%;
            letter-spacing: 0.01em;
        }
        #laundry .laundry-performance-table .performance-fukidashi_02 {
            position: absolute;
            top: -26px;
            left: 1.5%;
            font-size: 12px;
            letter-spacing: 0.01em;
            color: #0073bb;
        }
        #laundry .laundry-performance-text {
            margin: 32px 0 0;
            font-size: 18px;
            letter-spacing: 0.05em;
            line-height: 1.5;
        }

        /*
            3.5 製品ラインナップ
        ====================================*/
        #laundry .laundry-lineup-contents {
            width: 90%;
            max-width: 1120px;
            margin: 0 auto;
            text-align: center;
        }
        #laundry h3.laundry-lineup-ttl {
            font-size: 20px;
            letter-spacing: 0.05em;
            margin: 0 0 32px;
        }
        #laundry .laundry-lineup-area {
            display: block;
            justify-content: space-around;
        }
        #laundry dl.laundry-lineup-item {
            margin: 0 auto 24px;
        }
        #laundry dl.laundry-lineup-item dt {
            margin: 0 auto 20px;
        }
        #laundry .laundry-lineup-img_01 {
            max-width: 64px;
        }
        #laundry .laundry-lineup-img_02 {
            max-width: 105px;
            margin: 0 12px 0 0;
        }
        #laundry .laundry-lineup-img_03 {
            max-width: 116px;
        }
        #laundry dl.laundry-lineup-item dd {
            font-size: 16px;
            line-height: 1.5;
        }
        #laundry dl.laundry-lineup-item dd span {
            font-size: 12px;
        }


        /*====================================

        4.ヤシノミ柔軟剤

        ====================================*/
        #laundry .softener-bg {
            width: 100%;
            padding: 40px 0 24px;
            background: #ffe5ea;
        }
        #laundry .softener-contents {
            position: relative;
            width: 90%;
            max-width: 1120px;
            margin: 0 auto;
        }
        #laundry .softener-concept-contents {
            margin: 0 0 32px;
        }
        #laundry .softener-concept-area {
            display: flex;
            justify-content: center;
            margin: 20px 0 0;
        }
        #laundry .softener-ttl-img {
            max-width: 174px;
            margin: 0 auto;
        }
        #laundry .softener-concept-img {
            max-width: 50px;
            margin: 0 0 0 24px;
        }
        #laundry .softener-concept-box {
            margin: 0 0 0 20px;
        }
        #laundry .softener-concept-text {
            font-size: 12px;
            line-height: 1.5;
            letter-spacing: 0.05em;
            margin: 20px 0 12px;
        }
        #laundry h2.softener-concept-heading {
            font-size: 18px;
            line-height: 1.3;
            letter-spacing: 0.05em;
        }

        #laundry .softener-point-contents {
            position: relative;
            max-width: 1120px;
            margin: 0 auto 40px;
            padding: 24px 5% 12px;
            background: #fff;
            text-align: center;
        }
        #laundry .softener-point-mark {
            margin: 0 0 8px;
            font-size: 24px;
            line-height: 1.1;
            letter-spacing: 0.05em;
        }
        #laundry .softener-point-mark span {
            display: block;
            font-size: 10px;
        }
        #laundry h3.softener-point-ttl {
            display: inline-block;
            font-size: 18px;
            letter-spacing: 0.025em;
            line-height: 1;
            margin: 0 0 0px;
            padding: 0 0 4px;
            border-bottom: 2px solid #e9526e;
        }
        #laundry .softener-point-text {
            margin: 32px 0 0;
        }

        #laundry dl.softener-point03-test {
            display: flex;
            justify-content: left;
            align-items: center;
            margin: 0 0 16px;
            text-align: left;
        }
        #laundry dl.softener-point03-test dt {
            display: inline-block;
            max-width: 67%;
            margin: 0 12px 0 0;
            padding: 4px 6px;
            background: #fbdce2;
        }
        #laundry dl.softener-point03-test dd {
            max-width: 55%;
            font-size: 10px;
            line-height: 1.5;
        }

        /*
            4.1 POINT01　使う人と場所をえらばない無香料
        ====================================*/
        #laundry .softener-point01-contents {
            margin: 0 0 40px;
        }

        /*
            4.2 POINT02　食品由来の防臭成分※配合
        ====================================*/
        #laundry .softener-point02-contents {
            margin: 0 0 40px;
        }
        #laundry .softener-point02-text span {
            display: inline-block;
            margin: 12px 0 0;
            font-size: 10px;
        }

        /*
            4.3 POINT03　ふんわり肌まさつ低減＆優れた吸水性
        ====================================*/
        #laundry .softener-point03-contents {
            margin: 0 0 40px;
        }


        /*
            4.4 製品ラインナップ
        ====================================*/
        #laundry .softener-lineup-contents {
            width: 90%;
            max-width: 1120px;
            margin: 0 auto;
            text-align: center;
        }
        #laundry h3.softener-lineup-ttl {
            font-size: 20px;
            letter-spacing: 0.05em;
            margin: 0 0 32px;
        }
        #laundry .softener-lineup-area {
            display: block;
            justify-content: center;
        }
        #laundry dl.softener-lineup-item {
            margin: 0 auto 24px;
        }
        #laundry dl.softener-lineup-item dt {
            margin: 0 auto 20px;
        }
        #laundry .softener-lineup-img_01 {
            max-width: 60px;
        }
        #laundry .softener-lineup-img_02 {
            max-width: 120px;
        }
        #laundry dl.softener-lineup-item dd {
            font-size: 16px;
            line-height: 1.5;
        }
        #laundry dl.softener-lineup-item dd span {
            font-size: 12px;
        }


        /*====================================

        5.環境への取り組み

        ====================================*/
        #laundry .environment-contents {
            width: 90%;
            max-width: 1120px;
            margin: 40px auto 32px;
            padding: 32px 0;
            text-align: center;
            border: 1px solid #d3d1d0;
        }
        #laundry h3.environment-ttl {
            font-size: 20px;
            letter-spacing: 0.05em;
            margin: 0 0 18px;
        }
        #laundry .environment-area {
            display: block;
            justify-content: center;
            width: 90%;
            margin: 0 auto;
        }
        #laundry .environment-bctj-area {
            display: block;
            justify-content: center;
            margin: 0 auto;
            text-align: left;
        }
        #laundry .environment-bctj-mark {
            width: 30%;
            max-width: 116px;
            margin: 0 auto;
        }
        #laundry .environment-bctj-text {
            margin: 12px 0 24px 0;
            padding: 0 0 24px;
            font-size: 12px;
            line-height: 1.5;
            border-bottom: 1px solid #d3d1d0;
        }
        #laundry .environment-bctj-text span {
            display: inline-block;
            margin: 12px 0 0;
            font-size: 12px;
        }
        #laundry .environment-rspo-area {
            margin: 0 auto;
        }
        #laundry .environment-rspo-mark {
            width: 50%;
            max-width: 205px;
            margin: 0 auto;
        }


        /*====================================

        6.キャンペーン

        ====================================*/
        #laundry .campaign-contents {
            width: 90%;
            max-width: 1120px;
            margin: 0 auto 32px;
            padding: 36px 0% 20px;
            text-align: center;
            border: 4px solid #bfe2f4;
        }
        #laundry .campaign-heading {
            font-size: 18px;
            line-height: 1;
            letter-spacing: 0.05em;
        }
        #laundry h3.campaign-ttl {
            display: inline-block;
            background-image: linear-gradient(transparent 70%, #fff000 0%);
            font-size: 20px;
            line-height: 1.2;
            letter-spacing: 0.05em;
            margin: 0 0 32px;
        }
        #laundry h3.campaign-ttl span {
            font-size: 32px;
        }
        #laundry .campaign-area {
            display: block;
            justify-content: space-between;
        }
        #laundry .campaign-img {
            width: 90%;
            margin: 0 auto;
            max-width: 450px;
        }
        #laundry .campaign-text-area {
            width: 90%;
            margin: 24px auto 0;
            text-align: left;
            letter-spacing: 0.01em;
        }
        #laundry .campaign-text {
            font-size: 14px;
        }
        #laundry ul.campaign-hashtag {
            display: flex;
            justify-content: left;
            margin: 20px 0;
        }
        #laundry ul.campaign-hashtag li {
            display: inline-block;
            margin: 0px 8px 0 0;
            padding: 4px 8px;
            background: #cce3f1;
        }
        #laundry .campaign-date {
            font-size: 16px;
            margin: 0 0 20px;
        }
        #laundry .campaign-attention {
            font-size: 12px;
        }


        /*====================================

        7.フッター

        ====================================*/
        #laundry .footer-contents {
            position: relative;
            width: 90%;
            max-width: 1120px;
            margin: 0 auto 24px;
            text-align: center;
        }
        #laundry ul.footer-nav {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0px 0 20px;
            font-size: 12px;
        }
        #laundry .logo-yashinomi {
            max-width: 126px;
            margin: 0 auto 12px;
        }
        #laundry small.copyright {
            font-size: 10px;
            letter-spacing: 0.05em;
        }
}