@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#0046C8
-----------------------------------------------*/

/*-----------------------------------------------
  font
-----------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
/* font-family: "Noto Sans JP", sans-serif; */

/*-----------------------------------------------
  text
-----------------------------------------------*/
html {
overflow-y: scroll;
}
body {
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
line-height: 1.5;
font-feature-settings: "palt";
letter-spacing: 0.02em;
color: #000;
}
a {
color: inherit;
text-decoration: none;
transition: 0.2s ease;
}
img {
max-width: 100%;
height: auto;
}
.sp {
display: none;
}
@media screen and (max-width: 800px) {
	body {
	font-size: 16.5px;
	letter-spacing: 0;
	}
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
}

/*-----------------------------------------------
  header
-----------------------------------------------*/
header {
padding: 40px 4%;
background-image: url("../img/title_bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
header .logo {
width: 40%;
max-width: 240px;
margin: auto;
}
header .title {
width: 90%;
max-width: 1000px;
margin: auto;
margin-top: 20px;
}
header .term {
margin-top: 30px;
}
header .term dl {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
text-align: center;
}
header .term dt {
margin-right: 0.25em;
padding: 0.25em 0.4em 0.4em 0.4em;
font-size: 0.9em;
font-weight: 700;
line-height: 1;
color: #FFF;
background: #000;
}
header .term dd {
font-weight: 700;
}
header .term ul {
width: fit-content;
margin: auto;
margin-top: 0.5em;
}
@media screen and (max-width: 800px) {
	header {
	padding: 4%;
	}
	header .title {
	margin-top: 4%;
	}
	header .term {
	margin-top: 4%;
	}
	header .term dl {
	font-size: 1.075em;
	}
}

/*-----------------------------------------------
  main
-----------------------------------------------*/
main {
padding: 60px 4%;
}
main .inner {
max-width: 800px;
margin: auto;
}
main .head {
font-size: 2em;
font-weight: 700;
text-align: center;
color: #009249;
}
@media screen and (max-width: 800px) {
	main {
	padding: 6% 4%;
	}
	main .head {
	font-size: 1.5em;
	}
}

/* margin */
main .mt10 { margin-top: 10px }
.mt20 { margin-top: 20px }
.mt40 { margin-top: 40px }
.mt60 { margin-top: 60px }
@media screen and (max-width: 800px) {
	.mt10 { margin-top: 2% }
	.mt20 { margin-top: 4% }
	.mt40 { margin-top: 8% }
	.mt60 { margin-top: 12% }
}
/* color */
main .red {
color: #E6461D;
}

/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer {
padding: 40px 4%;
text-align: center;
background: #F0F0F0;
}
footer h2 {
font-size: 1.125em;
font-weight: 500;
}
footer .data dt {
margin-top: 0.5em;
font-weight: 500;
}
footer .data dd {
font-size: 0.875em;
}
footer .data strong {
font-size: 1.125em;
font-weight: 400;
}
@media screen and (max-width: 800px) {
	footer {
	padding: 6% 4%;
	}
}