@charset "utf-8";

/* Layout
-------------------------------------------------- */
#container{
	padding-top:47px;
}
/* ヘッダー */
#header #head{
	-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
}


/* contents
-------------------------------------------------- */
/* レイアウト */
#contents .about-inner{
	padding:30px 15px;
	line-height:150%;
}
#contents .about-inner.gray{
	background:#f0f0f0;
}

#contents .about-inner .about-box ul{
	margin:15px 0;
}
#contents .about-inner .about-box ul li{
	padding-left:3em;
	text-indent:-3em;
}
#contents .about-inner .about-box a{
	color:#d90013;
	text-decoration:underline;
}

/* タイトル */
h2{
	font-weight:300;
	font-size:2.8rem;
	text-align:center;
	margin-bottom:20px;
}

h3{
	font-weight:300;
	text-align:center;
	margin-bottom:20px;
}
h3 span{
	display:inline-block;
	border-bottom:2px solid #d90013;
	padding-bottom:10px;
	font-size:2.6rem;
	line-height: 1.2;
}

h4{
	font-weight:400;
	font-size:1.6rem;
	margin-top:20px;
	margin-bottom:10px;
}

h5{
	font-weight:500;
	margin-top:15px;
}


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {

	/* Layout
	++++++++++++++++++++++++++++++++++++++++++++++ */
	#container{
		padding-top:98px;
	}
	#container.scroll{
		padding-top:70px;
	}

	/* ヘッダー */
	#header #head{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.scroll #header #header-inner{
		-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
	}

	/* グローバルメニュー */
	.scroll #header #header-inner #globalnavi{
		background:#d90013;
		max-width:100%;
		margin:0;
	}
	.scroll #header #header-inner ul.global{
		background:#d90013;
		max-width:1024px;
	}
	.scroll #header #header-inner ul.global	li.global-parent > a{
		background:#d90013;
		color:#ffffff;
	}

	/* ドロップメニュー */
	.scroll #header #header-inner ul.global	ul.global-child{
		border-right:1px solid #dedede;
		border-left:1px solid #dedede;
		border-bottom:1px solid #dedede;
		top:32px;
	}
	.scroll #header #header-inner ul.global-child li,
	.scroll #header #header-inner ul.global-child li a{
		display:inherit;
	}


	/* contents
	++++++++++++++++++++++++++++++++++++++++++++++ */
	/* レイアウト */
	#contents .about-inner{
		padding:50px 0 60px 0;
		margin:0 auto;
	}
	#contents .about-inner .about-box{
		max-width:800px;
		margin:0 auto;
	}

	/* タイトル */
	h2{
		font-size:36px;
	}

	h3{
		margin-bottom:30px;
	}
	h3 span{
		padding-bottom:13px;
		font-size:30px;
		line-height: inherit;
	}

	h4{
		margin-top:30px;
		font-weight:300;
		font-size:24px;
	}
}