@charset "UTF-8";

/*------------------------------------------------------------
	works
------------------------------------------------------------*/

.works .page_title{
    margin-bottom: 100px;
}
@media only screen and (max-width: 820px) {
    .works .page_title{
        margin-bottom: 0;
    }
    .page_title_txt_h1{
        font-size: 10.666667vw;
    }
}

/* .works_main */
.works_main{
    
}
.works_main .title_bg01 {
	margin-bottom: 40px;
}
.works_main_intro{
    margin-bottom: 40px;
}

.works_main_img{
    position: relative;
    margin-bottom: 20px;
}
.works_main_img_title{
    position: absolute;
    left:32px;
    bottom: 66px;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);
    font-size: 40px;
    font-weight: 900;
}
.works_main_img_title span{
    display: block;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
}
.works_main_img_title span::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:33px;
    height: 1px;
    background-color: #fff;
    margin-right: 15px;
}

.works_main .box_blue{
    margin-bottom: 40px;
}
.box_blue_title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    vertical-align: middle;
}
.box_blue_title img{
    width:50px;
    height: 50px;
    background-color: #E8F6FF;
    border-radius: 25px;
    padding: 9px;
    margin-right: 15px;
    vertical-align: middle;
}
@media only screen and (max-width: 820px) {
    .works_main{

    }
    .works_main .title_bg01 {
        margin-bottom: 8vw;
    }
    .works_main_intro{
        margin-bottom: 8vw;
    }

    .works_main_img{
        margin-bottom: 5.333333vw;
    }
    .works_main_img_title{
        left:4vw;
        bottom: 6.666667vw;
        font-size: 4.8vw;
    }
    .works_main_img_title span{
        margin-top: 2.666667vw;
        font-size: 4vw;
    }
    .works_main_img_title span::before{
        width:8.8vw;
        margin-right: 4vw;
    }

    .works_main .box_blue{
        margin-bottom: 8vw;
    }
    .box_blue_title{
        font-size: 4.8vw;
        margin-bottom: 2.666667vw;
    }
    .box_blue_title img{
        width:13.333333vw;
        height: 13.333333vw;
        border-radius: 6.666667vw;
        padding: 2.4vw;
        margin-right: 4vw;
    }
}

/* .works_main_day */
.works_main_day{
    margin-bottom: 100px;
}
.works_main_day_title{
    border-bottom: 3px solid #0C64A0;
    padding: 0 0 20px 20px;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-size: 20px;
    font-weight: bold;
}
.works_main_day_title::before{
    content: "";
    width:12px;
    height: 12px;
    border-radius: 6px;
    background-color: #0C64A0;
    position: absolute;
    bottom: -8px;
    left:-1px;
}
.works_main_day_title img{
    width:400px;
    height: auto;
}

.works_main_day .table_normal tbody tr th{
    width:200px;
    text-align: center;
}
.works_main_day .table_normal tbody tr td strong{
    display: block;
    font-weight: bold;
}

@media only screen and (max-width: 820px) {
    .works_main_day{
        margin-bottom: 21.333333vw;
    }
    .works_main_day_title{
        border-bottom: 0.8vw solid #0C64A0;
        padding: 0 0 5.333333vw;
        margin-bottom: 5.333333vw;
        display: block;
        width: 100%;
        font-size: 3.2vw;
    }
    .works_main_day_title::before{
        width:3.2vw;
        height: 3.2vw;
        border-radius: 1.6vw;
        bottom: -2.133333vw;
        left:-0.266667vw;
    }
    .works_main_day_title img{
        width:100%;
        height: auto;
        margin-bottom: 5.333333vw;
    }

    .works_main_day .table_normal tbody tr th{
        width:21.333333vw;
        text-align: center;
        display: table-cell;
    }
    .works_main_day .table_normal tbody tr td{
        width: auto;
        display: table-cell;
    }

}

/* links */
.links{
    background-image: 
        url(../images/bg_wave_top.png),
        linear-gradient(-90deg,rgba(227, 240, 255, 1) 0%, rgba(206, 244, 229, 1) 100%);
    background-size: 
        100% auto,100% auto;
    background-repeat: 
        no-repeat,
        repeat-x;
    background-position: 
        center top,center center;
}
.links_txt01{
    padding:70px 0 100px;
}
.links_img ul li figure figcaption{
    left:8px;
}

@media only screen and (max-width: 820px) {
    .links{
        background-image: 
            url(../images/bg_wave_top.png),
            linear-gradient(-90deg,rgba(227, 240, 255, 1) 0%, rgba(206, 244, 229, 1) 100%);
        background-size: 
            100% auto,100% auto;
        background-repeat: 
            no-repeat,
            repeat-x;
        background-position: 
            center top,center center;
    }
    .works_main .links-txt01{
        padding: 0 0 21.333333vw;
    }
    .links .links_txt01{
        padding:0 5.333333vw 21.333333vw;
    }
    
    .links_img{
        padding-bottom: 21.333333vw;
        width:100vw;
        margin-left: -6.333333vw;
    }
    .links_img ul li figure figcaption{
        left:2.133333vw;
        padding-top: 3.8vw;
    }
    
    
}

.lending .links_txt01{
    padding-top:0;
}
.lending .links .box_blue {
	margin-bottom: 40px;
}