/*
Theme Name:force_tcd078 child
Template:force_tcd078
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.1.12
*/

.list_a{
    overflow:hidden;
}
.list_a .list_a_item{
    width:calc(100% / 3 - 1px);
    float: left;
    margin: 0 1px 0 0;
}
.list_a .list_a_item .image_wrap{position: relative; overflow:hidden;}
.list_a .list_a_item .image_wrap img{object-fit: cover; height: 284px; vertical-align: bottom;}
.list_a .list_a_item .image_wrap img:hover{transform:scale(1.2,1.2); transition:1s all;}
.list_a .list_a_item .image_wrap .time{position: absolute; left: 0; bottom: 0; background-color:#616c32; color: #fff; font-size: 12px; line-height: 35px; padding: 0 20px;}
.list_a .list_a_item .text_area{background-color: #f2f2f2; padding:22px 30px; height: 272px; box-sizing: border-box;}
.list_a .list_a_item .text_area .title {
    font-size: 16px;
    line-height: 1.8;
    height: 5.4em;
    max-height: 5.4em;
    overflow: hidden;
    margin: 0 0 20px 0;
    visibility: visible;
    font-weight: bold;
}
.su-post-excerpt {
    font-size: 14px;
    color: #000;
    line-height: 2.1 !important;
    max-height: 8.4em;
    overflow: hidden;
    visibility: visible;
}

.index_free_space{padding: 90px 0 100px; overflow: hidden;}
.index_free_space .headline{text-align: center; font-size: 36px; line-height: 1.6; margin: 0 0 95px 0;}
.index_free_space .headline span{font-weight: 500;}
.index_free_space .headline .rich_font_type2{font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight: 500;}
.index_free_space .headline .sub_title{font-size: 16px; display: block; font-weight: normal;}
.index_free_space .button {text-align: center; margin-top: 110px !important;}
.index_free_space .button a {color: #ffffff; background: #a4ac86;}
.index_free_space .button a:hover {color: #ffffff; background: #53594c;}
.index_free_space .button a {font-size: 16px;
    display: inline-block;
    min-width: 270px;
    height: 60px;
    line-height: 60px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
@media screen and (max-width: 750px){
    .index_free_space{width: auto; padding: 32px 0px 40px !important; overflow: hidden; margin-right: -1px;}
    .list_a .list_a_item{width:calc(100% / 2 - 1px);}
    .list_a .list_a_item .image_wrap img{object-fit: cover; height: 183px;}
    .index_free_space .headline {font-size: 22px; margin: 0 0 35px 0;}
    .index_free_space .headline .rich_font_type2{font-weight: 600;}
    .index_free_space .headline .sub_title{font-size: 12px;}
    .index_free_space{padding: 32px 0 40px;}

}