@charset "UTF-8";

/*-------------------------------------------------------------------------
  Clearfix
/*-----------------------------------------------------------------------*/
#jp-gp section,
#jp-gp article,
#jp-gp figure,
#jp-gp nav,
#jp-gp aside,
#jp-gp header,
#jp-gp footer,
#jp-gp div,
#jp-gp ul,
#jp-gp dl {
  zoom: 1;
}

#jp-gp section:after,
#jp-gp article:after,
#jp-gp figure:after,
#jp-gp nav:after,
#jp-gp aside:after,
#jp-gp header:after,
#jp-gp footer:after,
#jp-gp div:after,
#jp-gp ul:after,
#jp-gp dl:after,
#jp-gp form:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

/*-	jp-gp
-----------------------------------------------------------------------*/
#jp-gp {
	width: 1030px;
	margin:0;
  padding:0;
}

/*- jp-gp-main
-----------------------------------------------------------------------*/
#jp-gp #jp-gp-main {
	position:relative;
	margin-top:20px;
  margin-bottom: 20px;
	background:#f0eccc;
}

  #jp-gp #jp-gp-main h1 {
		position:relative;
  }
  
    #jp-gp #jp-gp-main h1 img {
      width: 100%;
      height: 100%;
    }
		
		#jp-gp #jp-gp-main h1 span {
			position:absolute;
			left:0;
			top:0;
		}
		
		#jp-gp #jp-gp-main #jp-gp-main-lead {
			position:absolute;
			bottom:40px;
			left:130px;
			font-family: sans-serif; /* Mac Safari ヒラギノ角ゴW3問題対策 */
		}
		
			#jp-gp #jp-gp-main #jp-gp-main-lead p {
				margin-bottom:10px;
				line-height:38px;
				text-align:center;
				font-size:35px;
				font-weight:bold;
			}
			
				#jp-gp #jp-gp-main #jp-gp-main-lead p span {
					font-size:40px;
					font-weight:bold;
					color:#c40006;
				}
		
			#jp-gp #jp-gp-main #jp-gp-main-lead dl {
				width:710px;
				padding:30px;
				background:#fff;
			}
			
				#jp-gp #jp-gp-main #jp-gp-main-lead dl dt {
					margin-bottom:10px;
					font-size:20px;
					font-weight:bold;
					color:#c40006;
				}
				
				#jp-gp #jp-gp-main #jp-gp-main-lead dl dd {
					font-size:18px;
					font-weight:bold;
				}

@media screen and (max-width: 767px) {
	
	#jp-gp {
		width:100%;
	}
	
	#jp-gp #jp-gp-main h1 span img {
		width:65%;
		height:auto;
	}
	
	#jp-gp #jp-gp-main #jp-gp-main-lead {
		position:inherit;
		left:0;
		top:0;
		margin-top:-85px;
		padding-bottom:10px;
	}
	
	#jp-gp #jp-gp-main #jp-gp-main-lead p {
		width:75%;
		margin:0 auto 20px auto;
		font-size:20px;
		line-height:28px;
	}
	
	#jp-gp #jp-gp-main #jp-gp-main-lead p span {
		font-size:22px;
	}
	
	#jp-gp #jp-gp-main #jp-gp-main-lead dl {
		width:80%;
		margin:0 auto;
	}
	
}
				
/*- jp-gp-content
-----------------------------------------------------------------------*/
#jp-gp .jp-gp-content {
	margin-bottom:60px;
	padding:20px;
}

	#jp-gp .jp-gp-content h3 {
		margin-bottom:30px;
		text-align:center;
		font-size:36px;
		font-weight:bold;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-subtitle {
		margin:-30px 0 30px 0;
		text-align:center;
	    font-size:18px;
		font-weight:bold;
	}
	
	#jp-gp .jp-gp-content h3:before {
		content:" ";
		display:inline-block;
		width:90px;
        height:22px;
		margin-right:10px;
		background:url(../img/ttl_left.png) left center no-repeat;
	}
	
	#jp-gp .jp-gp-content h3:after {
		content:" ";
		display:inline-block;
		width:90px;
        height:22px;
		margin-left:10px;
		background:url(../img/ttl_left.png) right center no-repeat;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box {
		margin-bottom:60px;
		border-radius:6px;
		border:2px solid #ccc;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box:last-child {
		margin-bottom:0;
	}
	
		#jp-gp .jp-gp-content .jp-gp-content-box h4 {
			padding:10px 10px 10px 85px;
			font-size:30px;
			font-weight:bold;
			background:url(../img/icon.png) left 30px center no-repeat #eeede6;
		}
		
			#jp-gp .jp-gp-content .jp-gp-content-box h4 span {
				margin-left:10px;
				font-size:24px;
				font-weight:bold;
			}
	
		#jp-gp .jp-gp-content .jp-gp-content-box .jp-gp-content-box-inner {
			padding:60px 30px 30px 30px;
		}
		
@media screen and (max-width: 767px) {
		
	#jp-gp .jp-gp-content {
		padding:10px;
	}
	
	#jp-gp .jp-gp-content h3 {
		margin-bottom:15px;
		padding:0;
		font-size:19px;
		text-align:left;
		color:#c40006;
	}
	
	#jp-gp .jp-gp-content h3:before,
	#jp-gp .jp-gp-content h3:after {
		display:none;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-subtitle {
		margin:-15px 0 15px 0;
		text-align:left;
		font-size:16px;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box h4 {
		padding-left:70px;
		font-size:20px;
		background:url(../img/icon.png) left 10px center no-repeat #eeede6;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box h4 span {
		display:block;
		font-size:16px;
	}
	
}
		
/*- jp-gp-content-box-inner-list
-----------------------------------------------------------------------*/
#jp-gp .jp-gp-content .jp-gp-content-box-inner-list {
	overflow:hidden;
	height:100%;
	margin-bottom:60px;
}

#jp-gp .jp-gp-content .jp-gp-content-box-inner-list:last-child {
	margin-bottom:0;
}

	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text {
		float:left;
		width:390px;
		margin-right:30px;
		font-size:16px;
	}
	
		#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text p {
			margin-bottom:20px;
		}
	
		#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text p span {
			font-weight:bold;
			color:#d70e18;
		}
		
		#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text .jp-gp-content-box-inner-list-btn a {
			display:inline-block;
			margin-bottom:10px;
			padding:15px 20px 15px 40px;
			font-weight:bold;
			background:url(../img/arrow.png) left 24px center no-repeat #c40006;
			color:#fff;
			border-radius:3px;
		}
		
		#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text dl dt {
			margin-bottom:15px;
			font-size:20px;
			font-weight:bold;
		}
		
		#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text dl dd a {
			line-height:36px;
			font-weight:bold;
			color:#d70e18;
			text-decoration:underline;
		}
	
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-img {
		float:left;
		width:500px;
	}
	
		#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-img span {
			display:inline-block;
			padding-top:15px;
			font-size:16px;
		}
		
@media screen and (max-width: 767px) {
	
	#jp-gp .jp-gp-content-box-inner {
		padding:10px !important;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box {
		margin-bottom:30px !important;
	}
		
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text,
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-img {
		float:left;
		width:100%;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text .jp-gp-content-box-inner-list-btn a {
		width:85%;
		padding:5% 5% 5% 10%;
		background-position:left 5% center;
		font-size:15px;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text dl {
		margin-bottom:20px;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text dl dt {
		font-size:16px;
	}
	
	#jp-gp .jp-gp-content .jp-gp-content-box-inner-list .jp-gp-content-box-inner-list-text dl dd a {
		font-size:14px;
		line-height:24px;
	}
	
}

/*- jp-gp-content nav
-----------------------------------------------------------------------*/	
#jp-gp .jp-gp-content nav {
	margin-top:60px;
	padding:40px 60px 40px 85px;
	background:#eeede6;
	border-radius:4px;
}

	#jp-gp .jp-gp-content nav ul li {
		float:left;
		margin-right:30px;
	}
	
		#jp-gp .jp-gp-content nav ul li a {
			display:inline-block;
			width:280px;
			padding:16px 30px 16px 50px;
			background:url(../img/arrow.png) left 24px center no-repeat #333;
			color:#fff;
			font-size:16px;
			border-radius:3px;
		}
		
@media screen and (max-width: 767px) {
	
		#jp-gp .jp-gp-content nav {
			margin:20px 0 0 0;
			padding:10px;
		}
		
		#jp-gp .jp-gp-content nav ul li {
			float:none;
			margin:0 0 10px 0;
		}
		
		#jp-gp .jp-gp-content nav ul li:last-child {
			margin-bottom:0;
		}
		
			#jp-gp .jp-gp-content nav ul li a {
				width:85%;
				padding:3% 0 3% 15%;
				background-position:left 5% center;
				font-size:14px;
			}
	
}