@charset "UTF-8";

.top-campaign { padding: 12vw 0;width: 90vw;margin: 0  auto; }
.top-campaign-head{ margin-bottom: 6vw; }
.top-campaign-head p { font-size: 4.2vw; text-align: center; line-height: 1.6; }
.top-campaign .item li{margin-bottom: 4vw;}
.top-campaign .item li img{width: 100%;border-radius: 20px;}

.cam-about-item{margin-bottom: 12vw;}
.cam-about-item img{border-radius: 20px;width: 100%;margin-bottom: 5vw;}
.cam-about-item li p{line-height: 1.6;}

.ast{background:#fdf9f9;padding: 5vw;margin-top: 20px;}
.ast li:last-child{margin-bottom: 0;}

.top-campaign .ttl{font-size: 120%;font-weight: 600;padding: 2vw;background: #fdf9f9;border-left: 5px solid #ef8984;margin-bottom: 5vw;}


/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) { 
.top-campaign {padding: 100px 0;max-width: 1190px;width: 100%;}
.top-campaign-head{margin-bottom: 50px;}
.top-campaign-head p {font-size: 16px;}
.top-campaign .item{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.top-campaign .item li{margin-bottom: 40px;width: 49%;}
	
.cam-about-item{margin-bottom:  80px;}
.cam-about-item .img-box{width:600px;}
.cam-about-item .text{width: 45%;}
.cam-about-item li{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.cam-about-item .text{width: 45%;}
.cam-about-item li p{margin-bottom: 20px;}

.ast{padding: 15px;}
.top-campaign .ttl{padding: 10px 0 10px 20px;margin-bottom: 20px;}

}


/* =============================================
tablet-size
================================================*/
@media screen and (min-width: 736px) and (max-width: 1520px) { 
	
.cam-about-item li{flex-wrap: wrap;}
.cam-about-item .img-box{width:45%;}
.cam-about-item .text{width: 50%;}

	
	
}