/* ==========================================
   SWELL Reset
========================================== */

.page-template-template-about .l-content{
	max-width:none;
	padding:0;
}

.page-template-template-about .l-container{
	max-width:none;
	padding-inline:0;
}

.page-template-template-about #content{
	padding:0;
}

.page-template-template-about #breadcrumb{
	display:none;
}


/* ==========================================
   Layout
========================================== */

.page{
	padding:1em 1em 2em;
}

.page-inner{
	width:100%;
	max-width:450px;
	margin-inline:auto;

	padding:1em 2em 4em;

	background:#fff;

	border:1.5px solid #303030;
	border-radius:10px;
}


/* ==========================================
   Typography
========================================== */

.page h1{
        font-family: 'Space Grotesk', 'Inter', sans-serif;
	margin:0 0 .5em;
	font-size:1.8rem;
	font-weight:700;
	line-height:1.2;
        
        padding-bottom:0.5em;
        border-bottom:dashed 1px #303030;
}


/* 本文見出し（h2） */
.page h2{
  font-size: clamp(20px, 2.5vw, 22px);
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.35;
  margin: 2em 0 .9em;
  padding-bottom: 0.3em;
  border-bottom: dashed 2px;
}

/* 本文見出し（h3） */
.page h3 {
  color: #3f3f3f;
  font-size: clamp(18px, 2vw, 20px);
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.4;

  margin: 2em 0 .8em;
  padding-left: .7em;
}

/* h4 */
.page h4 {
  margin: 1.6em 0 .8em !important;
}




.page-tagline{
	margin-top:.75rem;
	font-size:1rem;
	color:#666;
}

.page-section + .page-section{
	margin-top:3rem;
}

.page-text p{
	margin:0;
	line-height:1.9;
}

.page-text p + p{
	margin-top:1.25rem;
}

.page-text a{
	color:inherit;
	text-decoration:underline;
	text-underline-offset:.15em;
}

/* ==========================================
   Lists
========================================== */

.social-list{
	list-style:none;
	margin:1.25rem 0 0;
	padding:0;
}

.social-list li + li{
	margin-top:.75rem;
}


/* ==========================================
   Mobile
========================================== */

@media (max-width:599px){

	.page{
		padding:0;
	}

	.page-inner{
		max-width:none;
		padding:1.5rem 1.5rem 5rem;

		background:transparent;

		border:none;
		border-radius:0;
	}

}


/* ==========================================
Page Links
========================================== */

.page-links{
	list-style:none;
	margin:1.25rem 0 0;
	padding:0;
}

.page-links li + li{
	margin-top:.75rem;
}

.page-links a{
	display:flex;
	align-items:center;
	justify-content:space-between;

	padding:.8rem 1rem;

	color:inherit;
	text-decoration:none;

	background:#fff;

	border:1px solid #e5e5e5;
	border-radius:8px;

	transition:background .2s, border-color .2s;
}


.page-links a::after{
	content:">";
	opacity:.35;
	transition:transform .2s, opacity .2s;
}

.page-links a:hover{
	background:#fafafa;
	border-color:#303030;
}

.page-links a:hover::after{
	transform:translateX(4px);
	opacity:1;
}



.about-search{
	margin-top: 1.5rem;
}