@charset "utf-8";
*, ::before, ::after {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	vertical-align: top;
	height: auto;
	max-width: 100%;
}
body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 1.8;
	background-color: #FFF0F5;
}
header {
	display: flex;
	position: relative;

}
nav a {
	text-decoration: none;
}
nav a:hover {
	text-decoration: underline;
	color: #3D98F9;
	text-align: center;
	border-right: 2px solid #FFFFFF;
}


.logo {
	width: 100px;
	height: 100px;
	top: 0px;
	left: 0px;
}
ul {
	font-size: 24px;
	list-style-type: none;
	display: flex;
	position: absolute;
	left: 25%;
	right: 25%;
	top: 20px;
	width: 100%;

}
ul li a {
	justify-content: flex-end;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;

}
h2 {
	text-align: center;
	padding: 10px 0;
	background-color: #FFF0F5;
}
.contentu {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1240px;
}

.omoi {
	text-align: center;
	padding: 50px 20px;
	margin: 0 auto;
	max-width: 800px;
	font-size: 1.2em;
	line-height: 1.6;
	background-color: reba(255,255,255,0.05);
}
.news {
	background-color: #fff8F0;
	margin: 0 auto;
	padding: 30px;
	border: radius 10px;
	max-width: 600px;
}
.news dl  {
	padding: 10px;
	text-align: center;
	overflow-x: auto;

}




.box-area {
	display: flex;
}
.box {
	justify-content: center;
	left: auto;
	right: auto;
	margin: 0 auto;
	text-align: center;
}
footer {
	top: 10px;
	text-decoration: none;
	border-left: none;
	border-right: none;
	border-top: none;
	text-align: center;
}
.hov  {
	text-decoration: none;


}

@media (max-width:800px){
body {
	background-color: #3D98F9;
}
.logo {
	width: 90px;
	height: 90px;
	padding-top: 10px;
	padding-left: 10px;
}
nav  {
	left: 100%;
	padding-top: 100px;
	display: flex;
	width: 100%;
	height: 100%;
}
nav a {
	left: 0px;
}
nav .ul {
	height: 100%;
	display: block;
	padding-bottom: 50px;
	overflow: auto;
}
nav ul a {
	padding: 30px 0;
	font-size: 30px;
}
.header h1 {
	z-index: 1;
	max-width: none;
}




nav-button {
	width: 70px;
	height: 50px;
	position: relative;
	z-index: 1;
}
.nav-button span {
	width: 30px;
	height: 2px;
	position: absolute;
	background-color: #000000;
	left: 20px;
}
.nav-button span:nth-child(1)  {
	top: 12px;
}
.nav-button span:nth-child(2) {
	top: 24px;
}
.nav-button span:nth-child(3) {
	top: 36px;
}
.menu-open .nav-button span:nth-child(1) {
	top: 24px;
	transform: rotate(315deg);
}
.menu-open .nav-button span:nth-child(2) {
	left: 50%;
}
.menu-open .nav-button span:nth-child(3) {
	top: 24px;
	transform: rotate(-315deg);
}
html {
	scroll-padding-top: 0px;
}

}











@media (max-width:600px){
body {
	background-color: #F78688;
}
header {
}
header h1 img {
	width: auto;
	height: 50px;
}
header h1 {
	line-height: 1;
}
.nav-button {
	right: -20px;
}html {
	scroll-padding-top: 0px;
}
.section {
	margin-bottom: 50px;
}
.section h2 {
	margin-bottom: 20px;
}
.box {
	width: 100%;
	margin-bottom: 20px;
}
footer .hov {
	display: block;
	margin-bottom: 50px;
}

.sp {
	display: inline;
}
.pc {
	display: none;
}



}