<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 h1,h2,h3,h4 】見出し *********************/
/* 【 background-color 】背景色 ****************/
.sagawa_html {
    background-color: #fbf2d7;
}
/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/
/* 【 color 】色 *****************************/
.in_house_design .slide_box.no1 p::before {
    content: "①";
}
.in_house_design .slide_box.no2 .p1::before {
    content: "②";
}
.in_house_design .slide_box.no3 p::before {
    content: "③";
}
.in_house_design .slide_box.no4 .p1::before {
    content: "④";
}
.in_house_design .slide_box.no5 p::before {
    content: "⑤";
}
.in_house_design .slide_box.no6 .p1::before {
    content: "⑥";
}
/* 【 display 】 *****************************/
.in_house_design .slide_box {
    display: flex;
}
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
/* 【 height 】高さ *************************/
/* 【 justify-content   ********************/
.in_house_design .slide_box {
    justify-content: space-between;
  }
/* 【 line-height 】 ************************/
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.in_house_design .div2 p {
    margin: 0;
}
.in_house_design .slide_box {
    margin-bottom: 15px;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.in_house_design .slide_box.no1 p,
.in_house_design .slide_box.no2 .p1,
.in_house_design .slide_box.no3 p,
.in_house_design .slide_box.no4 .p1,
.in_house_design .slide_box.no5 p,
.in_house_design .slide_box.no6 .p1,
.in_house_design .slide_box .div2 .p2 {
    padding-left: 2rem;
}
/* 【 position 】************************** */
/* 【 text-align 】 *************************/
/* 【 text-indent 】 ************************/
.in_house_design .slide_box.no1 p,
.in_house_design .slide_box.no2 .p1,
.in_house_design .slide_box.no3 p,
.in_house_design .slide_box.no4 .p1,
.in_house_design .slide_box.no5 p,
.in_house_design .slide_box.no6 .p1,
.in_house_design .p2 {
    text-indent: -1em;
}
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.in_house_design .slide_box .div1 {
    width: 25%;
  }
.in_house_design .div1 {
    width: 18%;
}
.in_house_design .slide_box .div2 {
    width: 74%;
}
.in_house_design img{
    width: 100%;
}
/* 【 other or special CSS 】 *****************/
/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
    /* 【 ［SP］/ h1,h2,h3,h4 】 **************/
    /* 【 ［SP］/ background-color 】背景色  ***/
    /* 【 ［SP］/ background-image 】　********/
    /* 【 ［SP］/ background-repeat 】　*******/
    /* 【 ［SP］/ background-size 】　*********/
    /* 【 ［SP］/ border 】線　****************/
    /* 【 ［SP］/ color 】色 *****************/
    /* 【 ［SP］/ display 】 *****************/
    .in_house_design .slide_box {
        display: block;
    }
    /* 【 ［SP］/ font-size 】文字の大きさ ****/
    /* 【 ［SP］/ font-weight 】 *************/
    /* 【 ［SP］/ height 】高さ **************/
    /* 【 ［SP］/ justify-content 】 *********/
    /* 【 ［SP］/ line-height 】 *************/
    /* 【 ［SP］/ left 】 ********************/
    /* 【 ［SP］/ margin 】 ******************/
    .in_house_design .slide_box.no3 .div1,
    .in_house_design .slide_box.no4 .div1 {
        margin: 0 auto;
    }
    /* 【 ［SP］/ max-height 】 **************/
    /* 【 ［SP］/ max-width 】 ***************/
    .in_house_design .slide_box.no4 .div1 {
        max-width: 100px;
    }
    .in_house_design .slide_box.no3 .div1 {
        max-width: 175px;
    }
    /* 【 ［SP］/ opacity 】 *****************/
    /* 【 ［SP］/ overflow 】 ****************/
    /* 【 ［SP］/ padding 】 *****************/
    .in_house_design .div2 .p2.asterisk {
        padding-left: 0em;
    }
    .in_house_design .slide_box .p2,
    .in_house_design .slide_box.no1 p,
    .in_house_design .slide_box.no2 .p1,
    .in_house_design .slide_box.no3 p,
    .in_house_design .slide_box.no4 .p1,
    .in_house_design .slide_box.no5 p,
    .in_house_design .slide_box.no6 .p1,
    .in_house_design .slide_box.no2 .div2 .p2,
    .in_house_design .slide_box .div2 .p2.asterisk {
        padding-left: 1em;
    }
    /* 【 ［SP］/ position 】 ****************/
    .side_scroll_area {
        position: relative;
    }
    /* 【 ［SP］/ text-align 】 **************/
    /* 【 ［SP］/ text-indent 】 *************/
    .in_house_design .slide_box.no2 .div2 .p2 {
        text-indent: 0;
    }
    .in_house_design .slide_box .p2 {
        text-indent: -1rem;
    }
    /* 【 ［SP］/ top 】 *********************/
    /* 【 ［SP］/ vertical-align 】 **********/
    /* 【 ［SP］/ width 】横幅 ***************/
    .in_house_design .slide_box .div1,
    .in_house_design .slide_box .div2 {
        width: 100%;
    }
    /* 【 ［SP］other or special CSS 】 ******/
    .in_house_design {
        display: flex;
    }
    .in_house_design {
        height: 100%;
    }
    .in_house_design {
        margin: 20px 0;
    }
    .in_house_design {
        overflow-x: auto;
    }
    .in_house_design {
        width: 95%;
    }
    .in_house_design .slide_box {
        background-color: #fff;
    }
    .in_house_design .slide_box {
        box-shadow: 3px 3px 6px 1px #bcb9b9;
    }
    .in_house_design .slide_box {
        flex-shrink: 0;
    }
    .in_house_design .slide_box {
        margin: 10px;
    }
    .in_house_design .slide_box {
        padding: 15px;
    }
    .in_house_design .slide_box {
        width: 200px;
    }
    .in_house_design .slide_box img {
        width: 100%;
    }
    .in_house_design .slide_box p {
        padding: 0;
    }
    .in_house_design .slide_box p {
        margin: 0;
    }
}
/*************** レスポンシブ E ******************************/