@charset "UTF-8";

@media screen and (max-width: 1049px) and (min-width: 768px)  {
	/* 1049pxまでの幅の場合に適応される */

}

	@media screen and (max-width: 767px) {
	/* 767pxまでの幅の場合に適応される */
/*BASE*/
html{
	font-size: 15px;
}
body{
	line-height: 2em;
}
main{
	width: 100%;
	max-width: 768px;
}
.text p, .text2 p, #midashi p, .midashi .merit-text, table, .question p{
	font-family: fot-tsukubrdgothic-std,sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

/* BASEここまで */

/* nav */
#menu{
	top: 4%;
	left: 5%;
}
#menu img{
	width: 40px;
}
#nav{
	width: 250px;
	height: 100vh;
	margin-left: -250px;
	background: #003366;
	text-align: center;
	z-index: 9999;
	transition-property: all;
	transition-duration: 300ms;
}
#nav > a{
	display: block;
	margin-top: 60px;
	margin-bottom: 60px;
}
#nav img{
	width: 230px;
	height: auto;
	object-fit: cover;
	margin: auto;
}
#nav ul li{
	border-bottom: 1px solid #fff;
	font-size: 1em;
}
#nav ul li:first-child{
	border-top: 1px solid #fff;
}
#nav ul li a{
	display: block;
	width: 100%;
	line-height: 55px;
	color: #fff;
}
#nav ul li a:hover{
	background: #fff;
	color: #003366;
}

/* Menu class */
.open{
	margin-left: 0!important;
	transition-property: all!important;
	transition-duration: 300ms!important;
}

/* navここまで */


/* footer */
#footer{
	width: 100%;
	height: 220px;
	margin-top: 100px;
	background-color: #003366;
	text-align: center;
}
#footer .footerimg{
	width: 100%;
	max-width: 767px;
}
#footer img{
	margin-top: 35px;
	margin-bottom: 15px;
	object-fit: cover;
}
#footer ul div{
	display: block;
	margin-bottom: 15px;
}
#footer ul div li{
	display: inline-block;
	margin-right: 5%;
	font-size: 0.8em;
}
#footer ul div li:last-child{
	margin-right: 0;
}
#footer a{
	color: #fff;
}
/* footerここまで */

/* ヘルパー */
.pc{
	display: none;
}
.sp{
	display: block;
}
}