/* ---------- reset ---------- */
body, ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
a:hover {
	opacity: 0.5;
}



/* ---------- color ---------- */

.brown {
	color: #8b4513;
}
.red {
	color: #ff3399;
}

/* ---------- layout ---------- */
body {
	font-family: "Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","HGMaruGothicMPRO";
}
.img-responsive {
	width: 100%;
	height: auto;
}
.column-2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.w-1000 {
 	max-width: 1000px;
	margin:0 auto;
}
.padding-20 {
	padding: 0 20px;
}
.link {
	width: 200px;
	height: 50px;
	background-image: linear-gradient(90deg, rgba(168, 202, 240, 1), rgba(233, 240, 250, 1));
}

/* ---------- font ---------- */
.center {
	text-align: center;
}

/* ---------- index ---------- */
#index h1 {
	padding: 1.5em 0;
	background-image: linear-gradient(90deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
}
#index p {
	font-size: 20px;
}
#index div.column-2 div.image p img {
	max-width:620px;
	min-width: 310px;
}

#index div.column-2 div.menu {
	max-width: 200px;
	padding-left: 20px;
}
#index div.column-2 div.menu ul li {
	margin-top: 40px;
	width: 100%;
}
#index div.column-2 div.menu div.mail {
	margin-top: 100px;
}
#index div.column-2 div.menu div.mail p {
	font-size: 16px;
}
#index div.column-2 div.menu div.JIA_link{
	margin-top: 100px;
}
#index div.column-2 div.menu div.JIA_link p {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
#index div.column-2 div.menu div.JIA_link p.link {
	background-image: linear-gradient(90deg,  rgba(255, 34, 87, 1) 0%, rgba(154, 39, 238, 1) );
	border-radius: 8px;
	color: #fff;
}
#index p.attention {
	font-size: 16px;
}