@charset "utf-8";

a{ color: #CC0000;}
a:hover{ text-decoration: underline;}

p,ul,ol,table,dl{
	padding: 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
}

ul li{
	margin: 0 0 0 30px;
	padding: 5px 0;
	list-style: circle;
}

table { margin: 30px 0;}

table th{
	margin: 0;
	padding: 10px 20px;
	text-align: left;
	background: #4d4d4d;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	vertical-align: top;
}

table td{
	margin: 0;
	padding: 10px 20px;
	background: #ededed;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
table tr th:last-child,
table tr td:last-child{
	border-right: none;
}

dl dt{
	padding: 10px 0;
	font-size: 18px;
	font-size: 1.8rem;	
}

dl dd{ padding: 10px 10px 10px 20px;}

h3{
	position: relative;
	margin: 50px auto 20px;
	padding: 0 0 10px 0;
	font-size: 26px;
	font-size: 2.6rem;
}
h3::after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: block;
	width: 4em;
	height: 3px;
	background: #4d4d4d;
}

h4{
	margin: 30px 0 10px;
	font-size: 22px;
	font-size: 2.2rem;
	color: #666666;
}

h5{
	margin: 30px 0 10px;
	font-size: 18px;
	font-size: 1.8rem;
}

.btn .more{
	width: 320px;
	display: block;
	margin: auto;
	text-align: center;
}

#h2_hanger{
	position: relative;
	width: 100%;
	height: 90vh;
	padding: 40vh 0 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#h2_hanger::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

#h2_hanger h2{
  position: absolute;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-size: 42px;
	font-size: 4.2rem;
	line-height: 1.3;
	z-index: 1;
}
#h2_hanger h2 span{
	font-size: 20px;
	font-size: 2.0rem;
}

article{
	max-width: 1200px;
	margin: auto;
	padding: 15px 15px 40px 15px;
}


/**************************************************
 Responsive
**************************************************/

@media screen and (max-width: 744px){
	
	h3{
		font-size: 20px;
		font-size: 2.0rem;
	}
	h4{
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	table th,
	table td{ display: block;}
	
	#h2_hanger{
		width: 100vw;
		height: auto;
		padding: 20vh 0 0 0;
		background-size: cover;
		background-position: top;
		background-attachment: inherit;
	}

	#h2_hanger h2{
		position: relative;
		padding: 0 0 10vh 0;
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 1.2;
	}
	#h2_hanger h2 span{
		font-size: 15px;
		font-size: 1.5rem;
	}
	
}