/* Reset style */

/* feature area */
.hero_img{
  background:url(images/heroimage.jpg) no-repeat center center / cover;
  height:400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature_area {
  display: flex; 	
  justify-content: center;
  align-items: center;
  width:100%;  		
}
.feature_area h1{
	margin: 0;
	text-align:center;
	font-size:3rem;
	color:#FFF;
    text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.56);
}

#resources_cnt01{
	margin-bottom:8rem;
}
#resources_cnt01 p {
	font-size:1.3rem;
}
#resources_cnt01_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	text-align: justify;
}
#resources_cnt01_inner h4{
	font-size:1.2rem;
	margin:3rem 0 1rem 0 ;
}
#resources_cnt01_inner p{
	font-size:1.3rem;
	line-height:170%;
}
#resources_cnt01 h3::before {
	top:calc(75% - 1px);
}

#resources_cnt02{
	margin-bottom:8rem;
}
#resources_cnt02_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
#resources_cnt02 h3 {
	width:1100px;
	display:block;
	margin:0 auto;
}
#resources_cnt02 h3::before {
	top:calc(70% - 1px);
}
#resources_cnt02_inner ol li {
	line-height:180%;
	font-size:1.2rem;	
}
#resources_cnt02_inner .page_link{
	margin-right:2rem;
	margin-bottom:1rem;
}
#resources_cnt02_inner .page_link a{
	width: calc(25% - 20px);
  &:before{
    content:">";
    display:inline-block;
    margin-right:10px;
	}
}

#resources_cnt03{
	margin-bottom:8rem;
}
#resources_cnt03 h4{
	width:1100px;
	margin:0 auto;
	margin-top:8rem;
	font-size:1.5rem;
	font-weight:normal;
	
}

#resources_cnt03 h5{
	margin-top:2rem;
	margin-bottom:0.5rem;
	font-size:1rem;
	font-weight:normal;
	padding: 0rem 0.5rem;
	border-left: 2px solid #000;
}
#resources_cnt03 h5:first-child{
	margin-top:0rem;
}
#resources_cnt03_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	 gap: 0px 3rem; /* 余白 */
	justify-content: space-between;
}
#resources_cnt03_inner p{
	line-height:170%;
	text-align: justify;
}
#resources_cnt03_inner .Table {
  width: 100%;
  border: solid 1px #CCC;
  border-collapse: collapse;
  font-size: 1rem;
  margin-bottom:1.5rem;
}
@media screen and (max-width: 768px) {
 #resources_cnt03_inner .Table {
    font-size: 12px;
  }
}
#resources_cnt03_inner .Table-Head {
  background: #F6F6F6;
}
#resources_cnt03_inner .Table-Head-Row-Cell {
  border: solid 1px #CCC;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#resources_cnt03_inner .Table-Body {
  background: #fff;
}
#resources_cnt03_inner .Table-Body-Row-Cell {
  border: solid 1px #CCC;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#resources_cnt03_inner th {
	font-weight:normal;
	font-size:0.8rem;
}
#resources_cnt04{
	margin-bottom:2rem;
}
#resources_cnt04_inner{
	width:1100px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}



/* Responsive style */
@media screen and (max-width: 992px) {
	h1 a {
		position: relative;
		z-index: 1;
	}
	.feature_area h1{
		position:relative;	
		top:40%;
		left:50%;
		width:100%;
		text-align:center;
		transform:translate(-50%,-50%);
		font-size:2.3rem;
		color:#FFF;
		  text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.56);
	  }
	#resources_cnt01 {
		margin: 15px 15px 30px 15px

	}
	#resources_cnt01_inner {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}
	#resources_cnt01_inner p {
		font-size: 1rem;
		line-height: 150%;
	}
	#resources_cnt01_inner h3 {
		font-size: 1.2rem;
	}
	#resources_cnt02 {
		margin: 15px 15px 30px 15px;
	}
	#resources_cnt02 h3 {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#resources_cnt02_inner {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	#resources_cnt03 {
		margin: 15px 15px 30px 15px;
	}
	#resources_cnt03_inner {
		width: 100%;
		margin: 0 auto;
		display: flex;
		gap: 0px 3rem;
		justify-content: space-between;
		flex-direction: column;
	}
	#resources_cnt03_inner img {
		width: 100%;
	} 
	#resources_cnt03 h4 {
		width: 100%;
		margin: 0 auto;
		margin-top: 4rem;
		font-size: 1.2rem;
		font-weight: normal;
	}
}