@charset "UTF-8";
/* 共通CSS */

/*  smp  */
@media screen and (max-width:768px) {
	/* smp共通CSS */
	main {
		font-size: 1.4rem;
		line-height: 180%;
	}
	
	.title-bg, .pankuzu, main {
		padding: 0 15px;
	}
	
	.h2-img {
		max-width: 100%;
	}
	
	/*h4 {
		font-size: 2rem;
		margin: 4rem 0;
		font-weight: bold;
		border-left: #f58c00 solid 0.4rem;
		padding: 0.3rem 0 0.3rem 1rem;
	}*/
	
	.ad-box {
		margin: 4rem 0;
	}
	
	.ad-title {
		border-bottom: #b3b3b3 solid 0.1rem;
		padding-bottom: 0.2rem;
	}
	
	.ad-title-num {
		font-size: 5rem;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color: #888;
		font-weight: bold;
		font-style: italic;
	}
	
	.ad-title-text {
		font-size: 2.1rem;
		font-weight: bold;
	}
	
	.ad-box p {
		margin-top: 0.4rem;
	}
	
}

/* smp-横画面 */
@media screen and (min-width: 568px) and (max-width: 768px),
       screen and (orientation: landscape) {
}

/*  pc  */
@media screen and (min-width:769px) {
	
	section {
		width: 990px;
		margin: 5rem auto 10rem auto;
	}
	
	main {
		font-size: 1.8rem;
		line-height: 180%;
	}
	
	main article section + section {
		margin-top: 5rem;
	}
	
	/*h4 {
		font-size: 2rem;
		margin: 4rem 0;
		font-weight: bold;
		border-left: #f58c00 solid 4px;
		padding: 0.3rem 0 0.3rem 1rem;
	}*/
	
	.ad-box {
		margin: 4rem 0;
	}
	
	.ad-title {
		border-bottom: #b3b3b3 solid 1px;
		padding-bottom: 0.2rem;
	}
	
	.ad-title-num {
		font-size: 5rem;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color: #888;
		font-weight: bold;
		font-style: italic;
	}
	
	.ad-title-text {
		font-size: 2.1rem;
		font-weight: bold;
	}
	
	.ad-box p {
		margin-top: 0.4rem;
	}
	
}