@charset "utf-8";
/*mainviz*/
#mainviz{
    background: url(../img/top/mv_bg.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
}
#mainviz .in{
    max-width: 1100px;
    width: 96%;
    padding: 40px;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box;
}
#mainviz .title{
    max-width: 240px;
    margin-bottom: 2em;
}
#mainviz .txt{
    color: #fff;
    font-size: 24px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.7), 1px 1px 5px rgba(0,0,0,0.7),1px 1px 5px rgba(0,0,0,0.7),1px 1px 5px rgba(0,0,0,0.7);
}
#mainviz .txt p:first-child{
    margin-bottom: 2em;
}
@media screen and (max-width: 1300px) {
    #mainviz .mv_title{
        width: 35%;
        bottom:-15.5vw;
    }
}
@media screen and (max-width: 767px) {
    #mainviz .mv_title{
        width: 47.4%;
        bottom:-21vw;
    }
    #mainviz .in{
        padding: 40px 1em;
    }
    #mainviz .txt{
        font-size: 5vw;
    }
}
/*END mainviz*/

/*スライダー*/
.bukken_li .slick-track{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* Safari */
	display: -webkit-box-flex; /* Safari */
	display: flex;
	-ms-justify-content:space-between;/*--- IE10用 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
    align-items: stretch;
    gap:15px;
}
.slick-track .slick-slide{
    float: none;
    height: auto;
}
#news{
    max-width: 700px;
    margin: 0 auto;
}
#news .scl{
    height: 18em;
    overflow-y:scroll;
}
#news,
#osusume,
#reform,
#sinchaku{
    padding: 45px 0 100px;
}
#reform{background: #e4eefc;}
#osusume{background: #fff;}
#sinchaku{background: #eaf5e3;}
#news h2.subt,
#osusume h2.subt,
#reform h2.subt,
#sinchaku h2.subt{
    margin-bottom: 45px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
.bukken_li .slick-track > li{
    background: #fff;
    opacity: 0.5;
    transition: 0.3s ;
}
.bukken_li .slick-track > li.slick-active{
    opacity: 1;
}
.bukken_li .slick-track > li:hover{
    background: #fff;
    opacity: 0.5;
    transition: 0.3s ;
}
.bukken_li .slick-track > li .txt{
    padding: 0.5em;
}
.bukken_li .slick-track > li{
    background: #e4eefc;
}
#sinchaku .bukken_li .slick-track > li{
    background: #fff;
}
.bukken_li .subt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 18px;
}
.bukken_li .info{
    font-size: 18px;
}
.bukken_li .price{
    font-size: 22px;
    color: #ff0000;
}
.bukken_li .price span{
    font-size: 14px;
    color: #2f3026;
}
#news .more{
    margin-right: 1em;
    text-align: right;
}
@media screen and (max-width: 767px) {
    #news h2.subt,#osusume h2.subt, #reform h2.subt, #sinchaku h2.subt{font-size:5.5vw; }
}