@charset "utf-8";

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

	106

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

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

	image replacement

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

main .detail #sec03 .attempt {
	display: block;
	overflow: hidden;
	outline: none;
	clear: both;
	text-indent: -9999px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: contain;
}


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

	header

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

body.contents.topics .post header .image {
	max-width: 700px;
}

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

	本文

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

main .detail section .group {
	display: flex;
	justify-content: space-between;
}

main .detail section .group figure {
	margin: 0;
}

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

main .detail #sec01 .group {
	flex-direction: row-reverse;
}

main .detail #sec01 .group .text {
	width: 81%;
}

main .detail #sec01 .group figure {
	width: 15%;
}

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

main .detail #sec01 .group {
	flex-direction: column-reverse;
}

main .detail #sec01 .group .text {
	width: 100%;
}

main .detail #sec01 .group figure {
	width: 40%;
	margin: 0 auto 5vw;
}

}


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

main .detail #sec02 ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
}

main .detail #sec02 ul li {
	font-weight: bold;
	font-size: 1.25em;
}

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

main .detail #sec02 ul {
	display: block;
	list-style: disc;
}

}


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

main .detail #sec03 .attempt {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	aspect-ratio: 900/957;
	background-image: url(/datsutan/topics_contents/106/img/decarbo.png);
	background-repeat: no-repeat;
}

main .detail #sec03 .attempt h3,
main .detail #sec03 .attempt h4,
main .detail #sec03 .attempt ul {
	margin: 0;
	padding: 0;
	border: none;
}

main .detail #sec03 .attempt h4::after {
	display: none;
}

main .detail #sec03 table th {
	white-space: nowrap;
}

main .detail #sec03 table a {
	display: inline-block;
	margin-top: .75em;
}

main .detail #sec03 table .list ul  {
	margin: 0;
}

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

main .detail #sec03 table th span {
	display: block;
}

main .detail #sec03 .contact th,
main .detail #sec03 .contact td {
	font-size: 2.5vw;
}

}