@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	092　再配達削減でアクション！職場で受け取りモニター事業所 参加企業・団体などを募集します。

//////////////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------------------------

	header

------------------------------------------------------------------------------*/

body.contents.topics .post header h1 {
	margin: 0 auto;
	max-width: 780px;
	width: 80%;
}


/*------------------------------------------------------------------------------

	本文

------------------------------------------------------------------------------*/

/*	共通
------------------------------------------------------------------------------*/

main .detail figure {
	text-align: center;
}

main .detail figure img {
	width: 70%;
}

@media screen and (max-width: 767px) {
	
main .detail figure img {
	width: 100%;
}

}


/*	#sec01
------------------------------------------------------------------------------*/

main .detail #sec01 table em {
	background-color: transparent;
	font-size: 1.25em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}

main .detail #sec01 table tbody ul,
main .detail #sec01 table tbody li {
	background-color: transparent;
	font-weight: normal;
}

main .detail #sec01 table tr:first-child span {
	font-weight: bold;
}

main .detail #sec01 table tr span {
	background-color: transparent;
}

main .detail #sec01 table tr:not(:nth-child(4)) span {
	font-weight: normal;
}


@media screen and (max-width: 767px) {
	
main .detail #sec01 table tr span {
	display: block;
}

}


/*	#sec02
------------------------------------------------------------------------------*/

main .detail #sec02 .group {
	display: flex;
	flex-wrap: wrap;
}

main .detail #sec02 .group .text {
	flex: 1;
}

main .detail #sec02 .group .text section:first-of-type h4 {
	margin-top: 0;
}

main .detail #sec02 .group figure {
	width: 30%;
	margin-left: 4%;
}

main .detail #sec02 p em,
main .detail #sec02 table em {
	background-color: transparent;
	font-size: 1.25em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
}

main .detail #sec02 dl dt {
	font-size: 1rem;
}

main .detail #sec02 dl dd ul {
	margin-top: 0;
	margin-bottom: 0;
}

main .detail #sec02 .application {
	position: relative;
	width: 460px;
	margin: 3em auto 4em;
}

main .detail #sec02 .application a {
	position: relative;
	display: block;
	padding: 1.2em;
	background-color: rgba(var(--main-color),1);
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}

main .detail #sec02 .application a span:first-child {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
	font-size: 2em;
}

main .detail #sec02 .application a::after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: .5em;
	width: 1.5em;
	aspect-ratio: 1/1;
	background-image: url("../../../common/img/icon_arrow_w.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 900px) {

main .detail #sec02 .application {
	padding: 20px 25px;
}
	
}

@media screen and (max-width: 767px) {

main .detail #sec02 .group {
	flex-direction: column;
}	
	
main .detail #sec02 .group figure {
	width: 80%;
	margin: 3vw auto 0;
}	

	
main .detail #sec02 dl dt {
	font-size: 3.2vw;
}
	
main .detail #sec02 .application {
	width: 90%;
	padding: 5vw;
	margin: 5vw auto 0;
}

main .detail #sec02 .application {
	position: relative;
}

main .detail #sec02 .application a {
	position: relative;
	display: block;
	padding: 3vw 5vw 3vw 3vw;
	background-color: rgba(var(--main-color),1);
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}

main .detail #sec02 .application a span:first-child {
	font-size: 1.5em;
}	
	
}