@charset "UTF-8";

.clear:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width:641px) {
    #choose .under_ttl {
        background-image: url(../images/choose/cupboard/mvx2.jpg);
        height: 300px;
        padding-top: 135px
    }

    .item_sec {
        max-width: 1120px;
        margin: 0 auto;
        line-height: 1.8
    }

    .gray-copy {
        text-align: center;
        padding: 0 30px 100px;
        line-height: 1.9;
        letter-spacing: 1px
    }

    #choose .back_btn {
        margin-top: -50px
    }

    section.cat-switch {
        max-width: 100% !important;
        margin-bottom: 100px
    }

    .cat-switch01 {
        width: 50%;
        float: left;
        background: #f5f5f5;
        -webkit-box-shadow: 0px -4px 6px inset rgba(0, 0, 0, 0.1);
        box-shadow: 0px -4px 6px inset rgba(0, 0, 0, 0.1)
    }

    .cat-switch02 {
        width: 50%;
        float: right;
        -webkit-box-shadow: 5px -4px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 5px -4px 6px rgba(0, 0, 0, 0.1);
        overflow: hidden
    }

    .cat-switch-inner {
        text-align: center;
        padding: 30px
    }

    .cat-switch-inner img {
        display: inline-block !important
    }

    .cat-switch02 .cat-switch-inner img {
        width: 125px;
        height: 125px;
    }

    .cat-switch01 .cat-switch-inner img {
        width: 75px;
        height: 75px;
    }

    .cat-switch-inner p {
        display: inline-block !important;
        text-align: left;
        font-size: 30px;
        font-weight: bold;
        margin-left: 30px
    }

    .cat-switch-inner p span {
        font-size: 20px;
        font-weight: normal
    }

    .cat-switch02 p {
        position: relative;
        top: -10px;
        background: url(../images/living-storage/sankaku.png) center bottom no-repeat;
        padding: 0 0 20px
    }

    h3 {
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 40px
    }

    .two-box {
        margin-bottom: 200px
    }

    .item_sec:nth-of-type(4) .two-box:first-of-type {
        margin-bottom: 100px
    }

    .two-box div {
        width: 530px;
        line-height: 1.9
    }

    .two-box2 {
        margin-bottom: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -moz-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between
    }

    .two-box2 .two-box-two {
        background: #F5F5F5;
        text-align: center;
        margin: 0 auto
    }

    .two-box2 .two-box-two img {
        margin: 93px auto 30px;
        width: 143px
    }

    .two-box2 .two-box-one {
        overflow: hidden
    }

    .two-box2 .two-box-one>img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        opacity: 1;
        position: relative;
        z-index: 0
    }

    .two-box2:hover .two-box-one>img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        opacity: 1
    }

    .two-box2 div {
        width: 50%
    }

    .three-box {
        margin-bottom: 200px
    }

    .caption {
        font-size: 14px
    }

    .four-box {
        margin-bottom: 100px
    }

    .con-title {
        margin-bottom: 40px;
        padding: 0 0 12px;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.9;
        background: url("../images/products/bg_category_tit.png") no-repeat center bottom
    }

    .item_menu {
        margin: 0 auto;
        padding: 0 0 150px;
        width: 1120px;
        max-width: 1600px
    }

    .item_menu li {
        width: 560px;
        position: relative
    }

    .item_menu li .choose_tit {
        margin: 0 auto;
        width: 100%;
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 323px
    }

    .item_menu li img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit:cover; "
    }

    .choose_tit_en {
        display: block;
        margin: 0 auto;
        color: #fff;
        line-height: 1;
        position: absolute;
        left: 0;
        right: 0;
        top: 292px;
        text-align: center
    }
}

@media screen and (max-width:640px) {
    #choose .under_ttl {
        background-image: url(../images/choose/flow/sp/mvx3.png)
    }

    #choose .breadcrumbs {
        margin-bottom: 10vw
    }

    .item_sec {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 7vw;
        line-height: 1.8
    }

    .gray-copy {
        padding: 0px 8vw 10vw;
        line-height: 1.8;
        letter-spacing: 0.2vw
    }

    #choose .item_menu {
        padding: 0 7vw 15.466vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    section.cat-switch {
        max-width: 100% !important;
        margin-bottom: 2vw;
        padding: 0
    }

    .cat-switch01 {
        width: 50%;
        float: left;
        background: #f5f5f5;
        -webkit-box-shadow: 0px -4px 6px inset rgba(0, 0, 0, 0.1);
        box-shadow: 0px -4px 6px inset rgba(0, 0, 0, 0.1)
    }

    .cat-switch02 {
        width: 50%;
        float: right;
        -webkit-box-shadow: 5px -4px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 5px -4px 6px rgba(0, 0, 0, 0.1);
        overflow: hidden
    }

    .cat-switch-inner {
        text-align: center;
        padding: 4vw 4vw 5vw
    }

    .cat-switch-inner p {
        display: inline-block !important;
        font-size: 4vw;
        font-weight: bold
    }

    .cat-switch02 p {
        position: relative;
        background: url(../images/living-storage/sankaku.png) center bottom no-repeat;
        padding: 0 0 5vw;
        font-size: 4.5vw
    }

    h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px
    }

    .two-box {
        margin-bottom: 14vw
    }

    .two-box div {
        width: 100%
    }

    .two-box-one {
        margin-bottom: 6vw
    }

    .two-box-one>p {
        margin-bottom: 4vw
    }

    .two-box-one img {
        width: 100%
    }

    .two-box2 {
        margin-bottom: 15vw
    }

    .two-box2 .two-box-one {
        margin-bottom: 0px
    }

    .three-box-one img,
    .two-box-one img,
    .two-box-two img {
        width: 100%
    }

    .two-box2 .two-box-two {
        background: #F5F5F5;
        padding: 30px
    }

    .two-box2 .two-box-two img {
        margin: 0 0 21px;
        width: 100px;
        height: auto
    }

    .two-box2 div {
        width: 100%
    }

    .three-box {
        margin-bottom: 15vw
    }

    .three-box-one {
        margin-bottom: 5vw;
        width: 100%
    }

    .caption {
        font-size: 14px
    }

    .four-box {
        margin-bottom: 15vw
    }

    .four-box-one {
        width: 48%;
        margin-bottom: 15vw
    }

    .item_sec:nth-of-type(4) .two-box:first-of-type {
        margin-bottom: 12vw
    }

    .mb40 {
        margin-bottom: 20px !important
    }

    .con-title {
        margin-bottom: 30px;
        padding: 0 0 12px;
        font-size: 23px;
        font-weight: bold;
        line-height: 45px;
        background: url("../images/products/bg_category_tit.png") no-repeat left bottom
    }

    .item_menu {
        margin: 0 auto;
        padding: 0 0 15.466vw;
        width: 100%;
        max-width: none
    }

    .item_menu li {
        margin-bottom: 6.933vw;
        width: 100%;
        position: relative
    }

    .item_menu li img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit:cover; "
    }

    .item_menu li .choose_tit {
        margin: 0 auto;
        width: 100%;
        color: #fff;
        font-size: 5.333vw;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 48.533vw
    }

    .choose_tit_en {
        display: block;
        margin: 0 auto;
        color: #fff;
        line-height: 1;
        position: absolute;
        left: 0;
        right: 0;
        top: 41.333vw;
        text-align: center
    }

    .item_menu li:last-child {
        margin-bottom: 0
    }

    #choose .back_btn {
        margin-top: 15vw
    }
}