@charset 'utf-8';
/* =========================================================
hureai.css
========================================================= */
.news-wrapper {
  margin: 24px auto 120px;
  bottom: 22px;
}
.news-wrapper .heading {
	font-size: 33rem;
	margin-bottom: 38px;
	margin-left: 0;
}
.news-wrapper .heading-first {
	margin: 24px 0 35px 0;
}
.entry-body img {
	width: 328px;
}
.entry-body img.pc-only {
	display: inline-block!important;
}
.contents-text {
	font-size: 16.4rem;
}
.image-box {
	margin-bottom: 114px;
	margin-top: 32px;
	font-size: 0;
}
.about-bottom-wrapper .button {
	margin: 25.5px 1px 20px 0;
	text-align: right;
}
.about-bottom-wrapper .button a {
  padding: 7px 56px 11px 56px;
  background: #40210f url(/volunteer-center/assets/img/common/icon-more.png) 110px 11px no-repeat;
  color: #fff;
  border: none;
}
ul.group-list {
	margin-top: -5px;
}
li.group-item {
	display: inline-block;
	width: 473px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
	border-radius: 0 0 10px 10px;
	margin-bottom: 19px;
	vertical-align: top;
}
li.group-item:nth-of-type(even) {
	margin-left: 18px;
}
li.group-item:first-child .about-box {
	background: #fff url(/volunteer-center/assets/img/common/logo01.svg) center no-repeat;
}
li.group-item:nth-child(2) .about-box {
	background: #fff url(/volunteer-center/assets/img/common/logo02.svg) center no-repeat;
}
li.group-item:nth-child(3) .about-box {
	background: #fff url(/volunteer-center/assets/img/common/logo03.svg) center no-repeat;
}
li.group-item:nth-child(4) .about-box {
	background: #fff url(/volunteer-center/assets/img/common/logo04.svg) center no-repeat;
}
li.group-item:nth-child(5) .about-box {
	background: #fff url(/volunteer-center/assets/img/common/logo05.svg) center no-repeat;
}
li.group-item:nth-child(6) .about-box {
	background: #fff url(/volunteer-center/assets/img/common/logo06.svg) center no-repeat;
}
.entry-body > ul.group-list li.group-item {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 0;
}
p.about-name {
	color: #40210f;
	font-weight: bold;
	font-size: 22rem;
	margin-bottom: 19px;
	margin-top: 0;
}
p.about-title {
	font-size: 14rem;
	margin-bottom: 6px;
	margin-top: 0;
}
.about-middle-wrapper {
	text-align: right;
	margin-right: 32px;
}
.about-bottom-wrapper img {
	margin-bottom: 10px;
}
.about-bottom-wrapper {
	padding: 0 22px;
	width: 456px;
	margin: 0 auto;
}
p.item-bottom-text {
	font-size: 13rem;
	margin-top: 0;
}
img.group-image {
	display: block;
	margin: 0 auto 19px;
	width: 411px;
}
.about-top-wrapper {
	width: 281px;
	margin: 0 auto 13px;
	padding-top: 22px;
}





/* =========================================================
@meida 750px
========================================================= */
@media screen and (max-width: 750px) {
	.contents-lead-wrapper {
		padding: 27px 0 18px 0;
	}
	.main-wrapper {
		padding: 0 2%;
	}
	.entry-body .image-box img {
		width: 50%;
	}
	.entry-body img.pc-only {
		display: none!important;
	}
	.entry-body img.sp-only {
		display: inline-block!important;
	}
	.main-inner, .entry-body {
		padding: 0;
	}
	.news-wrapper .heading {
		font-size: 17rem;
		padding-left: 26px;
		margin-bottom: 28px;
	}
	.news-wrapper .heading-first {
		margin: 16px 0 22px 0;
	}
	.news-wrapper {
		margin: 17px auto 62px;
	}
	.news-wrapper .heading:before {
		bottom: 12px;
		left: 0;
		width: 16px;
	}
	.image-box {
		margin-top: 25px;
		margin-bottom: 62px;
	}
	.about-bottom-wrapper,li.group-item,
	img.group-image {
		width: 100%;
	}
	li.group-item {
		width: 69%;
	}
	li.group-item:nth-of-type(even) {
		margin-left: 0;
	}
	.entry-body p {
		font-size: 11rem;
	}
	.entry-body img {
		width: 100%;
	}
	.about-top-wrapper {
		width: 49%;
		display: inline-block;
		margin: 0;
		padding-top: 16px;
	}
	.about-middle-wrapper {
		width: 49%;
		padding-right: 6px;
		margin-right: 0;
		display: inline-block;
		vertical-align: top;
	}
	.about-bottom-wrapper {
		padding: 0 6px;
	}
	p.about-title {
		font-size: 10rem;
		margin-top: 36px;
		margin-bottom: 0px;
	}
	p.about-name {
		font-size: 12.5rem;
		margin-bottom: 19px;
	}
	p.item-bottom-text {
		font-size: 10rem;
	}
	.about-bottom-wrapper .button a {
		color: #fff;
	}
	.button {
    margin: 20.5px 1px 20px 0;
	}
	.news-wrapper .button a {
		background: #40210f url(/volunteer-center/assets/img/common/icon-more.png) 69px 7px no-repeat;
    -webkit-background-size: 19%;
    background-size: 19%;
    padding: 5px 36px 7px 36px;
	}
	img.about-top-wrapper {
		margin: 0 auto 17px;
	}

}