@charset"UTF-8";

/*thanks*/

/*フォントメモ-----
	手書き筆記体
	.caveat-<uniquifier> {
	  font-family: "Caveat", cursive;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	}

	細め筆記体
	.tangerine-regular {
	  font-family: "Tangerine", cursive;
	  font-weight: 400;
	  font-style: normal;
	}

	セリフ
	.nanum-myeongjo-regular {
	  font-family: "Nanum Myeongjo", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	キウイ丸
	.kiwi-maru-light {
	  font-family: "Kiwi Maru", serif;
	  font-weight: 300;
	  font-style: normal;
	}

	しっぽり明朝
	.shippori-mincho-b1-regular {
	  font-family: "Shippori Mincho B1", serif;
	  font-weight: 400;
	  font-style: normal;
	}
-----フォントメモここまで*/



/*共通*/
body{
	color:#6b6b6b;
	margin:0;
	padding:0;
	height:100vh;
	
	}

body::after{
	content:'';
	width:100%;
	height:100vh;
	display:block;
	background-image:url(hero.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:fixed;
	position:-webkit-fixed;
	top:0;
	left:0;
	z-index:-1;
	
    }

h1{
	font-family:"Tangerine",cursive;
	font-weight:400;
	font-style:normal;
	font-size:7vw;
	
	}

h2{
	font-family:"ShipporiMinchoB1",serif;
	font-weight:400;
	font-style:normal;
	font-size:4vw;
	margin:0;
	padding;0;
	
	}

p{
	font-family:"ShipporiMinchoB1",serif;
	font-weight:200;
	font-style:normal;
	font-size:3vw;
	margin:0;
	padding;0;
	
	}


.a-d{
	color:#6b6b6b;
	text-decoration-line:none;
	
	}

.a-d:visited{
	color:#6b6b6b;

	}


/*ヘッダー*/
.header{
	position:fixed;
	width:100%;
	height:0;
	padding:2%;
	
	}

.header h1{
	font-size:7vw;
	margin:0;
	
	}

@media(min-width:700px){
	.header h1{
		font-size:4vw;
		
		}
	
}

/*メッセージ*/
.message{
	padding:30vh 10vw 10vh 10vw;
	
	}

.message h1{
	font-family:"ShipporiMinchoB1",serif;
	font-weight:400;
	font-style:normal;
	font-size:4vw;
	margin:0;
	padding;0;
	}

.message h2{
	padding:2% 0;
	font-weight:600;
	
	}

.m1{
	text-align:center;
	padding-top:10%;
	
	}

.m1 p{
	padding:10% 0;
	
	}

.m-container{
	padding:5% 0;
	
	}

.indent{
	padding:0 1em;
	
	}

.M{
	padding:1em 0;
	
	}

.name{
	text-align:right;
	padding:1em 0;
	
	}

@media(min-width:700px){
	.message{
		padding:30vh 20vw 5vh 20vw;
		
		}
	.message h1{
		font-size:2vw;
		
		}
	
	.message h2{
		font-size:1vw;
		
		}
	
	.message p{
		font-size:1vw;
		
		}
}

/*リンク前スペース*/
.space-before{
	padding-top:30vh;
	
	}

@media(min-width:1025px){
	.space-before{
		padding:0;
		
		}
	
	
}

/*リンク*/
.link{
	padding:10%;
	text-align:center;
	display:grid;
	gap:20%;
	
	}

.mpf p{
	padding:10% 0;
	
	}

.mpf h2,.door h2{
	font-family:"Tangerine",cursive;
	font-weight:400;
	font-style:normal;
	font-size:7vw;
	
	}

.mpf-btn-a{
	line-height:2;
	padding:1.5rem 2rem;
	border-radius:100% 90px / 90px 100%;
	background-color:#ebeadc;
	
	}

.door{
	background-image:url(perm.png);
	background-repeat:no-repeat;
	background-position:43% 70%;
	background-size:10%;
	
	}

.door-btn-a img{
	width:10vw;
	height:auto;
	
	}

@media(min-width:700px){
	.link{
		padding:5% 10%;
		gap:0;
		
		}
	
	.mpf p{
		font-size:1vw;
		padding-bottom:3%;
		}
	
	.mpf-btn{
		padding:0%;
		
		}
	
	.mpf h2{
		font-size:2vw;
		
		}
	
	.mpf-btn-a:hover{
		border-radius:10% 50% / 30% 30%;
		transition:0.3s;
		
		}
		
	.door{
		box-sizing:content-box;
		margin-left:80%;
		background-image:url(perm.png);
		background-repeat:no-repeat;
		background-position: right 50% bottom 20%;
		background-size:27%;
		
		}
	.door p{
		font-size:1vw;
		padding:0;
		
		}
	
	.door-btn-a img{
		width:5vw;
		height:auto;
		
		}
	
	.door-btn-a img:hover{
		transform:translateX(50%);
		transition:0.3s;
		
		}
	
}

/*リンク後スペース*/
.space-after{
	padding-top:30vh;
	
	}

@media(min-width:1025px){
	.space-after{
		padding-top:3vh;
		
		}
	
}

/*フッター*/
.footer{
	text-align:center;
	padding-bottom:4%;
	position:sticky;
	top:100vh;
	margin:0;
	
	}

.footer h1{
	font-size:7vw;
	margin:0;
	padding:0;
	
	}

@media(min-width:700px){
	.footer{
		padding-bottom:2%;
		
		}
	
	.footer h1{
		font-size:2vw;
		
		}
	
	.footer p{
		font-size:1vw;
		
		}
	
}