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

.text_i {
  padding-left: 1em;
  text-indent: -1em;
}


/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{
	
	#campaign .catch{
		display: block;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	#campaign #cp_list{
		font-size: 0;
		display: flex;
		flex-wrap: wrap;
		/*justify-content: center;*/
  /*justify-content: space-between;*/
  justify-content: flex-start;
	}
	#campaign #cp_list > li{
		display: inline-block;
		font-size: 16px;
		vertical-align: top;
		width: 250px;
		margin: 0 12px 60px;
	}
	
	#campaign ul li dl{
		display: block;
		width: 100%;
	}
	#campaign ul li dl dt{
		display: block;
		width: 250px;
		height: 250px;
		margin-bottom: 10px;
	}
	#campaign ul li dl dt img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		border: 1.5px solid #CCCCCC;
	}
	#campaign ul li dl dd{}
	#campaign ul li dl dd .title{
		display: block;
		font-size: 19px;
		font-weight: bold;
		color: #EC694B;
		margin-bottom: 5px;
	}
	#campaign ul li dl dd .text{
		font-size: 15px;
		margin-bottom: 8px;
	}
	#campaign ul li dl dd .period{
		font-size: 14px;
		font-weight: bold;
		color: #0081CC;
  margin-bottom: 10px;
	}
 
/* 	#campaign ul li dl dd .end{
		font-size: 14px;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
	}*/
 
 #campaign ul li dl dd .cp_end{
		font-size: 14px;
  margin-bottom: 10px;
  background-color: #BE0D23;
  color: #fff;
  text-align: center;
  padding: 2px 0;
	}
	
 #campaign ul li dl dd a{
  width: 100%;
  padding: 8px 0;
  text-align: center;
  color: #fff;
  background-color: #EA9A00;
  border-radius: 30px;
 }
 #campaign ul li dl dd a {
  position: relative;
  display: inline-block;
}
#campaign ul li dl dd a::before { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px; /* 要素の右からの距離 */
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg); /* 角度調整 */
}

	#campaign #cp_list .note {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 13px;
  margin-bottom: 10px;
 }
 
	#campaign #cp_list .note li {
  line-height: 1.3;
  margin-bottom: 4px;
 }


	
}
/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {
	
	#campaign .catch{
		display: block;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 30px;
	}
	#campaign ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 2%;
	}
	#campaign #cp_list > li{
		width: 47%;
		margin-bottom: 40px;
	}
	
	#campaign ul li dl{
		display: block;
		width: 100%;
	}
	#campaign ul li dl dt{
		display: block;
		width: 100%;
		height: 43vw;
		margin-bottom: 2vw;
	}
	#campaign ul li dl dt img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		border: 1.5px solid #CCCCCC;
	}
	#campaign ul li dl dd{}
	#campaign ul li dl dd .title{
		display: block;
		font-size: 19px;
		font-weight: bold;
		color: #EC694B;
		margin-bottom: 1vw;
	}
	#campaign ul li dl dd .text{
		font-size: 15px;
		margin-bottom: 2vw;
	}
	#campaign ul li dl dd .period{
		font-size: 13px;
  margin-bottom: 10px;
		font-weight: bold;
		color: #0081CC;
	}
 
/* #campaign ul li dl dd .end{
		font-size: 13px;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
  }*/
  
  #campaign ul li dl dd .cp_end{
		font-size: 13px;
  margin-bottom: 10px;
  background-color: #BE0D23;
  color: #fff;
  text-align: center;
  padding: 2px 0;
	}
	
	#campaign ul li dl dd a{
  width: 100%;
  padding: 8px 0 8px 20px;
  font-size: 15px;
  text-align: left;
  color: #fff;
  background-color: #EA9A00;
  border-radius: 30px;
  letter-spacing: -0.08em;
 }
 #campaign ul li dl dd a {
  position: relative;
  display: inline-block;
 }
	#campaign ul li dl dd a::before { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px; /* 要素の右からの距離 */
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg); /* 角度調整 */
}
	
	#campaign #cp_list .note {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 13px;
  margin-bottom: 10px;
 }
	
	
}