@charset "UTF-8";

body {
    background: #1c2532;
}

img {
    width: 100%;
}

sup {
    font-size: 0.7em;
    vertical-align: super;
}

figure {
    position: relative;
}

#foot_Nav {
    background-color: #1c2532;
}

.w1200 {
    width: 1200px;
    max-width: 100%;
}

.quality .main {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 35.714285714285714%;
    text-align: center;
    color: #fff;
    background: url(../img/main.jpg) center center / cover no-repeat;
}

.main_ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 740px) {
    .quality .main {
        padding: 28%;
        margin-top: 99px;
    }
}

.quality .main .titl01 {
    margin-bottom: 10px;
}

.quality .main .line {
    width: 300px;
    height: 1px;
    margin: 0 auto 5px;
    background-color: #fff;
}

/*contents*/
.tab_Area {
    width: 100%;
    margin: 100px auto;
}

.tab_Area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tab_Area ul li {
    width: 31.666666666666667%;
}

.tab_Area ul li a {
    display: block;
    text-align: center;
    font-family: 'EB Garamond', serif;
    color: #807354;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0.08em;
    padding: 18px 0;
    background: #fff;
    border: 1px solid #807354;
    box-sizing: border-box;
}

.tab_Area ul li a:hover {
    opacity: unset;
    color: #fff;
    background: #807354;
    border: 1px solid #807354;
}

.tab_Area ul li.active a {
    color: #fff;
    background: #807354;
    border: 1px solid #807354;
}

.sec_ttl {
    margin: 0 auto 60px;
    letter-spacing: 0.08em;
}

.sec_ttl h3 {
    font-family: 'EB Garamond', serif;
    color: #a48b78;
    font-size: 34px;
    letter-spacing: 0.12em;
}

.sec_ttl .line {
    display: block;
    width: 100%;
    height: 1px;
    background: #a48b78;
    margin: 20px 0 0;
}

.sec_ttl p.copy {
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 0.08em;
    margin: 32px 0 0;
}

h4.ttl {
    color: #a48b78;
    font-size: 18px;
    line-height: 1.6;
    padding: 8px 0 4px;
}

p.item_txt {
    color: #fff;
    font-size: 15px;
    line-height: 1.6;
}

.single {
    margin: 0 auto 60px;
}

.list_column3 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list_column3 ul li {
    width: 32%;
    margin: 0 0 60px;
}




.list_column2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list_column2 ul li {
    width: 48.333333333333333%;
}



.list_column4 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list_column4 ul li {
    width: 23.5%;
}



/* stove_Area */
.stove_Area {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 60px;
}

.stove_Area>div {
    width: 49.166666666666667%;
}

.stove {
    margin: 0 auto 26px;
}



.sensor {
    display: flex;
    justify-content: space-between;
}

.sensor>div {
    width: 57.627118644067797%;
}

.sensor div h5 {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    background: #807354;
    margin: 0 auto 10px;
    padding: 8px 0 4px;
}

.sensor div ul li {
    display: flex;
    align-items: center;
}

.sensor div ul li span.num {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    background: #969696;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 10px 0 0;
    padding: 5px 8px;
    box-sizing: border-box;
}

.sensor div ul li p {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
}

.sensor>figure {
    width: 40.677966101694915%;
}

.stove_Area .right .column2 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 30px;
}

.stove_Area .right .column2 li {
    width: 49.152542372881356%;
}

.stove_Area .right .column2 li h5 {
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    background: #807354;
    padding: 4px 0;
}

.stove_Area .right .column2 li:nth-child(2) h5 {
    padding: 0.967em 0;
}

.stove_Area .right .column2 li figure {
    margin: 10px 0;
}

.stove_Area .right .column2 li p {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
}

.stove_Area .right div.column3 ul {
    display: flex;
    justify-content: space-between;
}

.stove_Area .right div.column3 h5 {
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    background: #807354;
    margin: 0 0 10px;
    padding: 4px 0;
}

.stove_Area .right div.column3 ul li {
    width: 32.203389830508475%;
}

.stove_Area .right div.column3 ul li h6 {
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 0 0 14px;
    padding: 6px 0 0;
}

.stove_Area .right div.column3 p {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.06em;
}

/* kitchen_panel */
.kitchen_panel h4 {
    padding: 0 0 4px 0;
}

/* sink */
.list_column2.sink {
    margin-top: 60px;
}

.list_column2.sink h4.ttl {
    padding: 0 0 4px 0;
}

.list_column2.sink .kitchen_img15 {
    margin-top: 20px;
}

/* storage */
.storage {
    background: #fff;
    padding: 20px;
    margin-top: 60px;
}

.storage h4 {
    padding: 0 0 4px 0;
}

.storage p {
    color: #333;
}


.storage .small_txt {
    color: #333;
}

.all_slide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.all_slide figure {
    width: 31.5%;
}

.all_slide div.txt {
    width: 21.17%;
}

.all_slide div.img {
    width: 44.33%;
}

.all_slide div.img figure {
    width: 100%;
    margin-bottom: 10px;
}

.pull_motion {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pull_motion figure {
    width: 35.9%;
}

.pull_motion .txt {
    width: 62.1%;
}

.line03 {
    width: 100%;
    height: 1px;
    background: #969696;
    margin: 14px 0 20px 0;
}

/* bathroom */
.bathroom {
    margin-top: 100px;
}

.bathroom .list_column3 {
    width: 100%;
}

.bathroom .list_column3 ul {
    justify-content: flex-start;
}

.bathroom .list_column3 ul li {
    margin-right: 2%;
}

.main_img {
    display: flex;
    flex-wrap: wrap;
}

.main_img .left {
    width: 66%;
    margin-right: 2%;
}

.main_img .right {
    width: 32%;
}

.main_img .right div:nth-of-type(2) {
    margin-top: 40px;
}

.main_img .list_column3 {
    margin-top: 60px;
}

.bath_item {
    background: #fff;
    padding: 20px;
}

.bath_item p {
    color: #333;
}

.bathtub {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bathtub figure:nth-of-type(1) {
    width: 33.8%;
    margin-right: 1%;
}

.bathtub figure:nth-of-type(2) {
    width: 27%;
}

.bathtub .txt {
    width: 35.9%;
    margin-left: 2.3%;
}

.bathtub .txt figure {
    width: 50%;
}

.karari_floor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.karari_floor figure:nth-of-type(1) {
    width: 22%;
    margin-right: 1%;
}

.karari_floor figure:nth-of-type(2) {
    width: 34.5%;
}

.karari_floor .txt {
    width: 40.2%;
    margin-left: 2.3%;
}

/* sanitary */
.sanitary {
    margin-top: 100px;
}

/* toilet */
.toilet .list_column4 {
    margin-top: 60px;
}

.notes {
    padding: 0 0 100px;
}

@media (max-width: 767px) {
    .notes {
        padding: 0 0 50px;
    }
}

/* common */
h5 {
    font-family: 'EB Garamond', serif;
    color: #a2a2a2;
    font-size: 26px;
    letter-spacing: 0.12em;
}

.line02 {
    display: block;
    width: 100%;
    height: 1px;
    background: #a3a3a3;
    margin: 20px 0 0;
}

.small_txt {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
}

.description_ttl {
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.06em;
    text-align: center;
    margin: 40px auto;
}

.list_column5 {
    margin-top: 60px;
}

.list_column5 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list_column5 ul li {
    width: 18.333333333333333%;
    margin: 0 0 60px;
}



.column2_01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}

.column2_01 div:nth-of-type(1) {
    width: 56.4%;
    margin-right: 3.6%;
}

.column2_01 div:nth-of-type(2) {
    width: 40%;
}

.column2_02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
}

.column2_02 div:nth-of-type(1) {
    width: 48.333333333333333%;
}

.column2_02 div:nth-of-type(2) {
    width: 48.333333333333333%;
}

/* comfort */

.list_column2 .comfort .column02 p {
    color: #fff;
    font-size: 15px;
    line-height: 1.6;
}

.comfort .item:nth-of-type(n+3) {
    margin-top: 60px;
}

.comfort .item:last-of-type h4 {
    padding: 0 0 4px 0;
}

.column2_01.dryer h4 {
    padding: 0 0 4px 0;
}

.column2_01.dryer div:nth-of-type(2) figure {
    margin-bottom: 8px;
}

.ecology {
    margin-top: 100px;
}

.ecology_img04 {
    max-width: 157px;
    margin-top: 60px;
}

.water_heater li figure {
    margin-bottom: 8px;
}

.toilet_Area .column2_02,
.insulation_Area .column2_02 {
    margin-top: 40px;
}

.ecology .toilet_Area,
.ecology .list_column2 ul li:nth-of-type(n+2).insulation_Area {
    margin-top: 60px;
}

.eco {
    letter-spacing: 0.4em;
}

.column2_02.toilet {
    margin-bottom: 8px;
}

.column2_02.toilet h4 {
    padding: 0 0 4px 0;
}

.column2_02.toilet div.column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.column2_02.toilet div.column div {
    width: 100%;
}

.column2_02.toilet div.column figure {
    margin-top: 10px;
}

.column2_02.glass h4 {
    padding: 0 0 4px 0;
}

.column2_02.glass div:last-of-type {
    margin-top: 20px;
}

.column2_02.glass div:last-of-type figure {
    margin-bottom: 10px;
}

/* safety */
.list_column2 .door .item:nth-of-type(1) {
    display: flex;
    flex-wrap: wrap;
    width: 57.5%;
    margin-right: 3.75%;
}

.list_column2 .door .item:nth-of-type(1) figure {
    width: 35.4%;
    margin-right: 2.8%;
}

.list_column2 .door .item:nth-of-type(1) div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 61.8%;
}

.list_column2 .door .item:nth-of-type(2) {
    width: 38.75%;
}

.list_column2 .door .item:nth-of-type(2) h4 {
    padding: 0 0 4px 0;
}

.list_column2 .door .item:nth-of-type(1) div .door_item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.list_column2 .door .item:nth-of-type(1) div .door_item h4 {
    padding: 0 0 4px 0;
}

.list_column2 .door .item:nth-of-type(1) div .door_item figure {
    width: 28.2%;
    margin-right: 2.8%;
}

.list_column2 .door .item:nth-of-type(1) div .door_item .txt {
    width: 69%;
    justify-content: flex-start;
}

.list_column2 .door .item:nth-of-type(2) .security_img06 {
    margin-top: 20px;
}

.list_column2 .door .item:nth-of-type(2) .intercom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.list_column2 .door .item:nth-of-type(2) .intercom figure {
    width: 25.4%;
    margin-right: 4.9%;
}

.list_column2 .door .item:nth-of-type(2) .intercom .txt {
    width: 69.7%;
}

.list_column2.security_item {
    margin-top: 60px;
}

.list_column2.security_item h4 {
    padding: 8px 0 4px 0;
}

.list_column2.security_item .item:last-of-type h4 {
    padding: 0 0 4px 0;
}

.list_column2.security_item .item:nth-of-type(n+3) {
    margin-top: 60px;
}

.ware_house {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f2f2f3;
    padding: 20px;
    margin-top: 60px;
}

.ware_house p {
    color: #333;
}

.ware_house div:nth-of-type(1) {
    width: 49.5%;
    margin-right: 3.4%;
}

.ware_house div:nth-of-type(2) {
    width: 47.1%;
}

.ware_house h6 {
    font-size: 17px;
    line-height: 1.6;
    padding-bottom: 4px;
    margin-top: 20px;
}

.ware_house .security_img11 {
    margin-top: 20px;
}

.ware_house div:nth-of-type(2) .ware_house_item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.ware_house div:nth-of-type(2) .ware_house_item:nth-of-type(2) {
    margin-top: 20px;
}

.ware_house .ware_house_item .txt {
    width: 57.2%;
    margin-right: 3.2%;
}

.ware_house .ware_house_item figure {
    width: 39.6%;
}

.ware_house .ware_house_item p.item_ttl {
    font-size: 18px;
    padding-bottom: 4px;
}

@media (max-width: 1180px) {
/* safety */
.list_column2 .door .item:nth-of-type(1) {
    width: 100%;
    margin-right: 0;
}

.list_column2 .door .item:nth-of-type(2) {
    width: 100%;
    margin-top: 60px;
}
}

@media (max-width: 1023px) {
    .tab_Area {
        margin: 60px auto;
    }

    .tab_Area ul li a {
        font-size: 16px;
    }

}

@media (max-width: 820px) {

    /* storage */
    .all_slide figure {
        width: 23.5%;
    }

    .all_slide div.txt {
        width: 34.17%;
    }

    .all_slide div.img {
        width: 38.33%;
    }

    .main_img .right div:nth-of-type(2) {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {

    .tab_Area ul li {
        width: 80%;
        margin: 0 auto;
    }

    .tab_Area ul li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .sec_ttl {
        margin: 0 auto 40px;
    }

    .sec_ttl h3 {
        font-size: 24px;
    }

    .sec_ttl p.copy {
        font-size: 18px;
        margin: 20px 0 0;
    }

    h4.ttl {
        font-size: 16px;
    }

    p.item_txt {
        font-size: 14px;
    }

    h5 {
        font-size: 20px;
    }

    .list_column2 ul li {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .list_column2 ul li:nth-of-type(n+2) {
        margin-top: 40px;
    }

    .list_column3 ul li {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .list_column4 ul li {
        width: 48.333333333333333%;
    }

    .list_column4 ul li:nth-of-type(n+3) {
        margin-top: 40px;
    }

    .list_column5 {
        margin-top: 40px;
    }

    .list_column5 ul li {
        width: 48.333333333333333%;
        margin: 0 0 40px;
    }

    .single {
        margin: 0 auto 40px;
    }

    .column2_01 div:nth-of-type(1) {
        width: 100%;
        margin-right: 0;
    }

    .column2_01 div:nth-of-type(2) {
        width: 100%;
        margin: 20px auto 0;
    }


    /* comfort_equipment */
    .comfort .item:last-of-type h4 {
        padding: 8px 0 4px 0;
    }

    .comfort .item:nth-of-type(n+3) {
        margin-top: 0;
    }

    .comfort .item:nth-of-type(n+3) figure {
        margin-top: 40px;
    }

    /* stove */
    .stove {
        margin: 0 auto 40px;
    }

    .stove_Area {
        flex-wrap: wrap;
        margin: 0 auto 40px;
    }

    .stove_Area>div {
        width: 100%;
    }


    .sensor {
        flex-wrap: wrap;
    }

    .sensor>div {
        width: 100%;
    }

    .sensor div h5 {
        font-size: 14px;
        padding: 8px 8px 4px 8px;
    }

    .sensor>figure {
        width: 100%;
        margin-top: 20px;
    }

    .stove_Area .right .column2 {
        flex-wrap: wrap;
    }

    .stove_Area .right .column2 li {
        width: 100%;
        margin-top: 40px;
    }

    /* kitchen_panel */
    .kitchen_panel h4 {
        padding: 8px 0 4px 0;
    }

    /* sink */
    .list_column2.sink {
        margin-top: 40px;
    }

    .list_column2.sink h4.ttl {
        padding: 8px 0 4px 0;
    }

    /* storage */
    .storage {
        margin-top: 40px;
    }

    .storage h4.ttl {
        padding: 8px 0 4px 0;
    }

    /* bathroom */
    .bathroom {
        margin-top: 80px;
    }

    .all_slide figure {
        width: 100%;
    }

    .all_slide div.txt {
        width: 100%;
    }

    .all_slide div.img {
        width: 100%;
        margin-top: 40px;
    }

    .pull_motion figure {
        width: 100%;
    }

    .pull_motion .txt {
        width: 100%;
    }

    /* main_img */
    .main_img .left {
        width: 100%;
        margin-right: 0;
    }

    .main_img .right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px;
    }

    .main_img .right div {
        width: 48.333333333333333%;
    }

    .main_img .right div:nth-of-type(2) {
        margin-top: 0;
    }

    .main_img .list_column3 {
        margin-top: 40px;
    }

    /* bathroom */
    .bathroom .list_column3 ul li {
        margin-right: 0;
    }

    .bathtub figure:nth-of-type(1) {
        width: 100%;
        margin-right: 0;
    }

    .bathtub figure:nth-of-type(1).bath_img08 {
        width: 70%;
        margin: 0 auto;
    }

    .bathtub figure:nth-of-type(2) {
        width: 100%;
        margin-top: 10px;
    }

    .bathtub .txt {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .karari_floor figure:nth-of-type(1) {
        width: 100%;
        margin-right: 0;
    }

    .karari_floor figure:nth-of-type(2) {
        width: 100%;
        margin-top: 10px;
    }

    .karari_floor .txt {
        width: 100%;
        margin-left: 0;
    }

    /* sanitary */
    .sanitary {
        margin-top: 80px;
    }

    .sanitary .main_img .right div {
        width: 100%;
    }

    .sanitary .main_img .right div figure {
        width: 70%;
        margin: 0 auto;
    }

    /* toilet */
    .toilet .list_column4 {
        margin-top: 40px;
    }
    .column2_02.toilet {
        margin-top: 20px;
    }
    .column2_02.toilet div.column {
        margin-top: 40px;
    }

    /* ecology */
    .ecology {
        margin-top: 80px;
    }

    .ecology .column2_01 {
        margin-top: 20px;
    }

    .ecology .column2_01.dryer div:nth-of-type(1) {
        margin-bottom: 40px;
    }

    .ecology .column2_01 div:nth-of-type(2) {
        margin: 0 auto;
    }

    .ecology .list_column2 ul li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .ecology_img04 {
        margin-top: 0;
    }

    .description_ttl {
        font-size: 15px;
        margin: 20px auto;
    }

    .ecology .list_column2 ul.water_heater li:nth-of-type(n+2) {
        margin-top: 40px;
    }

    .column2_02.toilet div.column figure {
        margin-top: 10px;
    }

    .column2_02 div:nth-of-type(1) {
        width: 100%;
    }

    .column2_02 div:nth-of-type(2) {
        width: 100%;
        margin-top: 20px;
    }

    .column2_02.glass {
        margin-top: 20px;
    }

    .column2_02.glass div:nth-of-type(2) {
        margin-top: 10px;
    }

    /* safety */
    .list_column2 .door .item:nth-of-type(1) div .door_item h4 {
        padding: 8px 0 4px 0;
    }
    .list_column2 .door .item:nth-of-type(1) figure {
        width: 70%;
        margin: 0 auto;
    }

    .list_column2 .door .item:nth-of-type(1) figure.security_img01 {
        margin-bottom: 40px;
    }

    .list_column2 .door .item:nth-of-type(1) div {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .list_column2 .door .item:nth-of-type(1) div .door_item {
        width: 48.333333333333333%;
        flex-direction: column;
        justify-content: flex-start;
    }

    .list_column2 .door .item:nth-of-type(1) div .door_item:nth-of-type(n+3) {
        margin-top: 40px;
    }

    .list_column2 .door .item:nth-of-type(1) div .door_item figure {
        width: 100%;
        margin-right: 0;
    }

    .list_column2 .door .item:nth-of-type(1) div .door_item .txt {
        width: 100%;
        justify-content: center;

    }

    .list_column2 .door .item:nth-of-type(2) {
        margin-top: 40px;
    }

    .list_column2.security_item {
        margin-top: 40px;
    }

    .list_column2.security_item h4 {
        padding: 8px 0 4px 0;
    }

    .list_column2.security_item .item:last-of-type h4 {
        padding: 8px 0 4px 0;
    }

    .list_column2.security_item .item:nth-of-type(n+3) {
        margin-top: 40px;
    }

    .list_column2.security_item .item:last-of-type {
        margin-top: 0;
    }

    .ware_house {
        margin-top: 40px;
    }

    .ware_house h4 {
        padding: 0 0 4px 0;
    }

    .ware_house .security_img11 {
        margin: 20px auto 40px;
    }

    .ware_house div:nth-of-type(1) {
        width: 100%;
        margin-right: 0;
    }

    .ware_house div:nth-of-type(2) {
        width: 100%;
    }

    .ware_house div:nth-of-type(2) .ware_house_item:nth-of-type(2) {
        margin-top: 40px;
    }


    .ware_house h6 {
        font-size: 15px;
    }


    .ware_house .ware_house_item p.item_ttl {
        font-size: 16px;
    }

    .ware_house .ware_house_item .txt {
        width: 100%;
        margin-right: 0;
    }

    .ware_house .ware_house_item figure {
        width: 70%;
        margin: 20px auto 0;
    }

    .space {
        padding-left: 1em;
    }


}

@media (max-width: 500px) {

.js-scrollable {
    overflow-y: hidden !important;
}

.js-scrollable img {
    width: 600px;
    height: auto;
}
}