body { background-image: url(../img/bgContents.jpg); }

.modWrap01{
		background:url(../img/jqa2017/bg_img02_sp.png) repeat-y top center;
		background-size:contain;
}

.modWrap01 .inner{
	margin:0 auto;
	padding:0 91px 0 91px;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}

.modWrap01::before{
		content:'';
		display:block;
		width:100%;
		height:0;
		padding-top:115px;
		background:url(../img/jqa2017/bg_img01_sp.png) no-repeat top center;
		background-size:contain;		
}	
.modWrap01::after{
		content:'';
		display:block;
		width:100%;
		height:0;
		padding-top:115px;
		background:url(../img/jqa2017/bg_img03_sp.png) no-repeat bottom center;
		background-size:contain;		
}	

@media (max-width: 1023px) {
	.modWrap01::before{
		padding-top:15%;
	}	
	.modWrap01::after{
		padding-top:15%;
	}	
	.modWrap01 .inner{
		width:80%;
		height:auto;
		padding:0 10%;
		margin-top:-5%;
	}
}

.modWrap01 .inner h1{
  text-align: center;
  margin-top: -45px;
}
.modWrap01 .inner h2{
	margin:3.7% 0 2% 0;
	text-align:center;
}

.modWrap01 .inner h3{
  max-width: 560px;  
	margin:0 auto 15px;
  color: #7c191e;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: solid 1px #7c191e;
  line-height: 1.3;
}


@media (max-width: 1023px) {
  .modWrap01 .inner h1{
    margin-top: 0;
  }
	.modWrap01 .inner h3{
    max-width: 650px;  
		margin-bottom:1%;
    font-size: 18px;
	}
}

.aword{
	display:table;
	font-size:14px;
	line-height:1.75;
  max-width: 560px;  
  margin: 0 auto;
}

.aword > p{
	padding-left:10px;
	display:table-cell;
	width:auto;
}

.aword > div{
	display:table-cell;
	width:208px;
	padding-left:35px;	
}

@media (max-width: 1023px) {
	.aword{
    max-width: 650px;  
		display:block;
		font-size:12px;
	}
	
	.aword > p{
		padding-left:0px;
		display:block;
		width:100%;
	}
	
	.aword > div{
		display:block;
		width:100%;
		text-align:center;
		margin-top:10px;
		padding-left:0;		
	}
}

.examination{
	margin:20px auto 30px auto;
  width: 100%;
  padding: 23px 33px 15px 33px;
  border-width: 1px;
  border-color: rgb(210, 210, 210);
  border-style: solid;
  border-radius: 10px;
  box-sizing: border-box;
}

.examination dt{
	width:112px;
	float:left;
	clear: both;
	padding-bottom:15px;
}
.examination dd{
  padding-top:3px;
	padding-bottom:12px;	
	padding-left:120px;
	color:#7c191e;
	font-size:16px;
	font-weight: 900;	
  line-height: 1.3;
}


.about{
  max-width: 560px;  
  margin: 0 auto;
	padding:0 0 0 10px;	
	font-size:14px;
	line-height: 1.75;
}

@media (max-width: 1023px) {
  .examination{
    width: 100%;
    max-width: 750px;
		margin:2.3% auto 7% auto;
    
	}
	.about{
    max-width: 650px;
		padding:0;	
	}
}
@media (max-width: 640px) {
  .examination{
    margin:5% auto 10% auto;
    padding: 5% 5%;
  }
	.examination dt{
		width:50%;
    max-width: 112px;
		float:none;
		padding-bottom:1%;
	}
	.examination dd{
		padding-bottom:4%;
		padding-left:0;
		font-size:15px;
	}
}


.jqac{
	text-align:center;
	margin:3.7% auto 0;
  width: 260px;
}
.jqac a{
	display:block;
}
.jqac a:hover {
    opacity: 0.8;
}

.bnr_jqa{
  width: 260px;
  text-align:center;
	margin:3.2% auto;
}
.bnr_jqa img{
  margin-bottom: 10px;
}
.bnr_jqa a{
	display:block;
  text-decoration: underline;
}
.bnr_jqa a:hover {
    opacity: 0.8;
}

@media (max-width: 640px) {
  .jqac{
    max-width: 100%;
  }
  .bnr_jqa{
    max-width: 100%;
  }  
}