/* pink 200,39,70 */
/* gold 162,116,4 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

/*-----------------------------------------------
  common
-----------------------------------------------*/
body {
height: 100%;
font-family: "Noto Serif JP", serif;
font-size: 20px;
line-height: 1.5;
font-weight: 400;
font-feature-settings: "palt";
letter-spacing: 0.05em;
color: #000;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input, textarea, select, button {
font-family: "Noto Sans JP", sans-serif;
}
a {
text-decoration: underline;
color: #000;
transition: 0.2s;
}
a:hover,
a:active {
color: #000;
}
img {
width: 100%;
}
.sp {
display: none;
}
@media screen and (max-width: 800px) {
	body {
	font-size: 16px;
	line-height: 1.5;
	}
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
}

/*-----------------------------------------------
  main
-----------------------------------------------*/
main {
display: block;
}

/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer {
font-size: 0.8em;
text-align: center;
background: rgba(231,231,226,1);
}
footer .line {
max-width: 600px;
margin: 0 auto;
padding: 4% 4% 0 4%;
}
footer .data {
padding: 4%;
}
footer .data dt {
font-weight: 300;
}
footer .data dt .logo {
display: block;
max-width: 150px;
margin: 0 auto;
margin-bottom: 0.5em;
}
footer .data .url {
max-width: 18em;
margin: 0 auto;
margin-top: 1em;
}
footer .data .url a {
display: block;
padding: 0.75em;
color: #FFF;
text-decoration: none;
background: #000;
border: 1px solid #000;
}
footer .data .url a:hover {
color: #000;
background: none;
}
footer .copyright {
padding: 0.5em;
font-size: 0.8em;
color: #FFF;
background: #000;
}
@media screen and (max-width: 800px) {
	footer {
	font-size: 0.9em;
	}
	footer .line {
	padding: 8% 8% 0 8%;
	}
	footer .data {
	padding: 8% 4%;
	}
	footer .copyright {
	padding-bottom: 27.5%;
	}
}

/*-----------------------------------------------
  modaal
-----------------------------------------------*/
.modaal-container {
width: 100%;
max-width: 1000px;
height: 100%;
}
.modaal-content-container {
}