@charset "UTF-8";
/* CSS Document */

body{
	margin:0 auto;
	font-size: 14px;
    font-family: serif;
}

h2{
    margin:0 0 20px;
    text-align: center;
    color:#03663D;
    font-size: 37px;
	font-family: questa-grande, serif;
	font-weight: 700;
	font-style: normal;
}
section{
    padding:50px 0;
}
/*---------------
header
--------------- */
.header{
	background-image: url(images/main.jpg);
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mo_g_navi,#g_navi{
	font-family: questa-grande, serif;
	font-weight: 400;
	font-style: normal;
}
.top-header{
	padding-top: 50px;
}
.logo_i{
	width: 60%;
}
#mo_g_navi{
	background:rgba(3,102,61, 1);
    color:#fff;
}
.navbar{
	background:rgba(3,102,61, 1);
}
.navbar-toggler{
	background-color: #fff;
}

.fa-bars{
	color: rgba(3,102,61, 1);
	font-size: 1.5rem;
}
.mo_navi li{
	margin-bottom: 1rem;
	border-bottom: 1px dotted #fff;
	padding-bottom: 0.3rem;
}
.mo_navi a{
	color: #fff;
	font-size: 1.25rem;
}


.about-inner{
    max-width:1034px;
    margin: 0 auto;
    padding:2em;
    background: #fff;
}

.about-inner img{
    margin:0 0 2em;
}

.about-inner .img-fluid_b{
	margin: 0 0 1em;
	max-width: 100%;
}

.about-inner p{
    line-height:2em;
}

.about, #calender{
    background:#E8E8E8;
}

.member ul{
    display:flex;
    flex-wrap: wrap;
	max-width: 1110px;
	margin: 0 auto;
	justify-content: space-around;
	list-style: none;

}

.member ul li{
    width:320px;
	margin: 0 0 70px;
}
.member ul li span{
	display: flex;
	justify-content: center;
}
.member ul li span a{
	display: block;
	width: 26px;
}
.member ul li span a:not(:last-child){
	margin:0 20px 0 0;
}
.member ul li span a img{
	width: 100%;
}

.member ul li img{
    width:100%;
}
.member ul li h3{
    font-size:1.5rem;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
}
.member ul li p{
    width:100%;
}


#calender div{
	max-width:800px;
	margin:0 auto;
    padding:0 10px;
}

#calender iframe{
	width:100%;
}
.access{
    padding:50px 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}


.access h2{
	width: 100%;
	margin-bottom: 20px;
}


.access div p{
	margin-top: 10px;
	line-height: 1.4em;
}
.access iframe{
	width: 100%;
	height: 350px;
}

/*---------------
footer
--------------- */

footer{
	padding: 30px 0;
    background:#03663D;
	color: #fff;
	text-align: center;
}
footer ul{
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
	list-style: none;
}
footer ul li{
	margin: 0 20px 30px;
	
}
footer ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 21px;
}


@media(min-width:768px) and (max-width:991px){
	.access iframe{
	width: 100%;
	height: 400px;
}
}

@media(min-width:768px) {
	.header{
		height: 700px;
	}
	.logo_i{
	width: 100%;
}
	.top-header{
	padding-top: 0;
}
	ul.navi{
    display:flex;
    justify-content: center;
    list-style: none;
}
	#g_navi{
    padding:45px 0 12px;
    background:rgba(3,102,61, 0.7);
    color:#fff;
}



ul.navi a{
    color:#fff;
    text-decoration: none;
    font-size:22px;
}

ul.navi li{
    margin:0 2em;
}
	
	.about p{
		font-size: 16px;
	}
	
.access div p{
	margin-top: 30px;
	line-height: 2em;
}

}