/** for smartphone **/

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

	html {
		font-size: 3.25cqw;
	}

	/* Reset fixed widths for main containers */
	#header,
	#header-body,
	#cover-text,
	#cover-img,
	#footer,
	.section:after {
		min-width: 0;
		width: 100%;
	}

	/* Header Layout */
	#header {
		height: auto;
		position: fixed;
		box-shadow: 0px 0px 20px 1px rgba(128, 99, 85, 0.18);
		z-index: 99;
	}

	#header-body {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
	}

	#header-body h1 {
		width: 40%;
		min-width: auto;
		max-height: none;
		margin: 10px auto;
		float: none;
		text-align: center;

	}

	#header+div {
		padding-top: 17%;
	}

	/* Navigation Menu */
	#nav {
		width: 100%;
		border-top: 1px solid #ddd;
		float: none;
		height: auto;
		border-right: none;
		text-align: center;
		display: none;
		position: relative;
	}

	#nav-toggle {
		display: flex;
		container-type: inline-size;
		justify-content: center;
		align-items: center;

		width: 12%;
		aspect-ratio: 1;
		position: absolute;
		right: 2%;
		top: 2.4cqw;
		z-index: 1;
	}

	#nav:target {
		display: initial;
		animation: 0.5s forwards fade;
	}

	@keyframes fade {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	.nav-close:target {
		display: none;
	}

	#nav-toggle a {
		width: 100%;
	}

	#nav ul li a {
		height: auto;
		padding: 0.9rem 0;
		font-size: 1rem;
	}


	#dropdown-wrap,
	#dropdown {
		height: auto;
	}

	#dropdown li {
		float: none;
		width: 100%;
		height: auto;
		border-left: none;
		border-bottom: 1px solid #ddd;
	}

	#dropdown li:last-child {
		display: initial;
	}

	#dropdown li a {
		/* padding-left: 20px; */
		height: 50px;
		line-height: 50px;
	}

	/* Global Header */
	#globalheader {
		text-align: center;
	}

	#globalheader ul {
		float: none;
		display: inline-block;
		margin-bottom: 5px;
	}

	/* Content Sections */
	.section {
		padding: 0;
	}

	.section h2 {
		font-size: 1.35rem;
	}

	.section h3 {
		font-size: 1.1rem;
		line-height: 300%;
	}

	.section ul li {
		font-size: 1.1rem;
	}


	.section dl dt {
		font-size: 1.1rem;
	}

	.section dl dd {
		margin-bottom: 2cqw;
		padding-left: 8cqw;
		font-size: 1rem;
	}

	.section p {
		font-size: 1rem;
	}

	.section .note {
		font-size: 0.9rem;
	}

	.section img {
		height: auto;
	}

	.img-sagyou {
		float: none;
		margin: 0 auto 15px auto;
		width: 100%;
		height: auto;
	}

	.section .img-sagyou p {
		font-size: 0.8rem;
	}

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

	#cover-text {
		container-type: inline-size;
		margin-left: auto;
		margin-right: auto;
	}

	#cover-text h2 {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		font-size: 5cqw;
	}

	#cover-text p {
		font-size: 2.8cqw;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	/* Responsive Tables */
	.section table,
	.section tbody,
	.section tr,
	.section td {
		width: 100%;
		font-size: 1rem;
	}

	.section table {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.section table tr {
		margin-bottom: 15px;
		/* border: 1px solid #ccc; */
	}

	.section table td {
		box-sizing: border-box;
	}


	/* Footer */
	#footer {
		text-align: center;
	}

	#footer h1,
	#footer p,
	#footer ul {
		float: none;
		font-size: 0.8rem;
	}

	#footer h1 {
		width: 30%;
		min-width: min-content;
		max-height: max-content;
	}

	#footer ul li {
		font-size: 0.8rem;
	}

	/*** toppage **********************************/

	.soudan h2 {
		font-size: 4cqw;
		text-align: center;
	}

	.soudan .message {
		padding-left: 3%;
		padding-right: 3%;
		container-type: inline-size;
	}

	.message ul {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.message ul li {
		margin: 0 auto;
		padding-left: 2%;
		font-size: 4cqw;
	}

	.message p {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 3.5cqw;
		line-height: 7.2cqw;
	}

	.soudan .contact {
		text-align: center;
	}

	.soudan .contact h3 {
		font-size: 2.8cqw;
		padding-left: 0;
	}

	.soudan .contact p.tel {
		font-size: 3.8cqw;
	}

	.soudan .contact p {
		font-size: 3.2cqw;
	}
}