@charset "utf-8";

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

	088　いっせーので、再配達削減でアクション！

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

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

	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%;
}

}

/*	#sec03
------------------------------------------------------------------------------*/

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

main .detail #sec03 .application {
	position: relative;
	width: 460px;
	margin: 5em auto 0;
}

main .detail #sec03 .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 #sec03 .application a span:first-child {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: bold;
	font-size: 2em;
}

main .detail #sec03 .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 #sec03 .application {
	padding: 20px 25px;
}
	
}

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

main .detail #sec03 .group {
	display: flex;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

main .detail #sec03 .group figure {
	width: 50%;
	margin-bottom: 0;
	margin-right: 0;
}

main .detail #sec03 .application {
	width: 90%;
	padding: 5vw;
	margin: 5vw auto 0;
}

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

main .detail #sec03 .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;
}

}