<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html, body{
	height:auto;
}
.pb10{padding-bottom: 10px;}

body#news_page{
	background: url("../../images/bg_slide/bg_3.png") no-repeat fixed center top #000;
}
body#news_page #wrapper{
	background-color:transparent !important;
}
body#news_page #menu{
	display:block;
	opacity:1;
}
body#news_page #sg_footer{
	background-color:#111;
}
body#news_page .title {
}

#bg_fix{
    z-index                 : -1;
    background-color        : #000;
    background-image        : url('../../images/bg_slide/bg_3_sp.png');
    background-repeat       : no-repeat;
	background-size:100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 25px;
}


/*******  news  *******************************************************/
#news{
	width:100%;
	margin:0 auto;
	padding-top:70px;
}

body#news_page .mainContents {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 0 10px;
	margin-top:80px;
	margin-bottom:100px;
	width:90%;
}

body#news_page .section {	
	padding: 0 5% 5% 5%;
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
	width:90%;
	margin:0 auto;
}

.year_title{
	font-size:36px;
	color:#70c7d9;
	margin-bottom:20px;
	margin-top:70px;
}

.mainContents dl.first {
    border-top: 1px solid #666;
    margin-top: 5px;
}

.mainContents dl {
    border-bottom: 1px dotted #666;
    margin-bottom: 5px;
    padding: 35px 60px 30px;
}
.mainContents a dt {
    float: left;
    /*width: 10em;*/
	color: #FFF;
}
.mainContents a:hover dt{
	color: #FFF;
}
.mainContents dd {
    margin-left: 0;
    padding-left: 10em;
	text-align:left;
}
.mainContents dd div{
	font-size:14px;
	border:solid 1px #666;
	width:180px;
	text-align:center;
	background-color: rgba(0,0,0,0.3);
	color: #FFF;
	transition: all 0.3s ease-in-out 0s;
}
.mainContents a:hover dd div{
	background-color: #70c7d9;
	color: #000;
	transition: all 0.3s ease-in-out 0s;
}
@media all and (-ms-high-contrast:none){
	.mainContents dl dd:nth-child(3) {
		margin-top:25px;
	}
	.mainContents dd div{
		padding-top:12px;
	}
	.mainContents dt{
		padding-top:14px;
	}	
}

.mainContents a dd{
	color:#70c7d9;
}
.mainContents a:hover dd span{
	border-bottom: 1px solid #70c7d9;
}
.mainContents a:hover dd span.indexIc02{
	border-bottom: none;
}

@media only screen and (max-width: 1000px) {
body#news_page .section {	
	padding: 0 5% 70px 5%;
}
#news{
	padding-top:130px;
}
.mainContents dl {
    margin-bottom: 5px;
    padding: 5%;
}
.mainContents dt {
    width: 20%;
}
.mainContents dd {
    padding-left: 25%;
}
	
}
@media only screen and (max-width: 810px) {


}
@media only screen and (max-width: 600px) {
body#news_page{
	background:none;
}
#news{
	padding-top:70px;
}

body#news_page #menu {
    display:none;
}
body#news_page .section {	
	padding: 0 5% 70px 5%;
}
.mainContents dl {
    margin-bottom: 5px;
    padding: 5%;
	text-align:left;
}
.mainContents a dt {
    width: 95%;
	float:none;
	margin-bottom:20px;
}
.mainContents a dd {
    padding-left: 0;
	width:95%;
}
.mainContents a dd div{
	font-size:14px;
	border:solid 1px #666;
	width:180px;
	text-align:center;
}
	
}</pre></body></html>