@charset "utf-8";

.contents_line{color:#4b4b4b;}
.contents_line .wrapper{padding: 60px 0;}
.contents_line .mainimg{margin-bottom:60px;text-align: center;}

.contents_line h2{background:#5aad21;color:#fff;text-align:center;font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,YuGothic,"メイリオ",Meiryo,sans-serif;}
.line_qr{margin-bottom: 60px;}
.line_qr .box{background:url(../img/lineat_qr.png) no-repeat left center;display:table;height:208px;margin: 0 auto;}
.line_qr .box p{display:table-cell;padding-left:274px;vertical-align:middle;}

.line_search ul{display:flex;}
.line_search ul li{width:50%;line-height:1.2;}
.line_search  img{display:block;}
.line_search  span.num{display:block;font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,YuGothic,"メイリオ",Meiryo,sans-serif;font-weight:bold;line-height:1;}
.line_search  p{margin:0 auto;}

@media only screen and (max-width: 1280px){
    .contents_line .wrapper{padding: 60px 20px;}
}
@media only screen and (max-width: 1280px){
    .contents_line .wrapper{padding: 40px 20px;}
}
@media only screen and (min-width: 768px){

    .contents_line{font-size:18px;}
    .contents_line h2{font-size:26px;padding:13px 0 12px;margin-bottom: 40px;}

    .line_search{}
    .line_search ul{background:url(../img/lineat_arrow.png) no-repeat center;}
    .line_search img{margin:0 auto 31px;}
    .line_search span.num{font-size:30px;}
    .line_search p{width:200px;}

}
@media only screen and (max-width: 767px){
    .contents_line .wrapper{padding: 40px 15px;}

    .contents_line .mainimg{margin-bottom:40px;}
    .contents_line h2{font-size:18px;padding:10px;margin-bottom: 30px;}

    .line_search{margin-bottom: 40px;}
    .line_search ul li{position:relative;}
    .line_search ul li:nth-of-type(2)::before{content:"";display:block;background:url(../img/lineat_arrow.png) no-repeat center;background-size:contain;width:29px;height:45px;position:absolute;left:-19px;top:29px;}
    
    .line_search ul .img{margin:0 auto 30px;width:80px;display: block;}
    .line_search ul .img img{width:100%;max-width: 100%;height:auto;}
    .line_search ul .step2 .img img{margin-top:10px;}
    .line_search ul span.num{font-size:26px;}
    .line_search ul p{max-width:200px;padding:0 20px;}
    .line_btn .btn a{display:block;background:#00b900;color:#fff;text-decoration: none;text-align:center;border-radius:6px;line-height:50px;max-width:360px;margin:30px auto 0;width:90%;font-size:18px;font-weight:bold;}
}
