@media screen and (min-width: 768px) {
    
    .contentInner { max-width: 980px; margin: 0 auto; padding: 40px 0; position: relative; }
    
    #benefit{}

    #c01, #c02, #c03{background: #fff; border-radius: 10px; border:solid 2px #003794; position: relative;margin: 0 auto 75px;}
    #c03{margin-bottom: 0;}
    #c01 > h3{
        height: 78px;
        padding: 26px 0;
        margin: 0 10px;
        border-bottom: solid 2px #003794;
    }
    #c02 > h3{
        height: 115px;
        padding: 26px 0;
        margin: 0 10px;
        border-bottom: solid 2px #003794;
    }
    #c01 > h3 img, #c02 > h3 img, #c03 > h3 img{margin: 0 auto;}
    

    #c01 .inner, #c02 .inner, #c03 .inner{padding: 30px 60px;}
    #c01 .inner .img, #c02 .inner .img, #c03 .inner .img{margin-bottom: 30px; position: relative;}
    
    #c01 .inner .img .btn-echo{ 
        display: block;
        width: 28.3%;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #c01 .badge, #c02 .badge, #c03 .badge{position: absolute; width: 94px; height: 94px; top:-28px; left:42px ;}
    
    

    #amazon_prime > .noteArea{max-width: 980px; margin: 20px auto 0; text-align: left;}
    #c04 .noteArea .tit{font-weight: 500;margin-bottom: 10px;}

    #bnr-serv img { width: 100%; }
    #bnr-pr { max-width: 628px; margin: 0 auto; padding-top: 80px; }
    #bnr-pr img { width: 100%; }
    
    a.linkTxt {
    display: block;
        width: 230px;
    line-height:16px;
    color: #003794;
    text-decoration: none;
    /*font-weight: bold;*/
    margin: 0 auto;
    text-align: center;
    transition: .5s;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px auto;
}

}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 767px) and (min-width: 0px) {    
    .contentInner { padding: 0 5%; }
    
    #benefit{padding: 3% 0;}
    #benefit h2{  margin-bottom: 10%;}
    #benefit h2 img{width: 100%;}
    
    #c01, #c02, #c03{background: #fff; border-radius: 2vw; border:solid 2px #003794; position: relative;margin: 0 auto 10%;}
    #c01 > h3, #c02 > h3, #c03 > h3{padding: 5% 0;    border-bottom: solid 1px #003794;    margin: 0 3%;}

    #c01 .inner, #c02 .inner, #c03 .inner{padding: 5% 3%;}
    #c01 .inner .img, #c02 .inner .img, #c03 .inner .img{margin-bottom: 5%; position: relative;}
    #c01 .inner .img .btn-echo{ 
        display: block;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    }
    
    #c01 .badge, #c02 .badge, #c03 .badge{
    position: absolute;
    width: 18vw;
    height: 18vw;
    top: -5vw;
    left: -4vw;
    }
    
    .linkTxt{
     display: block;
    height: 3.4vw;
    line-height: 3.4vw;
    text-decoration: none;
    width: 57%;
    margin: 0 auto;
    font-size: 3.4vw;
    color: #003794!important;
    font-weight: 200;
    text-align: center;
    background-size: 2.8vw auto;
    }
    
}
    
.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-sp { display: block; }
	.view-pc { display: none; }
}

.bg-blue{
	background:#eff4f8;
}

#benefit img {max-width:100%;}

.link-line:hover {
text-decoration:underline;
}