@charset "UTF-8";

.u-report-wrap{
    /*padding:180px 0 80px;*/
    padding:220px 0 80px;	
    position: relative;
    background: #F2F2F2;
    background: linear-gradient(#fff 20%, #F2F2F2 20%);
}
.u-report-wrap::after{
    content:'';
    position: absolute;
    background: url("../img/report/txt-bg.svg") no-repeat;
    background-size: 60%;
    display: block;
    left:0;
/*    top:59px;*/
	    top:99px;
    width: 100%;
    padding-top: 10%;
    vertical-align: middle;
}
.u-report-video{
    width:80%;
    margin:0 auto;
}
.u-video-item{
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.u-video-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-report-toptitle{
    font-size:2.8rem;
    font-weight: 700;
    color:#2274B6;
    margin-top:50px;
}
.u-report-data{
    font-size:1.6rem;
    color:#969696;
    font-weight: 700;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #2274B6;
}
.u-report-toptxt{
    border-left:5px solid #2274B6;
    font-size:2rem;
    font-weight: 700;
    padding-left:15px;
    line-height: 1.6;
    margin:50px 0 0;
}
.u-report-con{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.u-report-box{width:calc((100% - 50px)/2);}
.u-report-box.u-txt-box > p+p{margin-top:30px;}
.u-report-box picture+picture{
    margin-top:50px;
    display: block;
}
.u-report-ttl{
    font-size:1.6rem;
    font-weight: 700;
    margin-bottom:10px;
}
.u-report-box{margin-top:50px;}
.u-report-box ul+p{margin-top:20px;}
.u-report-box ul li{
    text-indent: -1em;
    padding-left:1em;
}
.back-btn{
    display: block;
    width:270px;
    color:#fff;
    background: #2274B6;
    text-align: center;
    margin:50px auto;
    padding:8px 0;
    position: relative;
    transition: .3s;
}
.back-btn::after{
    position: absolute;
    content:'';
    background: url("../img/top/top_arr.svg") no-repeat;
    background-size: 100%;
    width:12px;
    height:14px;
    left:10px;
    top:0;
    bottom:0;
    margin:auto;
    transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
    .back-btn:hover{opacity: .7;}
}
@media screen and (max-width: 768px) {
    .u-report-wrap{
        padding:30vw 0 10vw;
        background: linear-gradient(#fff 7%, #F2F2F2 7%);
    }
    .u-report-wrap::after{
        content:'';
        position: absolute;
        background: url("../img/report/txt-bg.svg") no-repeat;
        background-size:100%;
    }
    .u-report-video{ width:100%;}
    .u-report-toptitle{
        font-size:6vw;
        line-height: 1.6;
        margin-top:5vw;
    }
    .u-report-data{        
        font-size:3.7vw;
        margin-bottom:1.5vw;
        padding-bottom:1vw;
    }
    .u-report-toptxt{
        font-size:4vw;
        padding-left:3vw;
        margin:5vw 0 0;
    }
    .u-report-box{width:100%;}
    .u-report-box.u-txt-box > p+p{margin-top:3vw;}
    .u-report-box picture+picture{margin-top:5vw;}
    .u-report-ttl{
        font-size:3.7vw;
        margin-bottom:0;
    }
    .u-report-box{margin-top:5vw;}
    .u-report-box ul+p{margin-top:3vw;}
    .back-btn{
        width:80%;
        margin:10vw auto 10vw;
        padding:2vw 0;
    }
    .back-btn::after{
        width:3.2vw;
        height:3.733vw;
        left:2.667vw;
    }
}