body{
    font-family: Arial,"Noto Sans JP",sans-serif;
}

.news-container{
    max-width:900px;
    margin:auto;
}

.hero-title h2{
    color:#0754b8;
    font-size:22px;
}

.hero-title h3{
    font: weight 600;
    font-size: 32px;
    line-height:1.6;
}

.release-date{
    color:#777;
    font-size:14px;
}


.main-banner img {
    width: 100%;
    
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 48px;
}


.section-title{
    color:#0754b8;
    font-weight:bold;
    text-align:center;
    margin:70px 0 40px;
}


.feature {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    
}


.feature img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.feature img.feature-img-narrow {
    width: 91% !important;
}


.feature h4{
    text-align: center;
}

.feature p,
.feature2 p {
    text-align: center;
}



.download-area{

    text-align:center;
    margin:50px 0;

}


.download-area h2{

    color:#0754b8;
    font-weight:bold;

}


.btn-primary{

background:#0754b8;
border:none;
padding:12px 35px;

}


.btn-outline{

border:1px solid #0754b8;
padding:12px 35px;
color:#0754b8;

}

.download-links{
    padding: 48px 0px 0px 235px;
}

.feature-all{
    padding: 48px;
}

.app-download{

    text-align:center;
    margin:50px auto;

}


.app-download h4{

    font-size:16px;
    font-weight:bold;
    margin-bottom:15px;

}



.download-box{

    display:flex;
    justify-content:center;
    gap:15px;

}



.store-item{

    border:1px solid #e5e5e5;
    width:260px;
    padding:12px 10px;

}



.store-item p{

    color:#0754b8;
    font-weight:bold;
    font-size:14px;
    margin-bottom:10px;

}



.store-content{

    display:flex;
    align-items:center;
    justify-content:center;
    gap: 20px;

}



.qr{

    width:45px;
    height:45px;

}



.store-btn{

    width:140px;
    height:auto;

}



@media(max-width:768px){


.hero-title h3{

font-size:20px; 

}

.main-banner img {
    max-width: 550px;
    padding: 15px;
}

.section-title{

font-size:22px;
margin:40px 0 25px;

}


.feature img{

width:100%;


}

.feature h4{

text-align:center;

}


.feature p,
.feature2 p{

font-size:14px;
padding-left: 0px;
text-align: center;

}

.feature img.feature-img-narrow {
    width: 100% !important;
}

.download-links{
    padding: 48px 15px 0px 0px;
}

.main-text{
    text-align: center;
}

.feature-all{
    padding: 48px 15px 48px 15px;
}

.download-box{

    flex-direction:column;
    align-items:center;

}


.store-item{

    width:90%;

}

}