@charset "UTF-8";
.cp-color {
	background-color: #e60012;
	border-bottom: 3px solid #e9ca00;
	color: #fff;
}
#campaign .list li {
	margin-bottom: 0.5em;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

@media screen and (max-width: 800px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
}

/*テキストリンクアイコン調整*/
.linkDisc a, .link a, .linkSite a, .linkPDF a, .linkPage a, .linkPage2 a, .linkTop a, .linkWord, .linkWord2 {
    display: inline-block;
    padding-left: 17px;
    position: relative;
    margin-left: 10px;
}

.linkWord::before, .linkWord2::before {
    background-position: -67px 0;
    height: 6px;
    left: -3px;
    top: .55em;
    width: 4px;
}
/*テキストリンクアイコン調整*/


.txt_orange { color:#ff6920; }
.txt_blue { color:#017aa7; }
.bold { font-weight:bold; }



/* -----------------------------------------
	PC
----------------------------------------- */

#campaign h3 {
	border-bottom: 2px solid #d8d9da;
	font-size: 115%;
	margin: 40px 0 10px;
	padding-bottom: 3px;
}

/* テーブル */
#campaign table, #campaign table th, #campaign table td {
	border: 1px solid #ccc;
}
#campaign table {
	max-width: 500px;
}
#campaign table th {
	background: #eee;
    padding: 3px 10px;
}
#campaign table td {
    padding: 3px 10px;
}


/* 実施内容 */
#campaign .arrow {
	position: relative;
	margin-top: 70px;
}
#campaign .arrow:before {
	position: absolute;
	display: block;
	width: 60px;
	height: 30px;
	background: url("../img/img_arrow.png") 0 0 no-repeat;
	background-size: contain;
	content: "";
	top: -50px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* よくあるご質問 */
#campaign .faq dt {
	background: url("../img/img_question.png") 0 0 no-repeat;
	background-size: 28px 30px;
	padding: 5px 0 5px 34px;
}
#campaign .faq dd {
	background: url("../img/img_answer.png") 0 0 no-repeat;
	background-size: 28px 30px;
	padding: 5px 0 20px 34px;
	margin: 10px 0 20px;
	border-bottom: 1px dotted #ccc;
}



/* ***************************************************************

	03. スマホランドスケープ対応

*************************************************************** */

@media screen and (max-width: 949px) and (min-width: 641px){
	#main .content { width: 100%; }

}


/* -----------------------------------------
	SP
----------------------------------------- */



@media screen and (max-width: 640px){
	#campaign .cp-category .txt-area {
		margin: 6% 3% 0px;
	}
	#campaign .arrow {
		margin-top: 50px;
	}
	#campaign .arrow:before {
		width: 40px;
		height: 20px;
		top: -35px;
	}

}

/* -----------------------------------------
	SP w320-600対応
----------------------------------------- */
@media screen and (max-width:600px){
	
	

}

	
	
@media screen and (max-width: 919px) and (min-width: 641px)
{
img{width: 100%;}
}

