@charser "UTF-8";

/*共通*/
:root{
	--v-space:clamp(90px,9vw,120px);
	
	}

body{
	margin:0;
	background-color:#eee;
	}

img{
	display:block;
	
	}

h1,h2,h3,h4,h5,h6,p,figure,ul{
	margin:0;
	padding:0;
	list-style:none;
	
	}

/*横幅と左右の余白*/
.w-container{
	width:min(92%,1166px);
	margin:auto;
	
	}

/*ヘッダー*/
.header{
	height:112px;
	background-color:transparent;
	
	}

.header-container{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%;
	
	}


/*ナビゲーションボタン*/
.navbtn{
	padding:0;
	outline:none;
	border:none;
	background:transparent;
	cursor:pointer;
	color:#aaa;
	font-size:30px;
	
	}

/*タイトルとサブタイトル*/
.heading-decoration{
	font-size:clamp(30px,3vw,40px);
	min-height:0vw;
	font-weight:400;
	
	}

.heading-decoration::after{
	display:block;
	content:'';
	width:160px;
	height:0px;
	border-top:solid 1px #25b7c0;
	margin-top:0.6em;
	
	}

.heading-decotation + p{
	margin-top:1em;
	margin-bottom:2em;
	color:#707070;
	font-size:18px;
	
	}

/*イントロダクション*/
.introduction{
	padding-bottom:var(--v-space);
	background-color:#fff;
	
	}

.introduction .w-container{
	max-width:720px;
	
	}

.introduction .heading-decoration{
	font-size:clamp(30px,6.25vw,48px);
	
	}

.introduction-container{
	font-size:clamp(16px,2.4vw,18px);
	
	}

.introduction-container p{
	margin:1.8em 0;
	
	}

.introduction-container > :first-child{
	margin-top:0;
	
	}

.introduction-container > :last-child{
	margin-bottom:0;
	
	}