@charset "utf-8";

/*main page*/
.main #visual {height:660px;background:url('../images/main.bg.x.png') repeat-x; background-color:#191928;}
.main #visual:before {position:absolute;left:0;top:0;content:url('../images/main.bg_left.png'); z-index:1;}
.main #visual:after {position:absolute;right:0;bottom:0;content:url('../images/main.bg_right.png');z-index:2;}
.main #visual .wrapper {position:relative;z-index:50;text-align:center;}
.main #visual .wrapper .symbol {display:inline-block;max-width:205px;margin-bottom:50px;padding-top:150px;}
.main #visual .wrapper .symbol img {width:100%;height:auto;vertical-align:top;}
.main #visual .wrapper h1 {display:block;margin:0 0 20px;font-size:36px;font-weight:700 !important;line-height:100%;}
.main #visual .wrapper h1:after {display:none;}
.main #visual .wrapper h2 {margin-bottom:30px;color:rgba(255, 255, 255, 0.4);font-size:14px;line-height:100%;}
.main #visual .wrapper a {position:relative;display:inline-block;padding:13px 50px 14px;border-radius:50px;color:#000;background:#ffffff;z-index:100;}
.main #visual .wrapper a:hover {color:#fff;background:#0094bd;border-color:transparent;}
/*latest*/
.main .latest {margin-top:120px;}
.main .latest h3 {margin-bottom:23px;color:#000;font-size:28px; font-weight:400;text-align:left;}
.main .latest nav {position:absolute;top:0;right:0;}
.main .latest nav a {display:inline-block;}
.main .latest nav a img {width:24px;height:24px;}
.main .latest nav a .default {display:block;}
.main .latest nav a .over {display:none;}
.main .latest nav a:hover .default {display:none;}
.main .latest nav a:hover .over {display:block;}
.main .latest nav a ~ a {margin-left:2px;}
.main .latest .swiper-container {display:block;margin-bottom:90px;}
/*swiper-wrapper*/
.main .swiper-wrapper dl {width:320px;min-width:320px;}
.main .swiper-wrapper dl dd p {font-family:'Play'; font-weight:300;text-align:left; line-height:140%; webkit-transition:all 0.3s; transition:all 0.3s;}
.main .swiper-wrapper dl dd p.tit {margin-top:20px; margin-bottom:10px; color:#191928; font-size:18px;text-overflow:ellipsis; }
.main .swiper-wrapper dl dd p.txt {height:80px;margin-bottom:15px;color:#7d7d85; font-size:14px; }
.main .swiper-wrapper dl dd p.date {color:#7d7d85; font-size:14px; }
.main .swiper-wrapper dl dd a:hover > * {color:#0d7598; }
/*---------------------------------------*/
@media only screen and (max-width:980px) {

	.main #visual:before {content:url('../images/m.main.bg_left.png'); transform:scale(.5); transform-origin:top left;}
	.main #visual:after {content:url('../images/m.main.bg_right.png'); transform:scale(.5); transform-origin:bottom right;}
	.main .latest {margin-top:90px;}
	.main #visual .wrapper .symbol {width:50%;max-width:170px; padding-top:120px;}
	.main .swiper-wrapper dl {display:block;width:100%;max-width:100%;}
}