@charset "UTF-8";


/* #container
-------------------------------------------------*/
#container {
	margin-top: 0;
}


/* #contents
-------------------------------------------------*/
#contents {
	margin:0 auto;
}


/* #mainvisual
-------------------------------------------------*/
#mainvisual {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
}
#mainvisual h2 {
	display: none;
}

@media only screen and (min-width:1px) and (max-width:680px){
#mainvisual {
	height: auto;
}
#mainvisual #player {
	display: none;
}
#mainvisual h2 {
	display: block;
}
}


/* .cont1
-------------------------------------------------*/
.cont1 {
	width: 1024px;
	margin: 0 auto;
	padding: 30px 0 25px;
	position: relative;
}
.cont1 h3 {
	font-size: 30px;
	color: #336a89;
	position: absolute;
	left: 285px;
	top: 110px;
}
.cont1 .newsArea {
	float: right;
	width: 515px;
	border-left: 1px solid #336a89;
	margin-top: 10px;
	padding-left: 30px;
}
.cont1 .newsArea dl  {
	margin: 10px 0;
}
.cont1 dl dt,
.cont1 dl dd,
.cont1 dl dd a{
	color: #336a89;
	line-height: 1.6;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cont1 dl dt span {
	display: inline-block;
	width: 100px;
	background-color: #84c1ef;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}
.cont1 dl.section dt span,
.cont1 dl.section01 dt span,
.cont1 dl.section02 dt span,
.cont1 dl.section03 dt span,
.cont1 dl.section04 dt span,
.cont1 dl.section05 dt span,
.cont1 dl.section06 dt span,
.cont1 dl.section07 dt span,
.cont1 dl.section08 dt span,
.cont1 dl.section09 dt span,
.cont1 dl.section10 dt span,
.cont1 dl.section11 dt span,
.cont1 dl.section12 dt span,
.cont1 dl.section13 dt span,
.cont1 dl.section14 dt span,
.cont1 dl.section15 dt span,
.cont1 dl.section16 dt span,
.cont1 dl.section17 dt span {
	background-color: #95d895;
}
.cont1 dl.committree dt span {
	background-color: #ffb948;
}
.cont1 dl.press dt span {
	background-color: #c985ed
}
.cont1 dl dt em {
	color: #95d895;
	font-weight: normal;
	font-style: normal;
}
.cont1 ul {
	float: left;
	width: 240px;
}
.cont1 ul li {
	width: 240px;
	height: 56px;
	background-color: #f9c78c;
	border-bottom: 3px solid #dd9b54;
	margin-bottom: 5px;
}
.cont1 ul li:nth-child(2) {
	background-color: #f19283;
	border-bottom: 3px solid #d3685e;
}
.cont1 ul li:last-child {
	background-color: #95d895;
	border-bottom: 3px solid #6aaa6a;
}
.cont1 ul li a {
	width: 240px;
	height: 56px;
	background: url(../img/top/icon.png) 94% center no-repeat;
	background-size: 10px auto;
	color: #fff;
	font-size: 15px;
	text-align: center;
	display: block;
	line-height: 58px;
}

@media only screen and (min-width:1px) and (max-width:680px){
.cont1 {
	width: 94%;
	height: auto;
	padding-top: 30px;
}
.cont1 h3 {
	font-size: 22px;
	position: static;
	text-align: center;
}
.cont1 .newsArea {
	float: none;
	width: 100%;
	border-left: none;
	margin-top: 20px;
	padding-left: 0;
}
.cont1 ul {
	float: none;
	width: 80%;
	margin: 30px auto 0;
}
.cont1 ul li {
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
}
.cont1 ul li a {
	width: 100%;
	height: 60px;
	background: url(../img/top/icon.png) 94% center no-repeat;
	background-size: 10px auto;
	font-size: 16px;
	line-height: 60px;
}
}


/* .cont2
-------------------------------------------------*/
.cont2 {
	width: 100%;
	background-color: #fff3c2;
}
.cont2 .inner {
	width: 1024px;
	background: url(../img/top/bg1.png) center bottom no-repeat;
	margin: 0 auto;
	padding: 25px 0 15px;
}
.cont2 .inner ul {
	padding-left: 155px;
}
.cont2 .inner ul li {
	float: left;
	position: relative;
}
.cont2 .inner ul li:first-child img {
	padding-top: 30px;
}
.cont2 .inner ul li:last-child p {
	position: absolute;
	right: -70px;
	bottom: 5px;
	color: #336a89;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
.cont2 .inner ul li:last-child p span {
	color: #336a89;
	font-size: 12px;
	letter-spacing: normal;
}

@media only screen and (min-width:1px) and (max-width:680px){
.cont2 .inner {
	width: 94%;
	background: url(../img/top/bg1.png) center bottom no-repeat;
	background-size: contain;
	padding: 20px 0 5px;
}
.cont2 .inner ul {
	padding-left: 0;
}
.cont2 .inner ul li {
	float: none;
}
.cont2 .inner ul li:first-child img {
	padding: 0;
	width: 90%;
	margin: 0 5%;
}
.cont2 .inner ul li:last-child img {
	width: 100px;
	padding-left: 50%;
}
.cont2 .inner ul li:last-child p {
	position: absolute;
	right: 50%;
	bottom: 5px;
}
}


/* .cont3
-------------------------------------------------*/
.cont3 {
	width: 100%;
	background: url(../img/top/bg2.png) left top repeat;
}
.cont3 .inner {
	width: 1022px;
	margin: 0 auto;
	padding: 65px 0 40px;
}
.cont3 .inner h4 {
	text-align: center;
	margin-bottom: 25px;
}
.cont3 .inner h4 img {
	width: 140px;
}
.cont3 .inner ul {
	font-size: 0;
	width: 100%;
}
.cont3 .inner ul li {
	width: 190px;
	font-size: 14px;
	display: inline-block;
	margin: 0 18px 18px 0;
}
.cont3 .inner ul li:nth-child(5n) {
	margin-right: 0;
}

@media only screen and (min-width:1px) and (max-width:680px){
.cont3 .inner {
	width: 94%;
	padding: 40px 0 40px;
}
.cont3 .inner h4 {
	margin-bottom: 20px;
}
.cont3 .inner h4 img {
	width: 90px;
}
.cont3 .inner ul li {
	width: 23.5%;
	margin: 0 2% 2% 0;
}
.cont3 .inner ul li:nth-child(5n) {
	margin-right: 2%;
}
.cont3 .inner ul li:nth-child(4n) {
	margin-right: 0;
}
}


/* .cont4
-------------------------------------------------*/
.cont4 {
	width: 1022px;
	margin: 0 auto;
	padding: 75px 0 85px;
}
.cont4 h4 {
	text-align: center;
	margin-bottom: 40px;
}
.cont4 h4 img {
	width: 370px;
}
.cont4 ul {
	font-size: 0;
	width: 100%;
}
.cont4 ul li {
	width: 190px;
	font-size: 14px;
	display: inline-block;
	margin: 0 18px 18px 0;
}
.cont4 ul li:nth-child(5n) {
	margin-right: 0;
}
.cont4 .orbtn {
	margin-top: 40px;
}

@media only screen and (min-width:1px) and (max-width:680px){
.cont4 {
	width: 94%;
	padding: 35px 0 50px;
}
.cont4 h4 {
	text-align: center;
	margin-bottom: 20px;
}
.cont4 h4 img {
	width: 245px;
}
.cont4 ul li {
	width: 32%;
	margin: 0 2% 2% 0;
}
.cont4 ul li:nth-child(5n) {
	margin-right: 2%;
}
.cont4 ul li:nth-child(3n) {
	margin-right: 0;
}
.cont4 .orbtn {
	margin-top: 30px;
}
}


/* .cont5
-------------------------------------------------*/
.cont5 {
	width: 100%;
	background-color: #d6d6d6;
}
.cont5 .inner {
	width: 1020px;
	margin: 0 auto;
	padding: 75px 0 80px;
}
.cont5 .inner ul {
	font-size: 0;
	width: 100%;
}
.cont5 .inner ul li {
	width: 240px;
	font-size: 14px;
	display: inline-block;
	margin-right: 20px;
}
.cont5 .inner ul li:last-child {
	margin-right: 0;
}

@media only screen and (min-width:1px) and (max-width:680px){
.cont5 .inner {
	width: 94%;
	padding: 25px 0 20px;
}
.cont5 .inner ul {
	width: 88%;
	margin: 0 auto;
}
.cont5 .inner ul li {
	width: 49%;
	margin: 0 2% 2% 0;
}
.cont5 .inner ul li:nth-child(2n) {
	margin-right: 0;
}
}