@charset "utf-8";
/*
 * contact.css
 * Last modify 2020/03/20 17:21
 */

/* -----------------------------------------------------
Base Style
----------------------------------------------------- */
#main{
}


/* !main
------------------------------------------------------ */
#content-wrapper:after {
	clear: both;
	content: "";
	display: block;
}
#content-wrapper #newsList {
	padding: 0;
}
#content-wrapper #postDetail {
	padding: 0 20px;
}
	#content-wrapper h2 {
		text-align: center;
	}

/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}


/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {
#content-wrapper #postDetail {
	padding: 0;
}

}

/* !postList01
---------------------------------------------------------- */
.postList01 {
	margin: 0 20px;
	padding: 0 0 20px;
}
	.postList01 li {
		list-style: none;
		margin: 20px 0 0;
		padding: 20px;
		box-shadow:  0 0 5px 3px rgba(0, 0, 0, 0.12);
		border-radius: 20px;
	}

	.postList01 li:nth-of-type(1) {
		-webkit-animation: lishow01 1s ease 0.3s forwards;
		animation: lishow01 1s ease 0.3s forwards;
	}
	.postList01 li:nth-of-type(2) {
		-webkit-animation: lishow01 1s ease 0.6s forwards;
		animation: lishow01 1s ease 0.6s forwards;
	}
	.postList01 li:nth-of-type(3) {
		-webkit-animation: lishow01 1s ease 0.9s forwards;
		animation: lishow01 1s ease 0.9s forwards;
	}
	.postList01 li:nth-of-type(4) {
		-webkit-animation: lishow01 1s ease 1.2s forwards;
		animation: lishow01 1s ease 1.2s forwards;
	}
	.postList01 li:nth-of-type(5) {
		-webkit-animation: lishow01 1s ease 1.5s forwards;
		animation: lishow01 1s ease 1.5s forwards;
	}

@keyframes lishow01 {
	0% {
		opacity: 0;
		top: -50px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}

	.postList01 time {
		color: #333333;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.cat01,
	.cat02,
	.cat03,
	.cat04,
	.cat05,
	.subcat01,
	.subcat02,
	.subcat03,
	.subcat04,
	.subcat05 {
		display: inline-block;
		min-width: 10rem;
		margin: 0 0 0 12px;
		padding: 5px 0 4px;
		color: #ffffff;
		font-size: 1.4rem;
		line-height: 1;
		text-decoration: none;
		text-align: center;
	}
	.cat01:hover,
	.cat02:hover,
	.cat03:hover,
	.cat04:hover,
	.cat05:hover {
		opacity: 0.6;
		text-decoration: none;
	}
	.cat01 {
		background: #0070bc;
	}
	.cat02 {
		background: #009fe8;
	}
	.cat03 {
		background: #99cc33;
	}
	.cat04 {
		background: #ff7f00;
	}
	.cat05 {
		background: #ff320a;
	}
	.subcat01,
	.subcat02,
	.subcat03,
	.subcat04,
	.subcat05 {
		border: 1px solid #a0a0a0;
		color: #a0a0a0;
	}
	.subcat01:hover,
	.subcat02:hover,
	.subcat03:hover,
	.subcat04:hover,
	.subcat05:hover {
		background: #eeeeee;
		text-decoration: none;
	}
	.postList01 .postTitle01 {
		display: block;
		margin: 10px 0;
		color: #333333;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.postList01 a:hover {
	}



/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}

/*** MOBILE DEVICES ***/
@media screen and (max-width: 750px) {
	.postList01 time {
		display: block;
	}
	.postList01 li time + a {
		margin-left: 0 !important;
	}
}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {
.postList01 {
	margin: 0;

}
	.cat01,
	.cat02,
	.cat03,
	.cat04,
	.cat05,
	.subcat01,
	.subcat02,
	.subcat03,
	.subcat04,
	.subcat05 {
		min-width: 10rem;
		margin: 0 0 0 25px;
		padding: 7px 0 6px;
	}

	.postTitle01 {
		position: relative;
		display: inline-block !important;
	}
	.postTitle01::before {
		position: absolute;
		display: inline;
		content: "";
		width: 0;
		height: 1px;
		bottom: 0;
		left: 0;
		background-color: #333333;
		transition: all 0.5s 0s ease;
	}
	.postTitle01:hover::before {
		width: 100%;
	}

}


/* !detail
------------------------------------------------------ */
#detail {
}
	#postHead h1 {
		padding: 20px 0 10px;
		border-bottom: 3px solid #d3d3d3;
		color: #333333;
		font-size: 2.4rem;
		text-align: left;
		line-height: 1.4;
	}
	#postDetail h2 {
		padding: 0 0 0 15px;
		border-left: 4px solid #029de4;
		font-size: 2rem;
		text-align: left;
	}
	#postDetail h3 {
		font-size: 1.8rem;
	}
	#postDetail h4 {
		padding: 8px 15px;
		background: #029de4;
		color: #ffffff;
		font-size: 1.6rem;
	}
	#postDetail h5 {
		font-size: 1.6rem;
	}
	#postDetail ul {
		margin-left: 0;
	}
	#postDetail ul li {
		position: relative;
		list-style: none;
	}
	#postDetail ul li:before {
		position: absolute;
		content: "●";
		color: #029de4;
		left: -1em;
	}

.backBtn01 {
	text-align: center;
}
	.backBtn01 a {
		display: inline-block;
		padding: 10px 15px 10px 35px;
		background: #7e7e7e url("/wp-content/themes/hir_2026/img/news/ico_back01.png") no-repeat 15px center;
		color: #ffffff;
		text-decoration: none;
	}
	.backBtn01 a:hover {
		opacity: 0.8;
	}

/*** MOBILE DEVICES ***/
@media screen and (max-width: 750px) {

}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {
#detail {
}
	#postHead h1 {
		padding: 20px 0 15px;
		border-bottom: 6px solid #d3d3d3;
		font-size: 3rem;
	}
	#postDetail h2 {
		padding: 0 0 0 20px;
		border-left: 8px solid #029de4;
		font-size: 2.4rem;
	}
	#postDetail h3 {
	}
	#postDetail h4 {
	}
	#postDetail h5 {
	}
}