@charset "UTF-8";
/* CSS Document */
body {
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.margin{
	position:relative;
	top:60px;
	height: 60px;
}
.obi{
	background-color: #000;
	height: 20px;
}
.base_container {
	margin: 0 auto;
	width: 100%;
}
.title_container {
	width: 70%;
	text-align: center;
}
.title_container img {
	width: 100%;
	max-width: 1600px;
	margin-top: 2%;
}


.main_container {
	margin-top: 107px;
	text-align: center;	
	width: 70%;
	max-width: 1074px;
	border-bottom: 1px solid #000;		
}
.main_container h1 {
	margin-bottom: 87px
}
.main_container h2 {
	margin-bottom: 39px
}
.main_container p {
	line-height: 1.5em;
	margin-top: 37px;
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 55px;
	width: 100%;
	justify-items: center;
	align-items: center;
	margin-bottom: 70px;
}
.grid > div {
	overflow: hidden;
	min-width: 0;
	height: 150px;	
}
.grid p {
	font-size: 17px;
	letter-spacing: 0;
	margin-top: 12px;
	text-align: left;
}

.about_container{
	margin-top: 107px;
	text-align: center;	
	padding-bottom: 50px;
	border-bottom: 20px solid #000;
}
.about_container p{
	margin-top: 20px;
}



#wrapper{

}
#wrapper h3{
	color: #000;
	font-size: 12px;
	font-weight: 600;
}
#wrapper p{
	color: #000;	
	font-size: 17px;
}
#wrapper ul li{
	color: #000;	
	font-size: 12px;
}
p, h1, h2, h3, h4, h5, ul, li, dl, dd, dt {
	font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",sans-serif;
}

section {
	margin: 0 auto;
	width: 100%;
}
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
button:focus {
	outline:0;
}
a:link { color: #000; text-decoration-line: underline; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }