@charset "utf-8";

.contents_card .wrapper{padding:60px 0;}

.card_mainimg{margin-bottom:60px;}
.card_mainimg .image{text-align:center;}

.card_howto{padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid #c2c2c2;}
.card_howto h2{margin-bottom:20px;text-align:center;font-size:26px;font-family: "Hiragino Kaku Gothic Pro";line-height: 1.2;font-weight: bold;}
.card_howto .explain{margin-bottom:30px;text-align:center;}
.card_howto .types{text-align:center;}

.card_accumulate{margin-bottom:60px;}
.card_accumulate h2{text-align:center;font-size: 26px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(185, 22, 89);line-height: 1.2;margin-bottom:20px;font-weight: bold;}
.card_accumulate .image{text-align:center;margin-bottom:40px;}

.excluded_stores{max-width:825px;margin-right:auto;margin-left:auto;}
.excluded_stores h3{font-size:18px;font-weight:bold;margin-bottom:20px;}
.excluded_stores ul{border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
.excluded_stores li{position: relative;}
.excluded_stores li span{font-weight: bold;background: #fafafa;}
.excluded_stores li p{display:inline-block;}
.excluded_stores li p::after{content: "/";margin-left: 5px;}
.excluded_stores li p:last-of-type::after{content: none;}

.card_use h2{text-align:center;font-size: 26px;font-family: "Hiragino Kaku Gothic Pro";line-height: 1.2;margin-bottom:20px;font-weight: bold;color: #330a70;}
.card_use .image{margin-bottom:40px;text-align:center;}
.card_use .link_btn{width: 320px;margin-right:auto;margin-left:auto;}
.card_use .link_btn a{text-align:center;display:block;position: relative;border: 2px solid #330a70;border-radius: 8px;box-shadow: 2.121px 2.121px 2.7px 0.3px rgba(45, 42, 82, 0.6);padding:17px 25px 17px 45px;font-size: 18px;font-family: "Hiragino Kaku Gothic Pro";color:#330a70;text-decoration: none;font-weight: bold;}
.card_use .link_btn a::before{position:absolute;content:"";background:url(../img/s-point_icon.png) no-repeat center;width: 27px;height: 27px;left: 29px;top: 15px;}

@media screen and ( max-width:1280px) {
	.contents_card .wrapper{padding:60px 20px;}
}

@media only screen and (min-width: 768px){
    .card_mainimg{margin-top:30px;margin-bottom:60px;}
    
    .excluded_stores li{border-top: 1px solid #dbdbdb;padding: 20px 30px 20px 250px;}
    .excluded_stores li span{vertical-align: top;display: flex;position: absolute;left: 0;top: 0;width: 220px;height: 100%;justify-content: center;align-items: center;border-right: 1px solid #dbdbdb;font-size: 15px;}
}
@media only screen and (max-width: 767px){
	.contents_card .wrapper{padding:40px 15px;}

	.card_mainimg{margin-bottom:40px;}
	.card_mainimg .image{margin: -40px -15px 0;}
	
	.card_howto{padding-bottom:40px;margin-bottom:40px;}
	.card_howto h2{font-size:22px;}
	.card_howto .explain img{max-width:80%;}

	.card_accumulate{margin-bottom:40px;}
	.card_accumulate h2{font-size:22px;margin-bottom:10px;}
	.card_accumulate .image img{max-width:80%;}
	
    .excluded_stores{margin-bottom:40px;}
    .excluded_stores h3{margin-bottom:10px;}
    .excluded_stores li{margin-bottom:10px;padding-right: 10px;padding-left: 10px;}
    .excluded_stores li span{display: block;padding: 10px;margin: 0 -10px 5px;box-sizing: border-box;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
    .excluded_stores li p{font-size:13px;}
    
    .card_use h2{font-size:22px;}
    .card_use .image{margin-bottom:20px;}
	.card_use .image img{max-width:90%;}
	
    .card_use .link_btn{max-width: 320px;width: 100%;}
    .card_use .link_btn a{padding:10px  45px;font-size:16px;}
    .card_use .link_btn a::before{position:absolute;content:"";background:url(../img/s-point_icon.png) no-repeat center;width: 27px;height: 27px;left: 10px;top: 9px;}
}