@charset "utf-8";
/* CSS Document */

/*h1{
font-size: clamp(1.6rem, 1.455rem + 0.73vw, 2rem);
margin-bottom: 2em;
text-align: center;
}
*/

.rewards-list h2{
font-size: clamp(1.1rem, 0.991rem + 0.55vw, 1.4rem);
font-weight: bold;
border-bottom: solid 2px #99724b;
padding: 1.5em 0 0.5em;
}

.membership-rewards h3{
width: 100%;
font-size: clamp(1.6rem, 1.455rem + 0.73vw, 2rem);
border-bottom: solid 2px #99724b;
margin: 1em auto;
text-align: center;
padding: 3em 0 0.5em 0;
}

.membership-rewards img{
width: 100%;
}

/*PC*/
@media screen and (min-width: 768px){

.membership-rewards{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 2em;
}

.rewards-list{
float: left;
clear: both;
width: 47%;
margin-right:6%;
}

.rewards-list:nth-child(2n){
 margin-right:0;
}

.rewards-list img{
width: 14%;
margin-top:2%;
}

.rewards-list p{
float: right;
padding-top: 1.3em;
width: 78%;
}

}

/*タブレット*/
@media screen and (min-width:768px) and ( max-width:959px) {

.rewards-list img{
width: 16%;
margin-top:4%;
}

}


/* スマホ */
@media screen and (max-width:767px) {

.membership-rewards{
display:block;
}

.rewards-list{
clear: both;
width: 90%;
margin: 0 auto 50px;
}

.rewards-list img{
float: left;
width: 80px;
margin: 1em 0 0 0.6em;
}

.rewards-list p{
font-size: 1em;
line-height: 1.5em;
padding:1.3em 0 0 7.5em ;
}


}