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

	a.form-item {
		display: block;
		padding: .5em 1em;
		border: 2px solid #ee7637;
		border-radius: 1em;
		background-color: #fff;
		color: #000;
		font-weight: 500;
		text-align: center;
	}
	a.form-item > span {display: inline-block;}

	/* 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;}

		.info-dd > div {width: 100%;}
		a.form-item + a.form-item {margin-top: .5em;}
	}

	/* 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;}
		.contact-section {padding-bottom: 0;}

		.info-dd:has(> div) {
			display: flex;
			align-items: center;
		}
		.info-dd > div {width: calc(100% - 9rem);}

		a.form-item {
			box-shadow: 0 0 5rem rgba(0, 0, 0, .4);
			font-size: 20rem;
			transition: background-color .3s, color .3s;
		}
		a.form-item:hover {
			opacity: 1;
			background-color: #ee7637;
			color: #fff;
		}
		a.form-item + a.form-item {margin-top: 10rem;}
	}
}




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

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