@charset "utf-8";
/*===== campaign.css =====*/
html{scroll-behavior: smooth;}

.cp__list{
	padding: 10px; 
	background: #F2F2F2;
}
.cp__list:not(:last-child),.cp__list:first-child{
	margin-bottom: 30px;
}
.cp__list__inner{
	padding: 10px;
	background: #fff;
}
.cp__list__img{
	text-align: center;
}
.cp__list__txt{
	padding-top: 15px;
}
.cp__list h4{
	padding: 0 0 8px 15px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.cp__list h4:after{
	content: "";
	width: 10px;
	height: 10px;
	margin-top: -10px;
	border: 2px solid;
	border-color: #df002d #df002d transparent transparent;
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 50%;
}
.cp__list.close h4{
	padding-left: 0;
}
.cp__list.close h4:after{
	display: none;
}
.cp__list.close h4:before{
	content: "終了";
	padding: 4px 5px;
	margin-right: 5px;
	color: #fff;
	font-size: 13px;
	vertical-align: bottom;
	background: #df002d;
}
.cp__list a{
	display: block;
}
.cp__list a:hover{
	text-decoration: none;
	color: #353535;
	opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
}

.anchor{
   margin-top:-60px;
   padding-top:60px;
}

div.c-btn-lv1.-fill-red.old a::after{
    -webkit-transform: translateY(-80%) rotate(135deg);
    -ms-transform: translateY(-80%) rotate(135deg);
    transform: translateY(-80%) rotate(135deg);
-webkit-transition:-webkit-transform .3s;
transition:-webkit-transform .3s;
-o-transition:transform .3s;
transition:transform .3s;
transition:transform .3s, -webkit-transform .3s;
}
div.c-btn-lv1.-fill-red.old a:hover::after{
    -webkit-transform: translateY(-60%) rotate(135deg);
    -ms-transform: translateY(-60%) rotate(135deg);
    transform: translateY(-60%) rotate(135deg);
}
.cp__now__inner{margin-bottom: 50px}
.cp__now_banner{margin: 20px 0;
text-align: center;}

.lead{
	text-align: center;
}
.overview table{
	margin: 30px auto; 
}
.overview th,
.overview td{
	padding: 10px;
	border: solid 1px #e4e4e4;
}
.overview th{
	background: #f4f4f4;
	font-weight: bold;
}
.overview .strong{
	color: #df002d;
	font-weight: bold;
}

.cvArea{
	padding: 40px 0;
	background: #fff3f3;
}
.cvArea h3{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.postAra__inner{
  width: 100%;
  display: table;
  text-align: center;
}
.postArea__body{
	height: 50px;
}
.post__item{
	height: 50px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	border: solid 1px #aaa;
}
.postArea span,
#tell03,
#tell04{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#tell03,
#tell04{
	width: 80%;
}
#tell03{
  animation: blink 1s linear infinite normal;
  -webkit-animation: blink 1s linear infinite normal;
  -moz-animation: blink 1s linear infinite normal;
  -o-animation: blink 1s linear infinite normal;
}
@keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
@-webkit-keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
@-moz-keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
@-o-keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
.btn__cv{
	margin-top: 20px;
}
.cvArea__notes{
	margin: 15px 0 20px;
	font-size: 14px;
	text-align: center;
}
a.btn__cv__caption{
	padding: 11px 20px 10px 15px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #df002d;
	text-align: center;
	border: solid 1px #df002d;
	border-bottom: solid 3px #df002d;
	background: #fff;
	position: relative;
}
a.btn__cv__caption:hover{
	text-decoration: none;
	color: #fff;
	background: #df002d; 
}
a.btn__cv__caption:before{
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border: 2px solid;
	border-color: #df002d #df002d transparent transparent;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 50%;
}
a.btn__cv__caption:hover:before{
	border-color: #fff #fff transparent transparent;	
}
.contract{
	margin-top: 50px;
	padding: 30px;
	border: solid 1px #353535;
}
.contract__row:not(:last-child){
	margin-bottom: 15px;
}
.contract__row li:before{
	content: "・";
}