@charset "utf-8";

@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanmp.min.css');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css');


.clearfix:after{
  content: "";
  clear: both;
  display: block
}
img{
  height: auto;
  max-width: 100% !important;
}
a{
  transition: 0.3s;
  color: #006CD8;
}
a img{
  transition: 0.3s;
}
a:hover img{
  opacity: 0.7;
}
a:hover{
  text-decoration: none;
}
p{
  word-break: break-all;
}
html,body{
  height: 100%;
  font-family: YakuHanMP, "Zen Maru Gothic","Zen Old Mincho", sans-serif;
}

/* common */
.fs{
	font-family: YakuHanMP, "Zen Old Mincho", sans-serif;
}
.inner{
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.section_head{
	text-align: center;
	margin-bottom: 50px;
}
.section_head h2{
	text-align: center;
}
.section_head h2 strong{
	display: inline-block;
	font-size: 32px;
	font-weight: 500;
	padding: 0 5px 5px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}
.section_head p{
	font-size: 18px;
	letter-spacing: 0.05em;
}
.section_head .birdleft{
	background: url("../../img/bird_img01.png") no-repeat left center;
	min-height: 72px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 120px;
	margin: 0 auto;
}
.section_head .birdright{
	background: url("../../img/bird_img03.png") no-repeat right center;
	min-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 125px;
	margin: 0 auto;
}

.su {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.su.on {
  transform: translateY(0);
  opacity: 1.0;
}
.headerlogo{
	background: url("../../img/hoiku_mark.svg") no-repeat left center;
	background-size: auto 27px;
	font-size: 24px;
	display: inline-flex;
	height: 38px;
	padding-left: 50px;
}

/* footer */
footer{
	border-top: 1px solid #333;
	padding: 40px 0;
}
.footerinfo{
	max-width: 420px;
	margin: 0 auto;
}
.footerlogo{
	background: url("../../img/hoiku_mark.svg") no-repeat left center;
	background-size: auto 28px;
	font-size: 18px;
	display: inline-flex;
	height: 30px;
	padding-left: 50px;
	margin-bottom: 6px;
}
.footerlogo + p{
	font-size: 18px;
	margin-bottom: 4px;
}
.footerlink{
	text-align: center;
	margin: 25px 0;
}
.footerlink a:hover{
	text-decoration: none;
}
.copy{
	text-align: center;
	font-size: 15px;
}

@media screen and (min-width: 769px){
	.sp{
		display: none !important;
	}
}
@media screen and (max-width: 768px){
	.pc{
	    display: none !important;
	}
	.headerlogo{
	    background-size: auto 18px;
	    font-size: 14px;
	    height: 23px;
	    padding-left: 30px;
	}
	.section_head{
		margin-bottom: 30px;
	}
	.section_head h2 strong{
		font-size: 22px;
	}
	.section_head p{
		font-size: 15px;
	}
	.section_head .birdleft {
		background: url("../../img/bird_img01.png") no-repeat left center;
		background-size: 50px auto;
		min-height: 36px;
		padding: 0 60px;
	}
	.section_head .birdright{
		background: url("../../img/bird_img03.png") no-repeat right center;
		background-size: auto 40px;
		min-height: 40px;
		padding: 0 63px;
	}
	footer {
		padding: 20px 0;
	}
	.footerinfo {
		max-width: 90%;
		margin: 0 auto;
	}
	.footerinfo p{
		font-size: 14px;
	}
	.footerlogo + p{
		font-size: 16px;
		margin-bottom: 4px;
	}
	.footerlink{
		font-size: 14px;
	}
	.copy {
		font-size: 12px;
	}
}