@charset "UTF-8";
body{
  background-color: rgb(239, 240, 240);
}
/* ----------------------------------
menu_index
---------------------------------- */
.menu_index{
  width: 100%;
  box-sizing: border-box;
  padding: 0.8rem 1rem 1rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #0055AA;
  background-color: #fff;
}
.menu_index .logo{
  width: 9.6rem;
  vertical-align: bottom;
}
.menu_index ul{
  display: flex;
  align-items: center;
  gap:0 1rem;
}
.menu_index ul li a,
.window a{
  display: block;
  color:#fff;
  border-radius: 0.4rem;
  padding: 0.6rem 1.7rem 0.6rem;
  box-sizing: border-box;
  height: 2.8rem;
  font-weight: 600;
  text-align: center;
}
.menu_index ul li a.mail,
.window .mail{
  background: #E96500;
  font-size:1rem;
}
.menu_index ul li a.back,
.window .back{
  background-color: rgb(0, 85, 170);
  font-size:0.8rem;
  display: flex;
  align-items: center;
  line-height: 1;
}
.menu_index ul li a:hover{
  opacity: 0.8;
}
.menu_index ul li .back{
  display: block;
  color:#fff;
  border-radius: 0.4rem;
  padding: 0.6rem 1.7rem 0.6rem;
  box-sizing: border-box;
  height: 2.8rem;
  font-weight: 600;
  background-color: rgb(0, 85, 170);
  font-size:0.8rem;
  text-align: center;
}
.open {
	cursor:pointer;
}
#pop-up {
	display: none;
}
.overlay {
	display: none;
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 680px;
	height: 240px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  flex-direction: column;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
}
.window p{
  font-size:1.2rem;
  margin-bottom:10px;
}
.window .mail{
  margin-bottom:20px;
}
/* ----------------------------------
demo img
---------------------------------- */
section#demo_img{
  background-color: rgb(239, 240, 240);
  display: flex;
  justify-content: center;
  align-items: center;
}
section#demo_img img{
  width:100%;
}