/* CSS Document */

/*BASE*/
section {
	position:relative;
}
/*PROFILE*/
#profile {
	background-color:#FFF;
}

/*ACCESS*/
#access {
	background-color:#70ACCE;
}
#access .title-box h1 {
	color:#FFF;
}
#access iframe {
	width:100%;
	height:auto;
}

@media screen and (max-width: 767.98px) {
/*BASE*/
.title-box {
	text-align:center;
	margin-bottom:2rem;
}
.title-box h1 {
	font-size:24px;
}

/*PROFILE*/
#profile {
	padding:2rem 60px;
}
#profile .title-box {
	text-align:center;
}
#profile .content-box dl.profile {
	text-align: center;
}
#profile .content-box dl.profile > dt {
	font-weight:700;
	margin-bottom:.5rem;
}
#profile .content-box dl.profile > dd:not(:last-of-type) {
	margin-bottom:2rem
}
#profile ul.line-list li {
	display: inline-block;
}
#profile ul.line-list li:not(:last-child)::after {
	content:"、";
	display:inline-block;
	margin-right:.5em;
}

/*ACCESS*/
#access {
	padding:2rem 60px 4rem;
}
#access .title-box h1 {
	color:#FFF;
}
#access iframe {
	aspect-ratio:1 / 1;
	border-radius:.5em;
}
}


@media screen and (min-width: 768px) {
/*BASE*/
.title-box {
	text-align:center;
	margin-bottom:2em;
}
.title-box h1 {
	font-size:clamp(24px, 2.4vw, 48px);
}

/*PROFILE*/
#profile {
	padding:max(4vw, 40px) max(8vw, 80px) max(8vw, 80px);
}
#profile .content-box dl.profile {
	display:grid;
	grid-template-rows:auto;
	grid-template-columns:1fr auto;
	gap:0;
	width: max-content;
	margin:auto;
}
#profile .content-box dl.profile  dt,
#profile .content-box dl.profile  dd {
	padding:1.5rem 1rem;
}
#profile .content-box dl.profile  dt:not(:last-of-type),
#profile .content-box dl.profile  dd:not(:last-of-type) {
	border-bottom: solid 1px #CCC;
}
#profile .content-box dl.profile > dt {
	text-align:justify;
	text-align-last:justify;
}
#profile ul.line-list {
	max-width:50vw;
}
#profile ul.line-list li {
	display: inline-block;
}
#profile ul.line-list li:not(:last-child)::after {
	content:"、";
	display:inline-block;
	margin-right:.5em;
}

/*ACCESS*/
#access {
	padding:max(4vw, 40px) max(8vw, 80px) max(8vw, 80px);
}
#access iframe {
	aspect-ratio:16/9;
	border-radius:.75em;
}
}