@charset "utf-8";
@media only screen and (max-width:640px){
article{
    min-width:auto;
    min-width:initial;
    padding-bottom:12%;
    font-size: 3.5vw;
    background:url(../images/bg.jpg) center top;
    background-size:100% auto;
}
.only_smart{
    display:block !important;
}
.only_smart_i{
    display:inline-block !important;
}
.only_pc{
    display:none !important;
}


article img{
    max-width:100%;
}

article h1{
    margin:0;
    padding:0 0 5%;
    background-image:none;
background-color:#fff;
}
article h1 + p{
padding:8% 0 5%;
    background:#fff url(../images/intro_bg_s.png)no-repeat center top;
background-size:90% auto;
}

/* .cont */
.cont{
padding:3% 0 6%;
}
.cont h2{
margin-bottom:0;
}
.cont ul{
width:90%;
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.cont ul li{
width:46.5%;
margin-top:5%;
}
.cont ul li figure{
margin-bottom:0.5em;
}
.cont ul li figure figcaption{
}
.cont ul li figure figcaption.center{
margin-bottom:0.3em;
-webkit-align-items: flex-end;
align-items: flex-end;
font-size: 3.5vw;
}
.cont ul li figure figcaption > img{
width:3em;
}
.cont ul li figure figcaption span img{
width:6em;
}



/* #cont1 */
#cont1{
}
#cont1 ul{
background-image:none;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#cont1 ul li{
margin:5% 0 0;
}

/* #cont2 */
#cont2 h2{
margin-bottom:-0.8em;
}



/* #cont5 */
#cont5{
padding-bottom:12%;
}
#cont5 + a{
display:inline-block;
width:90%;
}

}