@charset "utf-8";
/* CSS Document */
*{
	box-sizing: border-box;
}
html {
  padding: 0;
	margin: 0 !important;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  font-size: 1.0rem;
  font-family: -apple-system, sans-serif;
  line-height: 1.4em;
  color: #333;
	}

h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, form, input {
  margin: 0;
  padding: 0;
  font-size: 100%; }

p {
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0;
  list-style: none; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

hr {
  display: none; }

a, a:link {
  color: inherit;
  text-decoration: none; }

a:visited {
  color: inherit;
  text-decoration: none; }

a:hover {
  color: inherit;
  text-decoration: none; }
	
/* /////////////////////*/
body{
	padding-bottom: 1px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.inner{
	width: 800px;
	margin: auto;
	padding: 50px 0
}
@media screen and (max-width: 768px) {
	.inner{
		width: 100%;
		padding: 40px 15px
	}
}
.pj-logo{
	padding: 10px 5px 5px 10px;
	border-bottom: 1px solid #ccc;
}
.pj-logo img{
	width: auto;
	height: 40px;
}
#page-title h1{
	margin-bottom: 1em;
	font-size: 34px;
	letter-spacing: 0.15em;
	text-align: center;
}
#page-title h1 span{
	display: block;
	margin-bottom: 1em;
	font-size:20px;
}

/* //////////// btn */
.sitetop-btn{
	text-align: center;
}
.sitetop-btn a{
	position: relative;
	display: inline-block;
	margin: auto;
	padding: 1.2em 2em 1em 3em;
	background: #000;
	color: #fff;
	text-decoration: none;
	transition: .3s;
}
.sitetop-btn a:before{
	position: absolute;
	top: calc(50% - 4px);
	left: 1.5em;
	content: "";
	display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
	transform: rotate(-135deg);
}
.sitetop-btn a:hover{
	opacity: .6
}
@media screen and (max-width: 768px) {
	.sitetop-btn a span{
		display: block;
		margin-bottom: 0.2em;
	}
}
/* ////// footer  */
.footer{
	padding: 0.8em 0;
	border-top: 1px solid #ccc;
}
.footer .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
}
@media screen and (max-width: 768px) {
	.footer .inner{
		flex-direction: column;
		gap: 20px;
		width: 100%;
		padding: 0 10px;
	}
}
.footer div{
	display: flex;
	column-gap: 15px;
	align-items: center;
}
.footer ul{
	display: flex;
}
@media screen and (max-width: 768px) {
	.footer div{
		flex-wrap: wrap;
		flex-direction: column;
		gap: 0;
		order: 2;
	}
	.footer ul{
		flex-wrap: wrap;
		flex-direction: column;
		gap: 10px;
		order: 1;
	}
}
.footer ul li{
	display: flex;
	align-items: center;
}
.footer ul li a{
	padding: 0 15px;
	border-right: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
	.footer ul li{
		justify-content:center;
	}
	.footer ul li a{
		justify-content:center;
		padding: 0;
		border-right: none;
	}
}
.footer ul li img{
	width: 100%;
	max-width: 70px;
}