@charset "utf-8";
/* CSS Document */
#concept #group{background: url("../../images/concept/bg.jpg") no-repeat bottom center/cover; margin: 0 0 130px; text-align: center;}

#concept h3{ margin: 0 0 30px;}

#concept .box-txt{font-size: 18px; margin: 0 0 70px;}
#concept .box-img{margin: 0 auto 80px; width: 80%;}

#concept .box-list{display: flex; flex-wrap: wrap; margin: 0 auto 90px;}
#concept .box-list .item{width: 49.07%; margin: 0 1.86% 1.86% 0; background: #fff; border-radius: 0 5px 5px 0; display: flex; justify-content: space-between; align-items: center; text-align: left;}
#concept .box-list .item:nth-of-type(2n){margin: 0 0 1.86%;}
#concept .box-list .item figure{width: 29%;}
#concept .box-list .item p{width: 71%; padding: 3%; font-size: 17px;}

#concept .box-note{
    border: 1px solid #c7c7c7;
    padding: 3% 4%;
    text-align: left;
    line-height: 2;
    margin-bottom: 3%;
}
#concept .box-note .tit{font-size: 18px; line-height: 1.6; margin: 0 0 10px;}


/* ============== Media =============== */
@media only screen and (min-width: 1921px){
#concept #group{background: url("../../images/concept/bg.jpg") no-repeat center center/100% 100%;}
}

@media only screen and (max-width: 1150px){
#concept .box-list{max-width: 530px; margin: 0 auto 70px;}
#concept .box-list .item{width: 100%; margin: 0 0 20px !important;}
}

@media only screen and (max-width: 480px){
#concept #group{margin: 0 0 100px;}
#concept .box-txt{font-size: 3.8vw;}
#concept .box-list .item p{font-size: 3vw;}
}