@charset "UTF-8";


@media all {
	.main-header-ttl {text-align: center;}
	.main-header-thumb {
		display: block;
		margin: 0 auto;
	}
	.article-ttl {
		margin: 0 auto;
		text-align: center;
		line-height: 1.4;
	}
	.the_content {
		margin: 0 auto;
		line-height: 1.867;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.single article {padding: 50rem 20rem 70rem;}
		img.main-header-thumb {width: 320rem;}
		.main-header-thumb + .main-header-ttl {margin-top: 30rem;}
		.main-header-ttl {font-size: 24rem;}
		.article-lead {margin-top: 30rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.main-header + article {margin-top: 50rem;}
		img.main-header-thumb {width: 480rem;}
		.main-header-thumb + .main-header-ttl {margin-top: 60rem;}
		.main-header-ttl {font-size: 30rem;}

		article {
			margin: 0 auto;
			padding: 10rem 0 110rem;
			width: calc(100% - 30rem);
			max-width: 870rem;
		}

		.article-lead {margin-top: 50rem;}

		.article-ttl, .the_content {width: 770rem;}

	}
}


/* info */
@media all {
	.info-dl {
		display: flex;
		flex-wrap: wrap;
		border-top: 3rem solid;
		border-bottom: 2rem solid;
	}
	.info-dt {border-right: max(1px, 1rem) solid;}
	.info-dt, .info-dd {
		border-bottom: max(1px, 1rem) solid;
		line-height: 1.389;
	}
	:where(.article-lead, .article-info, .article-app) a {color: #f00;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.info-dl {margin-top: 50rem;}
		.info-dt, .info-dd {
			padding: .75em .5em;
		}
		.info-dt {width: 120rem;}
		.info-dd {width: calc(100% - 120rem);}
		.return-btn {margin-top: 50rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		:where(.article-lead, .article-info, .article-app) a {transition: opacity .3s;}
		:where(.article-lead, .article-info, .article-app) a:hover {opacity: .6;}
		.info-dl {
			margin-top: 80rem;
			font-size: 18rem;
		}
		.info-dt, .info-dd {
			padding: 1em .5em 1em 1em;
		}
		.info-dt {width: 160rem;}
		.info-dd {width: calc(100% - 160rem);}
		.return-btn {margin-top: 70rem;}
		.single .contact-section {padding-bottom: 0;}
	}
}




/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}