body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

img{
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

ul{	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; }


.clear { clear:both; }


a, a:link, a:active, a:visited {
	color: #ed6c00;
	outline: none;
	border: none;
	text-decoration: underline;
}

a:hover {
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

p {
	color: #333;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 32px;
}


/*	header
________________________________________*/

header{
	border-top: 1px solid #5FAC15;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 90px;
}
header .left{
	float: left;
	width: 35%;	
}
header .left img{
	width: 450px;
	margin-left:0;
	margin-right: auto;
}

header.en .left img{
	width: 400px;
	margin-left:0;
	margin-right: auto;
}

header .right{
	float: right;
	width: 65%;	
	text-align: right;
}
header .right a.first img{
	width: 100px;
	margin-left: auto;
	margin-right: 0;
}
header .right a.second{
	margin-top: 10px;
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 80px;
	text-align: center;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	background-color:#F9F8F8 ;
	border-radius: 10px;
	border: 1px solid #9FA0A0;
}

header .right ul{
	margin-top: 8px;
	float: right;
}

header .right ul li{
	font-weight: bold;
	float: left;
	margin-left: 20px;
}

header .right ul a li{
	color: #333;
	background: url('../img/common/arrow-right-black.svg') no-repeat;
	background-size: 6px 6px;
	background-position: 0px 7px;
	padding-left: 10px;

}

a.btn-blue{
	display: block;
	width: 400px;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 5px 15px 5px;
	background: url('../img/common/arrow-right-white.svg') no-repeat;
	background-size: 8px 8px;	
	background-position: 15px 21px;
	background-color:#0C1160 ;
	text-decoration: none;
	border-radius: 10px;
}


/*	drawer
_________________*/

.drawer-menu img{
	width: 90%;
}

.drawer-menu a{
	color: #333;
	text-decoration: none;
}

.drawer-menu li.title{
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
	border-top: none;
	padding: 15px 0px 10px 0px;
	background: none;
}
.drawer-menu li{
	border-bottom: 1px solid #dcdddd;
	letter-spacing: 0px;
	font-size: 14px;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 20px 20px;
	background: url('../img/common/arrow-right-black.svg') no-repeat;
	background-size: 6px 6px;
	background-position: 0px 7px;
	padding-left: 10px;
	font-weight: bold;
}
.drawer-menu li.last{
	border-bottom: none;
	letter-spacing: 0px;
	font-size: 14px;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 20px 0px;
	background: none;
	padding-left: auto;
	margin-left: auto;
	margin-right: auto;

	width: 150px;
}



ul.drawer-menu{
	padding: 10px 0px 10px 0px;
}



@media screen and (max-width: 1359px) {
	header .left{
		width: 30%;	
	}
	header .right{
		width: 70%;	
	}
}
@media screen and (max-width: 1280px) {
	header .right ul li{
		margin-left: 10px;
		font-size: 13px;
	}
}

@media screen and (min-width: 1081px) {
	.d-menu{
		display: none;
	}
}

@media screen and (max-width: 1081px) {
	header .left{
		width: 100%;	
	}

	header .right{
		display: none;
	}

}

@media screen and (max-width: 991px) {
	header{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0px;
	}

	header .left img,
	header.en .left img{
		width: 310px;
		margin-left:0;
		margin-right: auto;
		margin-bottom: 5px;
	}

}


@media screen and (max-width: 991px) {
a.btn-blue{
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
}
}


/*	main
________________________________________*/

.home main{
	margin-top: 110px;
	clear: both;
	height: 900px;
}

.home main h1{
	margin-top: 340px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: none;
	background: url('../img/main/main-title.png') no-repeat;
	background-size: 750px 145px;
	background-position: center top;
	width: 750px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
.home.en main h1{
	background: url('../img/main/main-title-en.png') no-repeat;
	background-size: 750px 145px;
	background-position: center top;
}

@media screen and (max-width: 991px) {
	.home main{
		margin-top: 80px;
		height: 400px;
	}
	.home main h1{
		margin-top: 120px;
		background: url('../img/main/main-title.png') no-repeat;
		background-size: 700px 140px;
		background-position: center top;
		width: 700px;
		height: 140px;
	}
	.home.en main h1{
		background: url('../img/main/main-title-en.png') no-repeat;
		background-size: 700px 140px;
		background-position: center top;
	}
}
@media screen and (max-width: 750px) {
	.home main h1{
		margin-top: 140px;
		background: url('../img/main/main-title.png') no-repeat;
		background-size: 450px 90px;
		background-position: center top;
		width: 450px;
		height:90px;
	}
	.home.en main h1{
		background: url('../img/main/main-title-en.png') no-repeat;
		background-size: 450px 90px;
		background-position: center top;
	}
}
@media screen and (max-width: 500px) {
	.home main{
		height: 300px;
	}
	.home main h1{
		margin-top: 100px;
	}
}
@media screen and (max-width: 460px) {
	.home main h1{
		margin-top: 110px;
		background: url('../img/main/main-title.png') no-repeat;
		background-size: 340px 70px;
		background-position: center top;
		width: 340px;
		height:70px;
	}
	.home.en main h1{
		background: url('../img/main/main-title-en.png') no-repeat;
		background-size: 340px 70px;
		background-position: center top;
	}
}


/*	home
________________________________________*/

.home.en p{
	line-height: 26px;
}

.home .sc01{
	width: 100%;
	background: url('../img/common/icon-bg01.png') no-repeat;
	background-size:800px 250px;
	background-position: left top;
	background-color: #F6FAF6;
	padding-bottom: 70px;
}

.home .sc01 .inner{
	width: 100%;
	margin-top: -30px;
	background: url('../img/home/sc01-img.jpg') no-repeat;
	background-size:750px 650px;
	background-position: 110% top;
	position: relative;
}


.home .sc01 .respons-full{
	margin-top: 60px;
	width: 50%;
}

.home .sc01 .respons-full h2{
	letter-spacing: 2px;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C9CACA;
}


.home .sc01 .respons-full h2::before{
	content: url(../img/home/sc01-title.svg);
	display: block;
	width: 110px;
	padding-bottom: 10px;
	padding-left: 2px;
}

.home .sc02{
	border-top: 1px solid #DCDDDD;
	border-bottom: 1px solid #DCDDDD;
}

.home .sc02 .l01,
.home .sc02 .l02,
.home .sc02 .l03{
	border-left: 1px solid #DCDDDD;
}
.home .sc02 .l04{
	border-left: 1px solid #DCDDDD;
	border-right: 1px solid #DCDDDD;
}


.home .sc02 a{
	color: #333;
	text-decoration: none;
}
.home .sc02 h2{
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.home .sc02 h2::before{
	content: url(../img/home/sc02-title01.svg);
	display: block;
	width: 80px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.home .sc02 .l02 h2::before{
	content: url(../img/home/sc02-title02.svg);
	width: 134px;
}
.home .sc02 .l03 h2::before{
	content: url(../img/home/sc02-title03.svg);
	width: 130px;
}
.home .sc02 .l04 h2::before{
	content: url(../img/home/sc02-title04.svg);
	width: 128px;
}


.home .sc02 img.title{
	margin-top: -35px;
}

.home .sc02 img.btn{
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20px;
	margin-bottom :20px;

}

.home .sc02 .inner02{
	margin-top: 20px;
	background-color: #F6FAF6;
	padding: 20px 20px 10px 20px;
}
.home .sc02 a .inner02 p{
	font-size: 12px;
	line-height: 18px;
}

.home .sc03{
	height: 500px;
	background: url('../img/home/sc03-bg.jpg') no-repeat;
	background-size:2500px 550px;
	background-position: center top;
}

.home .sc03 h2{
	padding-top: 80px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.home .sc03 h2::before{
	content: url(../img/home/sc03-title.svg);
	display: block;
	width: 120px;
	padding-bottom: 10px;
	margin-left: 0;
}
.home .sc03 p{
	color: #fff;
}

.home .sc04 .respons-full{
	margin-top: -100px;
	background: url('../img/common/triangle-under.svg') no-repeat;
	background-size:15px 8px;
	background-position: center top;
	background-color: #fff;
	border: 1px solid #EFEFEF;
	padding: 0px 50px 40px 50px;
}

.home .sc04 h2{
	padding-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
.home .sc04 h2::before{
	content: url(../img/home/sc04-title.svg);
	display: block;
	width: 210px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.home.en .sc04 img{
	padding-top: 60px;
	padding-bottom: 40px;
	width:210px;
} 


.home .sc04 .inner{
	margin: auto;
	height: 350px;
	overflow-y: scroll;
	background-color: #F6FAF6;
	padding: 10px 40px 20px 40px;
}
.home .sc04 .inner ul li{
	font-size: 16px;
	background: url('../img/common/arrow-right-black.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 0px 8px;
	padding-left: 15px;
	margin-top: 30px;
}


.home .sc05{
	margin-top: 100px;
	background: url('../img/home/sc05-img.jpg') no-repeat;
	background-size:750px 730px;
	background-position: left top;
}

.home .sc05 .respons-full{
	width: 50%;
	float: right;
}

.home .sc05 h2{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C9CACA;
}
.home .sc05 h2::before{
	content: url(../img/home/sc05-title.svg);
	display: block;
	width: 160px;
	padding-bottom: 10px;
	margin-left: 0;
}

.home.en .sc05 img{
	width: 240px;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 20px;
}


.home .sc05 span {
	position: relative;
	display: inline-block;
	margin: 10px 0px 10px 0;
	padding: 5px 15px;
	min-width: 120px;
	max-width: 100%;
	color: #fff;
	font-size: 14px;
	background: #68BE92;
	border-radius: 10px;
	
  }
  
  .home .sc05 span:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top: 5px solid #68BE92;
  }

  .home .sc05 ul{
	margin-left: 15px;
	margin-top: 10px;

  }

  .home .sc05 ul li{
	list-style: disc;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C9CACA;
  }
  .home .sc06{
	background: url('../img/common/icon-bg01.png') no-repeat;
	background-size:800px 250px;
	background-position: left top;
	background-color: #F6FAF6;
	padding-bottom: 70px;
	padding-top: 70px;
	margin-top: 70px;
  }

  .home .sc06 h2{
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
  }

.home .sc06 h2::before{
	content: url(../img/home/sc06-title.svg);
	display: block;
	width: 140px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.home .sc06 a{
	color: #333;
	text-decoration: none;

}
.home .sc06 .respons-4{
	margin-bottom: 30px;
}

.home .sc06 .respons-4 img{
	border: 1px solid #EAE5E3;
	margin-bottom: 10px;
}

.home .sc06 .respons-4 time{
	font-size: 11px;
	background: url('../img/page/circle-green.svg') no-repeat;
	background-size:5px 5px;
	background-position: left 5px;
	padding-left: 10px;
}
.home .sc06 .respons-4 span{
	padding-left: 10px;
	font-size: 11px;
}
.home .sc06 .respons-4 h3{
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
	font-weight: bold;
}

.home .sc06 a.btn-blue{
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0px;
}

.home .sc07{
	background: url('../img/home/sc07icon-bg.png') no-repeat;
	background-size:2100px 350px;
	background-position: center top;
	padding-top: 80px;
	padding-bottom: 30px;
}
.home .sc07 h2{
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
  }

.home .sc07 h2::before{
	content: url(../img/home/sc07-title.svg);
	display: block;
	width: 70px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.home .sc07 h3{
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}
.home .sc07 address{
	text-align: center;
	margin-top: 10px;
}
.home .sc07 a.btn-blue{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	background-position: 15px 16px;
}


/*	en home
________________________________________*/


.home.en .sc02 h2{
	color: #89C997;
	font-size: 18px;
	letter-spacing: 1px;
}

.home.en .sc02 h2::before,
.home.en .sc02 .l02 h2::before,
.home.en .sc02 .l03 h2::before,
.home.en .sc02 .l04 h2::before{
	content: none;
}

.home.en .sc04 .respons-full{
	margin-top: -300px;
}

.home.en .sc-contact{
	margin-top:30px;
	text-align: center;
	background-color: #F9F8F8;
	padding-top: 50px;
	padding-bottom: 30px;
}
.home.en .sc-contact img{
	width: 100px;
}

.home.en .sc-contact address{
	margin-top: 30px;
	font-size: 15px;
}




@media screen and (max-width: 1500px) {
	.home .sc05 .respons-full{
		background-color: rgba(255,255,255,0.9);
		padding: 10px 40px 0px 40px;	
	}

}
@media screen and (max-width: 3000px) {
	.home .sc01 .inner{
		background: url('../img/home/sc01-img.jpg') no-repeat;
		background-size:750px 650px;
		background-position: left 75% top;
	}
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 30% top;
	}
}
@media screen and (max-width: 2650px) {
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 25% top;
	}
}
@media screen and (max-width: 2260px) {
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 20% top;
	}

}
@media screen and (max-width: 2240px) {
	.home .sc01 .inner{
		background: url('../img/home/sc01-img.jpg') no-repeat;
		background-size:750px 650px;
		background-position: left 80% top;
	}
}
@media screen and (max-width: 2050px) {
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 15% top;
	}
}
@media screen and (max-width: 2000px) {
	.home .sc01 .inner{
		background: url('../img/home/sc01-img.jpg') no-repeat;
		background-size:750px 650px;
		background-position: left 90% top;
	}
}
@media screen and (max-width: 1850px) {
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 10% top;
	}
}
@media screen and (max-width: 1720px) {
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 5% top;
	}
}
@media screen and (max-width: 1688px) {
	.home .sc01 .inner{
		background: url('../img/home/sc01-img.jpg') no-repeat;
		background-size:750px 650px;
		background-position: 100% top;
	}
}
@media screen and (max-width: 1600px) {
	.home .sc05{
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:750px 730px;
		background-position: 0% top;
	}
}
@media screen and (max-width: 1500px) {
	.home .sc01 .inner{
		background: url('../img/home/sc01-img.jpg') no-repeat;
		background-size:750px 650px;
		background-position: 110% top;
	}
}





@media screen and (max-width: 1380px) {
	.home .sc01 .respons-full{
	 background-color: rgba(255,255,255,0.9);
	 padding: 10px 40px 0px 40px;
	}
}

@media screen and (max-width: 991px) {
	.home .sc01 .respons-full{
	 width: 100%;
	 padding: 10px 40px 20px 40px;
	}
	.home .sc01 .inner{
		width: 100%;
		margin-top: 0px;
		background: url('../img/home/sc01-img.jpg') no-repeat;
		background-size:100% 750px;
		background-position: 110% top;
		position: relative;
	}
	.home .sc02 img.title{
		margin-top: 45px;
	}

	.home .sc02{
		border-top: 1px solid #DCDDDD;
		border-bottom: 1px solid #DCDDDD;
	}
	
	.home .sc02 .l01,
	.home .sc02 .l02,
	.home .sc02 .l03{
		border-left: none;
		border-bottom: 1px solid #DCDDDD;
	}
	.home .sc02 .l04{
		border-left: none;
		border-right: none;
	}
	.home .sc03 h2{
		padding-top: 50px;
	}
	.home .sc05{
		margin-top: 50px;
		background: url('../img/home/sc05-img.jpg') no-repeat;
		background-size:100% 730px;
		background-position: center top;
	}
	.home .sc05 .respons-full{
		width: 100%;
		padding: 10px 40px 20px 40px;
	   }
	   .home .sc05 .respons-full h2{
		margin-top: 30px;
	}
	.home .sc06{
		padding-top: 50px;
		margin-top: 30px;
	  }
	.home .sc06 .respons-4 img{
		width: 350px;
	}
	.home .sc07{
		padding-top: 50px;
	}
}




@media screen and (max-width:710px) {
	.home .sc05{
		background: none;
	}
	.home .sc05 .respons-full h2{
		margin-top: 0px;
	}
}


@media screen and (max-width:700px) {
	.home .sc04 .respons-full{
		padding: 0px 0px 0px 0px;
	}
}


@media screen and (max-width: 550px) {
	.home .sc01 .respons-full{
		margin-top: 0px;
	}
	.home .sc01 .inner{
		background: none;
	}
	.home .sc01 .respons-full h2,
	.home .sc02 h2,
	.home .sc03 h2,
	.home .sc04 h2,
	.home .sc05 h2,
	.home .sc06 h2,
	.home .sc07 h2{
		letter-spacing: 0px;
		font-size: 22px;
	}
	.home .sc03 h2{
		padding-top: 0px;
	}
}

@media screen and (max-width: 450px) {
	.home .sc03 p{
		line-height: 24px;
	}
	.home .sc07 h3{
		font-size: 14px;
	}
}



/*	footer
________________________________________*/

footer{
	background-color: #F6FAF6;
	border-top: 1px solid #5FAC15;
	padding-top: 10px;
	padding-bottom: 30px;
}

footer ul{
	margin-top: 20px;
}
footer ul a li{
	font-weight: bold;
	float: left;
	margin-right: 20px;
	color: #333;
	background: url('../img/common/arrow-right-black.svg') no-repeat;
	background-size: 6px 6px;
	background-position: 0px 7px;
	padding-left: 10px;
}

footer .left{
	margin-top: 30px;
	width: 50%;
	float: left;
}
footer .left img{
	width:450px;
	margin-left: 0;
}

footer .right{
	margin-top: 50px;
	width: 50%;
	float: right;
}
footer .right img{
	width:100px;
	margin-right: 0;
}
footer small{
	width: 320px;
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 10px;
	padding: 4px 10px 4px 10px;
	font-size: 11px;
	text-align: center;
	margin-top: 20px;

}

@media screen and (max-width: 650px) {
	footer .left{
		width: 100%;
		float: none;
	}
	footer .right{
		margin-top: 20px;
		width: 100%;
		float: none;
	}
	footer .left img{
		width:320px;
		margin-left: auto;
		margin-right: auto;
	}
	footer .right img{
		margin-left: auto;
		margin-right: auto;
	}

}

/*	page
________________________________________*/

.page main{
	text-align: center;
	margin-top: 20px;
	height: 250px;
	background: url('../img/page/main-bg.jpg') no-repeat;
	background-size: 2800px 250px;
	background-position: center top;
}
.page main h1,
.page main span{
	color: #fff;
	font-size:32px;
	line-height: 32px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 80px;
	margin-top: 0px;
	background: url('../img/page/line-green.png') no-repeat;
	background-size: 30px 1px;
	background-position: center top 70px;
}

.page.en main h1{
	padding-top: 110px;
}



.page main span{
	display: block;
}
.page main h1::before{
	content: url(../img/page/page-title01.svg);
	display: block;
	width: 100px;
	padding-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}
.page.news main h1::before,
.page.news main span::before{
	content: url(../img/page/page-title07.svg);
	width: 90px;
	display: block;
	padding-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}
.page.history main h1::before{
	content: url(../img/page/page-title08.svg);
	width:48px;
}
.page.member main h1::before{
	content: url(../img/page/page-title02.svg);
	width: 60px;
}
.page.achievements main h1::before{
	content: url(../img/page/page-title03.svg);
	width: 85px;
}
.page.tool-dataset main h1::before{
	content: url(../img/page/page-title09.svg);
	width: 90px;
}
.page.album main h1::before{
	content: url(../img/page/page-title04.svg);
	width: 40px;
}
.page.college-reunion main h1::before{
	content: url(../img/page/page-title05.svg);
	width: 95px;
}
.page.information main h1::before{
	content: url(../img/page/page-title06.svg);
	width: 65px;
}


.page.en-research-topic main h1::before,
.page.en-member main h1::before,
.page.en-achievements main h1::before,
.page.en-tool-dataset main h1::before{
	content: "";

}





.page .contents{
	background: url('../img/page/triangle-under-black.svg') no-repeat;
	background-size: 15px 6px;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 50px;
}

.page .contents h1,
.page .contents h2{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	display: block;
	margin-top: 60px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px 20px 45px;
	background: url('../img/page/circle-white.svg') no-repeat;
	background-color: #69BD83;
	background-size: 6px 6px;
	background-position: 20px center;
	clear: both;
}

.page .contents h3{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	display: block;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 20px 18px 45px;
	background: url('../img/page/circle-green.svg') no-repeat;
	background-color: #D5EAD8;
	background-size: 6px 6px;
	background-position: 20px center;
	clear: both;
}

.page .contents h4{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	display: block;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px 15px 20px;
	border-left: 3px solid #3EB370;
	background-color: #F5F3F2;
	clear: both;
}

.page .contents h5{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px 15px 20px;
	border-left: 3px solid #9FA0A0;
	background-color: #F5F3F2;
	clear: both;
}
.page .contents h6{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px 15px 15px;
	background-color: #F5F3F2;
	clear: both;
}





.page .contents hr{
	border-bottom: 1px solid #DCDDDD;
	padding-bottom: 0px;
	margin-bottom: 20px;
		padding-top: 20px;
	clear: both;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 10px 0 20px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 10px 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


td, th {
    padding: 20px 30px;
	border: 1px solid #cdcdcd;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



@media screen and (max-width: 991px) {

	.page .contents h1,
	.page .contents h2{
		margin-top: 30px;
		font-size: 18px;
		line-height: 22px;
		padding: 15px 20px 15px 45px;
	}
	
	.page .contents h3{
		margin-top: 30px;
		font-size: 18px;
		line-height: 22px;
		padding: 15px 20px 15px 45px;
	}
	
	.page .contents h4{
		margin-top: 30px;
		font-size: 16px;
		line-height: 20px;
	}


}


/*	news
________________________________________*/

.page.news .first{
	margin-top: 60px;
}

.page.news .respons-9 .inner{
	padding-bottom: 20px;
}

.page.news .respons-9 .inner .left{
	float: left;
	width: 45%;
}
.page.news .respons-9 .inner .left img{
	border: 1px solid #EAE5E3;
	width: 100%;
}

.page.news .respons-9 .inner .right{
	float: right;
	width: 52%;
}

.page.news .respons-9 .inner .right time{
	font-size: 11px;
	background: url('../img/page/circle-green.svg') no-repeat;
	background-size:5px 5px;
	background-position: left 5px;
	padding-left: 10px;
	color: #333;
}
.page.news .respons-9 .inner .right span{
	padding-left: 10px;
	font-size: 11px;
	color: #333;
}
.page.news .respons-9 .inner .right h2{
	font-size: 18px;
	line-height: 26px;
	margin-top: 10px;
	font-weight: bold;
	background:none;
	color: #333;
	padding: 0px 0px 0px 0px;
}

.page.news .respons-9 .inner hr{
	padding-top: 40px;
	border-bottom: 1px solid #EAE5E3;
	clear: both;
}

.page.news .respons-3 .inner h3{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 10px 35px;
	background: url('../img/page/circle-white.svg') no-repeat;
	background-color: #69BD83;
	background-size: 4px 4px;
	background-position:15px center;
}

.page.news .respons-3 .inner ul a{
	text-decoration: none;
}
.page.news .respons-3 .inner ul a li{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	font-size: 14px;
	line-height: 28px;
	font-weight: 700;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px 5px 28px;
	background: url('../img/common/arrow-right-black.svg') no-repeat;
	background-color: #F8FBF8;
	border: 1px solid #69BD83;
	background-size: 6px 6px;
	background-position: 10px 16px;
}




@media screen and (max-width: 500px) {
	.page.news .respons-9 .inner .right h2{
		font-size: 15px;
		line-height: 22px;
		margin-top: 5px;
	}
	.page.news .respons-9 .inner hr{
		padding-top: 20px;
	}
	.page.news .respons-9 .inner{
		padding-bottom: 0px;
	}
	.page.news .first{
		margin-top: 30px;
	}

}




/*	news-single
________________________________________*/

.page.news.single .contents h1{
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	color: #fff;
	font-size: 21px;
	line-height: 25px;
	font-weight: 700;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px 15px 20px;
	background: none;
	background-color: #69BD83;
	background-size: 6px 6px;
	background-position: 20px center;
	clear: both;
}


.page.news.single .respons-9 .inner time{
	font-size: 11px;
	background: url('../img/page/circle-green.svg') no-repeat;
	background-size:5px 5px;
	background-position: left 5px;
	padding-left: 10px;
	color: #333;
}
.page.news.single .respons-9 .inner span{
	padding-left: 10px;
	font-size: 11px;
	color: #333;
}


/*	404
________________________________________*/

p.NotFound{
	text-align: center;
	display: block;
	padding: 100px 0px 100px 0px;
	font-size: 16px;
}


/*	tab
________________________________________*/
.page .contents #tab_container_518 .tab-content{
	padding: 30px 50px 30px 50px;
}



/*	pagenavi
________________________*/

.wp-pagenavi {
	text-align: center;
   	padding: 30px 0px 50px 0px;

}

.wp-pagenavi span {
	color: #777;
	text-decoration: none;
	border: 1px solid #ed6c00 ;
	padding: 10px 15px;
	margin: 2px;
}

.wp-pagenavi a {
	color: #fff;
	text-decoration: none;
	border: 1px solid #ed6c00 ;
	padding: 10px 15px;
	margin: 2px;
}
.wp-pagenavi a {
	border: 1px solid #ed6c00 ;
	background-color: #ed6c00 ;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #ed6c00 ;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/*	member & information
________________________________________*/

.page.member table td,
.page.member table th,
.page.en-member table td,
.page.en-member table th,
.page.information table td,
.page.information table th{
	border: none;
	padding: 5px 0px 5px 0px;
}




@media screen and (max-width: 991px) {
	.page .tb-wrap {
		width: 100%;
		overflow-x: scroll;
	  }

	  .page.member table td,
	  .page.member table th{
		padding-right: 30px;
		white-space: nowrap;
	  }




}