@charset "utf-8";
/*------------------------------------------------------------------------------ TOP --*/

a {
color:#390;
}

#kv{
	position:relative;
	width:100%;
	height:290px;
	background:url(../img/member/kv.jpg) center center no-repeat;
	background-size:cover;
	}
#kv h2{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	font-size:3.0rem;
	line-height:1;
	font-weight:bold;
	color:#fff;
}
section h2{
	position:relative;
	text-align:center;
	font-size:2.6rem;
	line-height:1;
	font-weight:bold;
}
section .inner{
	position:relative;
	width:1000px;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
	}
#well{
	position:relative;
	width:100%;
	padding:100px 0 80px;
	}
#event{
	position:relative;
	width:100%;
	padding:60px 0 80px;
	background:#e1f5ff;
	}
#meeting{
	position:relative;
	width:100%;
	padding:60px 0 80px;
    background:#e1f5ff;
	}
#archive{
	position:relative;
	width:100%;
	padding:100px 0 40px;    
	}
#schedule ul{
	position:relative;
	width:1000px;
	margin:10px auto 0;
	}
section ul li{
	position:relative;
	width:100%;
	border-bottom:#d3d3d3 1px solid;
}
section ul li .date{
	position:relative;
	vertical-align:top;
	padding:50px 0 10px;
	font-size:1.6rem;
	line-height:1.7;
	font-weight:600;
	text-align: justify;
	text-justify: inter-ideograph;
}
section ul li .txt{
	position:relative;
	padding:0 0 10px 0;
	font-size:1.6rem;
	line-height:1.7;
	font-weight:400;
	text-align: justify;
	text-justify: inter-ideograph;
}
#archive ul li .txt{
	padding:0 100px 10px 0;
	min-height:50px;
}
section ul li a.pdf{
	position:absolute;
	top:0;
	right:0;
	width:48px;
	transition: .4s ease-out;
}
section ul li a.pdf:hover {
	opacity:.7;
}
section ul li a.pdf img {
    width: 70%;
}
section .inner #main{
	position:relative;
	float:left;
	width:730px;
	overflow:hidden;
}
section .inner #side{
	position:relative;
	float:right;
	width:170px;
	overflow:hidden;
	padding:50px 0 0;
	text-align: left;
}
section .inner #side h4{
	position:relative;
	font-size:1.6rem;
	line-height:1.9;
	font-weight:bold;
	border-bottom:#d3d3d3 1px solid;
	padding-bottom:5px;
	margin-bottom:10px;
}
section .inner #side a{
	display:block;
	font-size:1.6rem;
	line-height:1.9;
	font-weight:400;
}
.style1 {
    padding-left: 20px;
    margin-bottom: 30px;
}
.style1 li {
    list-style: decimal;
    font-size:1.6rem;
    line-height: 1.9;
    border: none;
    margin-bottom: 15px;
}
.style2 {
    padding: 0;
    margin: 0 0 50px;
}
.style2 li {
    list-style: none;
    padding-left: 1.3em;
    text-indent: -1.3em;
    font-size:1.6rem;
    line-height: 1.6;
    border: none;
    margin-bottom: 15px;
}

@media screen and (max-width:750px) {
#kv{
	position:relative;
	width:100%;
	height:38.6vw;
	background:url(../img/member/kv.jpg) center center no-repeat;
	background-size:auto 100%;
	}
#kv h2{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	font-size:5.0rem;
	line-height:1;
	font-weight:bold;
	color:#fff;
}
section h2{
	position:relative;
	text-align:center;
	font-size:3.8rem;
	line-height:1;
	font-weight:bold;
}
section .inner{
	position:relative;
	width:94%;
	margin:0 auto;
	}
#well{
	position:relative;
	width:100%;
	padding:10vw 0 10vw;
	}
#event{
	position:relative;
	width:100%;
	padding:10vw 0 10vw;
	background:#e1f5ff;
	}
#meeting{
	position:relative;
	width:100%;
	padding:10vw 0 10vw;
    background:#e1f5ff;
	}
#archive{
	position:relative;
	width:100%;
	padding:10vw 0 4vw;
	}
#schedule ul{
	position:relative;
	width:1000px;
	margin:2vw auto 0;
	}
section ul li{
	position:relative;
	width:100%;
	border-bottom:#d3d3d3 1px solid;
}
section ul li .date{
	position:relative;
	vertical-align:top;
	padding:8vw 0 1vw;
	font-size:3.2rem;
	line-height:1.4;
	font-weight:600;
	text-align: justify;
	text-justify: inter-ideograph;
}
section ul li .txt{
	position:relative;
	padding:0 0 2vw 0;
	font-size:3.2rem;
	line-height:1.4;
	font-weight:400;
	text-align: justify;
	text-justify: inter-ideograph;
}
#archive ul li .txt{
	padding:0 17vw 2vw 0;
	min-height:18vw;
}
section ul li a.pdf{
	position:absolute;
	top:0;
	right:0;
	width:13vw;
	transition: .4s ease-out;
}
section ul li a.pdf:hover {
	opacity:.7;
}
section .inner #main{
	position:relative;
	float:none;
	width:100%;
	overflow:hidden;
}
section .inner #side{
	position:relative;
	float:none;
	width:100%;
	overflow:hidden;
	padding:10vw 0 0;
	text-align: left;
}
section .inner #side h4{
	position:relative;
	font-size:3.2rem;
	line-height:1.4;
	font-weight:bold;
	border-bottom:#d3d3d3 1px solid;
	padding-bottom:1vw;
	margin-bottom:2vw;
}
section .inner #side a{
	display:block;
	font-size:3.2rem;
	line-height:1.4;
	font-weight:400;
}
.style1 {
    padding-left: 5%;
    margin-bottom: 30px;
}
.style1 li {
    list-style: decimal;
    font-size:3.2rem;
    line-height: 1.4;
    border: none;
    margin-bottom: 15px;
}
.style2 {
    padding: 0;
    margin: 0 0 50px;
}
.style2 li {
    list-style: none;
    padding-left: 1.3em;
    text-indent: -1.3em;
    font-size:3.2rem;
    line-height: 1.4;
    border: none;
    margin-bottom: 15px;
}
}