@charset "UTF-8";

/* ---------- ---------- ----------
    :: index ::

01. Section
02. Heading Lv2
    |- 02-1. Heading Lv2 : plain
03. Tile Link Pack
04. Text Link Pack
05. Button Pack
06. Carousel
07. BCP

---------- ---------- ---------- */


/* ---------- ---------- ----------
:: for large screen ::
@media only screen and (min-width: 1025px) {
}
:: for medium screen ::
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media only screen and (max-width: 640px) {
}
---------- ---------- ---------- */





/* 01. Section
---------- ---------- ---------- */
/* 01-1. Section
---------- ---------- */
.corp-top-Section .l-Section__inner {
    max-width: 1366px;
}
@media only screen and (min-width: 1025px) {
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
}


/* 01-2. tile Link Section
---------- ---------- */
.corp-top-tileLinkSection .l-Section__inner {
}
@media only screen and (min-width: 1025px) {
    .corp-top-tileLinkSection .l-Section__inner {
        padding-bottom: 15px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-top-tileLinkSection .l-Section__inner {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 640px) {
    .corp-top-tileLinkSection .l-Section__inner {
        padding-bottom: 0;
    }
}


/* 01-3. last Section
---------- ---------- */
.corp-top-lastSection {
}
@media only screen and (min-width: 1025px) {
    .corp-top-lastSection {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-top-lastSection {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 640px) {
    .corp-top-lastSection {
        margin-bottom: 13px;
    }
}





/* 02. Heading Lv2
---------- ---------- ---------- */
/* 02-1. Heading Lv2 : plain
---------- ---------- */
.corp-top-headingLv2.l-HeadingTitle--h2 {
    border: none;
}
.corp-top-headingLv2 .l-HeadingTitle__titleBlock__titleBox__title {
    margin-bottom: 0;
}
.corp-top-headingLv2 .l-HeadingTitle__h2 {
    position: relative;
    line-height: 1.6;
    text-align: center;
    letter-spacing: .2em;
}
.corp-top-headingLv2 .l-Text {
    text-align: center;
}
@media only screen and (min-width: 1025px) {
    .corp-top-headingLv2.l-HeadingTitle--h2 {
        margin-top: 30px;
        margin-bottom: 8px;
    }
    .corp-top-headingLv2 .l-HeadingTitle__h2 {
        font-size: 26px;
    }
    .corp-top-headingLv2 .l-HeadingTitle__h2 .cmn-richtext {
        display: block;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-top-headingLv2.l-HeadingTitle--h2 {
        margin-top: 30px;
        margin-bottom: 8px;
    }
    .corp-top-headingLv2 .l-HeadingTitle__h2 {
        font-size: 26px;
    }
    .corp-top-headingLv2 .l-HeadingTitle__h2 .cmn-richtext {
        display: block;
    }
}
@media only screen and (max-width: 640px) {
    .corp-top-headingLv2.l-HeadingTitle--h2 {
        margin-top: 26px;
        margin-bottom: 6px;
    }
    .corp-top-headingLv2 .l-HeadingTitle__h2 {
        font-size: 22px;
    }
    .corp-top-headingLv2 .l-HeadingTitle__h2 .cmn-richtext {
        display: block;
    }
}





/* 03. Tile Link Pack
---------- ---------- ---------- */
/* 03-1. Tile Link Pack
---------- ---------- */
.corp-top-tileLink .l-TileLinkVUnit {
    padding: 0;
    border-width: 0;
}
/* lead Block */
.corp-top-tileLink .l-TileLinkVUnit__leadBlock {
    margin-right: 30px;
    margin-left: 30px;
}
/* lead Block - title */
.corp-top-tileLink .l-TileLinkVUnit__leadBlock__title {
    text-align: center;
}
.corp-top-tileLink .l-Text {
    padding-right: 20px;
    display: inline-block;
    position: relative;
    line-height: 1.4;
}
.corp-top-tileLink .l-Text:after {
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1em;
    vertical-align: middle;
    content: "\e006";
    color: #00a582;
    font-family: 'icomoon';
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1025px) {
    /* image Block */
    .corp-top-tileLink .l-TileLinkVUnit__imageBlock {
        margin-bottom: 15px;
    }
    /* lead Block - title */
    .corp-top-tileLink .l-TileLinkVUnit__leadBlock__title {
        margin-bottom: 30px;
    }
    .corp-top-tileLink .l-Text {
        font-size: 18px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    /* image Block */
    .corp-top-tileLink .l-TileLinkVUnit__imageBlock {
        margin-bottom: 15px;
    }
    /* lead Block - title */
    .corp-top-tileLink .l-TileLinkVUnit__leadBlock__title {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 640px) {
    /* image Block */
    .corp-top-tileLink .l-TileLinkVUnit__imageBlock {
        margin-bottom: 10px;
    }
    /* lead Block - title */
    .corp-top-tileLink .l-TileLinkVUnit__leadBlock__title {
        margin-bottom: 20px;
    }
}
/* 03-1-1. Tile Link Pack : width control
---------- */
.corp-top-tileLink--size2of3 {
    margin-right: auto;
    margin-left: auto;
}
@media only screen and (min-width: 1025px) {
    .corp-top-tileLink--size2of3 {
        width: 66.6%;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-top-tileLink--size2of3 {
        width: 66.6%;
    }
}
@media only screen and (max-width: 640px) {
}




/* 03-2. banner
---------- ---------- */
.corp-top-tileLink-banner .l-TileLinkVUnit {
    padding: 0;
}
/* lead Block */
.corp-top-tileLink-banner .l-TileLinkVUnit__leadBlock {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.corp-top-tileLink-banner .l-Text {
    margin-bottom: 0;
}
.corp-top-tileLink-banner .l-TileLinkVUnit .l-TileLinkVUnit__icon {
    color: #00a582;
}
@media only screen and (min-width: 1025px) {
    .corp-top-tileLink-banner .l-Text {
        line-height: 1.4;
        font-size: 18px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
}

/* 03-3. banner 2
---------- ---------- */
.corp-top-tileLink-banner2 .l-TileLinkVUnit {
    padding: 0;
    border-width: 1px;
    border-color: #d9d9d9;
    position: relative;
}
/* image Block */
.corp-top-tileLink-banner2 .l-TileLinkVUnit__imageBlock {
    margin-bottom: 0;
}
.corp-top-tileLink-banner2 .l-TileLinkVUnit__imageBlock .l-Image {
    margin-bottom: 0;
}
.corp-top-tileLink-banner2 .l-TileLinkVUnit__imageBlock .l-Image__img {
    margin: 0;
    text-align: center;
}
.corp-top-tileLink-banner2 .l-TileLinkVUnit__imageBlock .l-Image__img img {
    display: inline;
    vertical-align: top;
    width: 80px !important;
    height: auto !important;
}
/* lead Block */
.corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock {
    padding-left: 24px;
    position: static;
    text-align: center;
}
.corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__title .l-Text {
    margin-bottom: 5px;
}
.corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__lead .l-Text {
    line-height: 1.6;
}
.corp-top-tileLink-banner2 .l-TileLinkVUnit .l-TileLinkVUnit__icon {
    right: 10px;
    color: #00a582;
}
@media only screen and (min-width: 1025px) {
    /* lead Block */
    .corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__title .l-Text {
        font-size: 18px;
    }
    .corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__lead .l-Text {
        font-size: 14px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    /* lead Block */
    .corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__title .l-Text {
        font-size: 16px;
    }
    .corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__lead .l-Text {
        font-size: 14px;
    }
}
@media only screen and (max-width: 640px) {
    /* lead Block */
    .corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__title .l-Text {
        font-size: 15px;
    }
    .corp-top-tileLink-banner2 .l-TileLinkVUnit__leadBlock__lead .l-Text {
        font-size: 13px;
    }
}





/* 04. Text Link Pack
---------- ---------- ---------- */
.corp-top-textLink .l-TextLinkP__list__item {
    border-color: #ddd;
    border-style: solid;
}
.corp-top-textLink .l-TextLinkP__list__item:last-child {
    border-width: 0;
}
.corp-top-textLink .l-TextLinkUnit__link {
    display: block;
}
.corp-top-textLink .l-TextLinkUnit__link > .cmn-richtext:hover,
.corp-top-textLink .l-TextLinkUnit__link > .cmn-richtext:focus,
.corp-top-textLink .l-TextLinkUnit__link > .cmn-richtext:active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
@media only screen and (min-width: 1025px) {
    .corp-top-textLink .l-TextLinkP__list {
        margin-bottom: -14px !important;
        text-align: center;
    }
    .corp-top-textLink .l-TextLinkP__list__item {
        margin-right: 14px;
        margin-bottom: 14px;
        padding-right: 20px !important;
        border-width: 0 1px 0 0;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-top-textLink .l-TextLinkP__list {
        margin-bottom: -14px !important;
        text-align: center;
    }
    .corp-top-textLink .l-TextLinkP__list__item {
        margin-right: 14px;
        margin-bottom: 14px;
        padding-right: 20px !important;
        border-width: 0 1px 0 0;
    }
}
@media only screen and (max-width: 640px) {
    .corp-top-textLink .l-TextLinkP__list__item {
        padding: 20px 15px 20px 20px !important;
        border-width: 0 0 1px;
        display: block;
    }
}




/* 05. Button Pack
---------- ---------- ---------- */
.corp-top-button {
    margin-bottom: 0;
}
.corp-top-button .l-ButtonUnit__link {
    padding: 19px 20px;
    border-color: #d9d9d9;
    border-radius: 0;
    font-size: 18px;
}
.corp-top-button .l-ButtonUnit__link .cmn-richtext {
    display: inline-block;
    text-align: center;
}
.corp-top-button .l-ButtonUnit__link .cmn-richtext > span:after {
    margin: 0 0 0 5px;
    vertical-align: middle;
    content: "\e006";
    color: #00a582;
    font-family: 'icomoon';
    font-size: 1.2em;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




/* 06. Carousel
---------- ---------- ---------- */
.corp-top-Carousel .l-FullwidthVisualsCarouselUnit__image {
    height: auto !important;
}
.corp-top-Carousel .l-FullwidthVisualsCarouselP__prevArrow ,
.corp-top-Carousel .l-FullwidthVisualsCarouselP__nextArrow {
    margin-top: auto;
    margin-bottom: auto;
    top: 0 !important;
    bottom: 0;
    height: 53px;
    box-sizing: border-box;
}

.corp-top-Carousel .l-FullwidthVisualsCarouselUnit__image__info {
    padding: 0;
    position: static;
}
.corp-top-Carousel .l-FullwidthVisualsCarouselUnit__info__main {
    width: 100%;
}
.corp-top-Carousel .l-Image {
    margin: 0;
}
.corp-top-Carousel .l-Image .l-Image__img img {
    width: 100% !important;
    height: auto;
}
.corp-top-Carousel .l-FullwidthVisualsCarouselUnit__info {
    display: none;
}
.corp-top-Carousel .l-FullwidthVisualsCarouselP__nav {
    margin: 0;
}





/* 07. BCP
---------- ---------- ---------- */
#common_section_wrapper_1 img#pc_bcp {}
#common_section_wrapper_1 img#sp_bcp {}
@media only screen and (min-width: 1025px) {
    #common_section_wrapper_1 img#sp_bcp { display: none; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    #common_section_wrapper_1 img#sp_bcp { display: none; }
}
@media only screen and (max-width: 640px) {
    #common_section_wrapper_1 img#pc_bcp { display: none; }
}




/* ページ下部の「製品Ｑ&Ａ」「住まい?衣類の　トラブルSOS」～のリンク設定
（日名子　2019/11/11）
---------- ---------- ---------- */
.corp-relatedLink-02--text .l-TileLinkTextUnit{
padding: 0px !important;
border: none !important;
}

.corp-relatedLink-02--text .g-Text {
margin-bottom: 0px !important;
}

.corp-relatedLink-02--text .g-TileLinkTextUnit__leadBlock__title{
display: block !important;
border: 1px solid #d9d9d9;
padding: 15px 10px;
}

.corp-relatedLink-02--text .opt-fontsize--l{
font-size: 22px;
line-height: 1.6;
}

.corp-relatedLink-02--text .opt-fontsize--s{
font-size: 12px;
line-height: 1.88;
}



/* 「製品Q＆A」「住まい?衣類のトラブルSOS」「応急処置SOS」のリンクの設定
---------- ---------- ---------- */
.corp-top-button-soudan {
    margin-bottom: 0;
}
.corp-top-button-soudan .l-ButtonUnit__link {
    padding: 19px 20px;
    border-color: #d9d9d9;
    border-radius: 0;
    font-size: 18px;
}
.corp-top-button-soudan .l-ButtonUnit__link{
    text-align: center;
    position: relative;
}
.corp-top-button-soudan .g-ButtonUnit__link:after {
    position: absolute;
    right: 15px;
    vertical-align: middle;
    content: "\e006";
    color: #00a582;
    font-family: 'icomoon';
    font-size: 1.2em;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.corp-top-button-soudan .cmn-richtext{
padding-right: 15px;
}

.soudan-heading-p .l-HeadingTitle__p{
    font-family: "FP-ヒラギノUD角ゴ StdN W5",FP-HiraginoUDSansStdN-W5,sans-serif;
    padding-right: 15px;
}

.soudan-heading-p .g-HeadingTitle__icon {
    margin-top: -1.1em;
}


@media only screen and (max-width: 640px) {
.soudan-corp-iconTel-01-wrapper .g-TelephoneCall__item__icon__phone{
left: 0px !important;
margin-top: -12px !important;
}
.soudan-corp-iconTel-01-wrapper .g-TelephoneCall__item{
padding: 0 32px 0 20px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
.soudan-corp-iconTel-01-wrapper .l-TelephoneCall__item__number{
text-decoration: none;
}
}


/* マウスホバー時の下線削除
---------- ---------- ---------- */

.soudan-border-bottom0 .l-TextLinkUnit__link .cmn-richtext span{
border-bottom: 0px !important;
}


/* index 注釈文字設定
---------- ---------- ---------- */
@media only screen and (min-width: 641px){
.soudan-annotationText .cmn-richtext{
font-size: 16px;
}
}
@media only screen and (max-width: 640px){
.soudan-annotationText .cmn-richtext{
font-size: 14px;
}
}


/* index 電話マークサイズ設定
---------- ---------- ---------- */
@media only screen and (min-width: 641px){
.soudan-telephone-img .g-Image{
width: 56px !important;
}
}
@media only screen and (max-width: 640px){
.soudan-telephone-img .g-Image{
width: 50px !important;
}
}


/* index 電話番号フォントサイズ設定
---------- ---------- ---------- */
@media only screen and (min-width: 641px){
.soudan-telephone-text .l-TelephoneCall__item__number{
font-size: 18px;
}
}
@media only screen and (max-width: 640px){
.soudan-telephone-text .l-TelephoneCall__item__number{
font-size: 16px;
}
}

/* index アイコンの左にボーダー
---------- ---------- ---------- */
.g-HeadingTitle__titleBlock__imageBox .icon-tile-left-border::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: -19px;
width: 6px;
height: 35px;
background-color: #00a582;
transform: translate(0,-50%);
}
.g-HeadingTitle.h2-lefticon-border {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 18px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px){
.g-HeadingTitle.h2-lefticon-border{
padding-bottom: 8px;
}
}
@media only screen and (max-width: 640px){
.g-HeadingTitle.h2-lefticon-border{
padding-bottom: 2px;
}
}<!--0.0001671314239502-->