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




/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {


/* section.campagin
----------------------------------------- */
section.campaign{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 20px 0px;
}
	section.campaign .campaignArea{
		width:1160px;
		height:auto;
		margin:0px auto;
	}
		.campaignArea .campaignBlock{
			padding:15px 0px 0px 0px;	
		}
			.campaignBlock .titleArea{
				overflow:hidden;
				padding:0px 0px 20px 0px;	
				overflow:hidden;
			}
				.campaignBlock .titleArea h2{
					display:block;
					width:1160px;
					background:#fff;
					color:#B81C22;
					border:1px solid #b81c22;
					padding:8px;
					font-size:112%;	
					text-align:center;
					font-weight:bold;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.campaignBlock .titleArea h2 a{
						color:#B81C22;
					}
					.campaignBlock .titleArea h2 span{
						display:inline-block;
						float:right;
						font-size:93%;
						padding-left:10px;
						color:#333;
					}
				
				.campaignMain{
					padding:0px 0px 25px 0px;
				}


				.campaignBlock .campaignSet{
					padding:15px 0px;
					overflow:hidden;
				}
					
					.campaignSet figure{
						position: relative;
						width:262px;
						height:auto;
						margin:0px 37px 40px 0px;
						float:left;
						line-height:0;
						background:#048fba;
						overflow: hidden;
						border: 1px solid #048fba;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
					.campaignSet figure:after{
						content: "";
						display: block;
						padding-top: 100%;
					}	
					.campaignSet figure img{
						position: absolute;
						top: 40%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						width:110%;
						height:auto;
					}
						.campaignSet figure figcaption{
							text-align:center;
							padding:14px 0px 0px 0px;	
							background:#fff;
							font-weight:bold;
						}

		p.reedArea{
			width: 86%;
			margin: 10px auto 40px;
			font-size: 140%;
			line-height: 1.9;
			text-align: center;
		}
		p.reedArea span{
			display: inline-block;
			color: #048fba;
			font-weight: 600;
			line-height: 1.2;
			border-bottom: 2px solid #048fba;
		}
		
		
}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {





/* section.Access
----------------------------------------- */
section.campaign{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 0px 0px;
}
	section.campaign .campaignArea{
		width:96%;
		height:auto;
		margin:0px auto;
	}
		.campaignArea .campaignBlock{
			padding:15px 0px 0px 0px;	
		}
			.campaignBlock .titleArea{
				overflow:hidden;
				padding:0px 0px 10px 0px;	
				overflow:hidden;
			}
				.campaignBlock .titleArea h2{
					display:block;
					width:100%;
					background:#fff;
					color:#B81C22;
					border:1px solid #b81c22;
					padding:6px;
					font-size:112%;	
					font-weight:bold;
					text-align:center;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.campaignBlock .titleArea h2 a{
						color:#B81C22;
					}
					.campaignBlock .titleArea h2 span{
						display:inline-block;
						float:right;
						font-size:93%;
						padding-left:10px;
						color:#333;
					}
					
				.campaignMain{
					padding:0px 0px 18px 0px;
				}
					.campaignMain img{
						width:100%;
						height:auto;
					}
				.campaignQuiz{
					text-align:center;
					padding:15px 0px 0px 0px;	
				}
					.campaignQuiz img{
						width:100%;
						height:auto;
					}

				.campaignBlock .campaignSet{
					padding:8px 0px 15px 0px;
				}
					

				.campaignBlock .campaignSet{
					padding:15px 0px;
					overflow:hidden;
				}
					
					.campaignSet figure{
						position: relative;
						width:32%;
						height:auto;
						margin:0px 2% 2% 0px;
						float:left;
						line-height:0;
						background:#048fba;
						overflow: hidden;
						border: 1px solid #048fba;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
					.campaignSet figure:after{
						content: "";
						display: block;
						padding-top: 100%;
					}	
					.campaignSet figure img{
						position: absolute;
						top: 40%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						width:110%;
						height:auto;
					}
						.campaignSet figure figcaption{
							text-align:center;
							padding:14px 0px 0px 0px;	
							background:#fff;
							font-weight:bold;
						}
				
		p.reedArea{
			width: 90%;
			margin: 0 auto 20px;
			font-size: 103%;
			line-height: 1.8;
			text-align: left;
			text-align: justify;
			text-justify: inter-ideograph;
		}
		p.reedArea span{
			display: inline-block;
			color: #048fba;
			font-weight: 600;
			line-height: 1.2;
			border-bottom: 2px solid #048fba;
		}
}

@media screen and (max-width:320px)  {

		p.reedArea{
			width: 96%;
			font-size: 100%;
	}
	
}