/* #50B48C */

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

/*-----------------------------------------------
  common
-----------------------------------------------*/
body {
height: 100%;
font-family: "Noto Sans JP", sans-serif;
font-size: 20px;
line-height: 1.8;
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%;
}
a {
text-decoration: underline;
color: #000;
transition: 0.2s;
}
a:hover,
a:active {
color: #000;
}
img {
max-width: 100%;
}
.sp {
display: none;
}
@media screen and (max-width: 640px) {
	body {
	font-size: 16px;
	}
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
}

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

/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer,
#about {
padding: 40px 4%;
color: #FFF;
background: #0069DC;
}
footer .data,
#about .data {
text-align: center;
}
footer .data dt,
#about .data dt {
font-size: 1.2em;
font-weight: 500;
}
footer .data a,
#about .data a {
text-decoration: none;
color: #FFF;
transition: 0.2s;
}
footer .data .mail,
#about .data .mail {
max-width: 15em;
margin: auto;
margin-top: 0.25em;
}
footer .data .mail img,
#about .data .mail img {
display: block;
}
footer .data .url,
#about .data .url {
max-width: 15em;
margin: auto;
margin-top: 1em;
font-size: 1.2em;
font-weight: 700;
}
footer .data .url a,
#about .data .url a {
display: block;
padding: 0.5em 1em 0.5em 0.5em;
background-image: url("../img/arw_right_w.svg");
background-position: right 0.75em center;
background-repeat: no-repeat;
background-size: 0.5em;
border: 1px solid #FFF;
}
footer .data .url a:hover,
#about .data .url a:hover {
color: #0069DC;
background-color: #FFF;
background-image: url("../img/arw_right_c.svg");
}
@media screen and (max-width: 640px) {
	footer {
	padding: 4% 4% 26% 4%;
	}
	#about {
	padding: 4% 4% 6% 4%;
	}
}