@charset "utf-8";
#header-container {
	background-image: url(../img/common/bgimg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
	padding-bottom: 10px;
}
#policy1 {
	width: 711px;
	height: auto;
	margin: 120px auto 120px 10%;
}
#banner1 {
	width: 420px;
	height: auto;
	margin: 100px 10% 100px auto;
	text-align: right;
}
#banner2 {
	padding: 20px 40px;
background: rgb(180,80,210);
background: radial-gradient(circle, rgba(180,80,210,1) 0%, rgba(111,51,129,1) 100%);
	text-align:center;
	border-top: 1px solid #54275e;
	border-bottom: 1px solid #54275e;
}
#banner2 p {
	color: #fff;
}
#banner2 a {
	color: #fff;
}
#main1 h2 {
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	line-height: 130%;
}
#main1 {
	padding: 30px;
	border-top: 1px solid #aaa;
	background-color: #dedede;
	color: #333;
}
#main1 {
	background-image: url(../img/index/main1-bg-01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#main1 .main-line {
	padding: 20px 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.main-inner {
	display: flex;
}
.main-inner div {
	padding: 20px;
}
.main-inner div p {
	margin: 10px 0;
	line-height: 180%;
}
.main-image {
	width: 552px;
	height: auto;
	margin: 0;
}

#main2 strong {
	color: #C0C;
}
#main2 {
	padding: 60px;
	border-top: 1px solid #aaa;
	background-color: #777;
	color: #333;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eddef4+1,d5aeef+100 */
background: #eddef4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #eddef4 1%, #d5aeef 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #eddef4 1%,#d5aeef 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #eddef4 1%,#d5aeef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddef4', endColorstr='#d5aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#main2 .main-line {
	padding: 20px 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#main2 h3 {
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	line-height: 180%;
	color: #333;
}
#main2 p {
	width: 50%;
	margin: 30px auto 0 auto;
	color: #333;
}

#news {
	min-height: 300px;
	padding: 30px;
	border-top: 1px solid #aaa;
	background-color: #eee;
	background-image: url(../img/index/news-bg.jpg);
	background-position: 95% bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #333;
}
#news h4 {
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
}
#news ul {
	margin: 20px;
	padding: 10px 30px;
	font-size: 128%;
	/*background-color: rgba(255,255,255,0.5);
	border: 1px solid #fff;*/
}
#news ul li {
	margin: 10px 0;
	border-bottom: 1px dotted #777;
	color: #333;
}
#news ul li:last-child {
	border-bottom: none;
}
#news ul li span {
	margin-right: 30px;
	line-height: 200%;
}
.button-outer {
	text-align: center;
}
@media screen and (max-width:960px) {
	#policy1 {
		width: auto;
		margin: 100px 5%;
		text-align: center;
	}
	#policy1 img {
		max-width: 100%;
		height: auto;
	}
	#banner1 {
		width: auto;
		margin: 100px 5%;
		text-align: center;
	}
	#banner1 img {
		max-width: 100%;
		height: auto;
	}
	#main2 p {
		width: 80%;
	}
	.main-inner {
		display: block;
	}
	.main-image {
		width: auto;
		text-align: center;
	}
	.main-image img {
		max-width: 100%;
		height: auto;
	}
}

/*-- button --*/
.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
	padding: 1vw 3vw;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: rgba(255,255,255,0.1);
	color: #fff;
	text-decoration: none;
}
/*-- button2 --*/
.button-outer a {
	color: #fff;
}
.button2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button2 {
	margin: 30px auto 0 auto;
	padding: 1vw 3vw;
	background-color: #6f3381;
	border: 2px solid #6f3381;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
}
.button2:hover {
	background-color: #Cf3381;
	border-color: #fff;
	color: #fff;
	text-decoration: none;
}
.button3 {
	background-color: #cb60b3;
	border: none;
}