.internship_accordion {
	max-width: 1054px;
	margin: 0px auto 10px;

	--h-btn : min(120px, 26vw);


	summary {
		background: var(--c-primary);
		color: #fff;
		/* height: min(120px, 30vw); */
		height: var(--h-btn);
		list-style: none;
		display: grid;
		place-items: center;
		cursor: pointer;

		font-weight: bold;
		font-size: min(4vw, 21px);
		font-family: var(--ff-gothic);
		letter-spacing: 0.05em;

		position: relative;

		/* @media screen and (max-width: 768px) {
			font-size: 5vw;
		} */

		.icn {
			display: block;
			width: 24px;
			height: 12px;

			position: absolute;
			bottom: 16%;
			left: 50%;
			translate: -50%;

			transition: transform 0.2s ease-out;

			&::before,
			&::after {
				content: "";
				position: absolute;
				width: 50%;
				height: 1px;
				top: 50%;
				background: #fff;
				translate: 0 5px;
			}
			&::before {
				right: 50%;
				transform-origin: right center;
				rotate: 45deg;
			}
			&::after {
				left: 50%;
				rotate: -45deg;
				transform-origin: left center;
			}
		}
	}
	summary::-webkit-details-marker {
		display: none;
	}
	summary::marker {
		display: none;
	}

	&[open] summary .icn {
		transform: scaleY(-1);
	}

	.accordionTitle {
		background: var(--c-secondary);
		height: var(--h-btn);
		display: grid;
		place-items: center;

		font-weight: normal;
		font-size: min(28px, 5vw);
		color: #AFFFDC;
	}

	.guidelinesTable.summary {
		thead {
			th:nth-child(1) {
				width: 40%;
			}
			th:nth-child(2) {
				width: 60%;
			}
		}
		.intern_sp {
			width: 7em;
			@media screen and (max-width: 768px) {
				font-size: 0.9em;
				padding-left: 1em;
				padding-right: 1em;
				width: auto;
			}
		}
		@media screen and (max-width: 768px) {
			th,td {
				padding: 1em;
			}
		}
	}

	.internshipSchedule {
		th {
			.annotation {
				font-weight: normal;
			}
		}
	}

	._detail {
		padding-bottom: 180px;

		> article {
			margin-bottom: 180px;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}


	.comingsoon {
		min-height: 5em;
		text-align: center;
		padding-top: 3em;

	}

	.lead {
		margin-top: 1em;
		font-size: 1.1em;
	}

	.scheduleTimeline {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 1em;


		dt {
			margin-top: 0;
			font-size: 14px;
		}

		dd {
			padding-left: 0;
			font-size: 1em;
		}

		> div {
			display:grid;
			grid-template-columns: subgrid;
			grid-column: span 2;
			gap : 1.5em;
			@media screen and (max-width: 768px) {
				grid-template-columns: 1fr;
				gap : 0em;
				/* grid-column: span 1; */
			}
		}
	}



}