.image {
padding: 100px ;
}

.detail {
	background-color: #d6eafc ;
	border: 3px solid #6D6D6D ;
	border-radius: 10px ;
	padding: 50px 30px 30px ;
	margin-bottom: 100px ;
}

.detail p {
	text-align: center;
	font-size: 2rem ;
}

.detail p.free {
	font-size: 1rem ;
	letter-spacing: -0.1 ;
}

.detail p.free span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900 ;
	font-size: 3rem ;
	color: #1d50a2 ;
}

p.link a {
	font-size: 1.5rem ;
	display: inline-block ;
	background: #204267;
	color: #FFF ;
	padding: 10px 30px ;
	font-weight: bold ;
	border-radius: 5px ;
	border: 2px solid #000 ;
}

p.link a:hover {
	text-decoration: none ;
	background: #FFF ;
	color: #204267 ;
	
}

.copy {
	background: #3b3a3f ;
	text-align: center ;
	padding: 10px 30px 3px  ;
}

.copy p {
	color: #FFF ;
	line-height: 1 ;
}

@media screen and (max-width: 959px) {
  .image {
padding: 0 ;
	  margin-bottom: 50px ;
}

	.p0 {
		padding: 0 ;
	}
}

@media screen and (max-width:639px) {
	
	
	.p15 {
		padding: 15px !important ;
	}
	
.detail {
	margin-bottom: 50px ;
}

.detail p {
	font-size: 1.2rem ;
}
	
	p.link a {
	font-size: 1.2rem ;
}
	
	.copy {
		padding-bottom: 1px !important ;
	}
	
	.copy p {
	line-height: 1.5 ;
}
}