@charset "UTF-8";

#first {
	pointer-events: none;
	position:fixed;
	background-color:#fff;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	animation: f_fadeOut 3s ease 5s 1 normal forwards;
	-webkit-animation: f_fadeOut 3s ease 5s 1 normal forwards;
}
#first p {
	position:absolute;
	width:964px;
	height:235px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#first img {
	width:100%;
	animation: fsimg_fadeIn 3s ease 1s 1 normal both;
	-webkit-animation: fsimg_fadeIn 3s ease 1s 1 normal both;
}

@keyframes fsimg_fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes f_fadeOut {
    0% {opacity: 1}
    100% {opacity: 0}
}

#main {
	position:relative;
	background-image:url(../img/main_bg3.jpg);
	background-position:center center;
	background-size:contain;
	background-repeat:repeat-x;
	height:666px;
}
.swiper-container {
	position:relative;
	width: 100%;
	height: 666px;
}
.swiper-slide {
	position:relative;
	width: 100%;
	height: 100%;
	background-image:url(../img/main_bg2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.swiper-slide h2 {
	text-align:center;
	width:1200px;
	height:505px;
	margin:81px auto 0;
}
.tgw1 {
	position:absolute;
	top:0;
	z-index:1000;
}
.tgw2 {
	position:absolute;
	bottom:-1px;
	z-index:1000;
}

.ban_area {
	width:1120px;
	margin:0 auto 0;
}

.tb {
	background-image:url(../img/tb_bg.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}
.news_sub {
	text-align:center;
	border-bottom:1px solid #0880de;
	margin-bottom:20px;
	padding-bottom:10px;
	line-height:0;
}

.left_doc {
	float:left;
	width:200px;
	margin-bottom:20px;
	padding-right:40px;
}
.right_doc {
	float:left;
	width:640px;
	padding-bottom:30px;
}
.right_doc2 {
	float:right;
	width:240px;
	padding-bottom:40px;
	text-align:center;
}

.more_p a {
	display:block;
	text-align:center;
	border:1px solid #0880de;
	color:#0880de;
	line-height:40px;
}
.more_p a:hover {
	background-color:#dbf2fb;
}

.news_list dl {
	line-height:1.6;
}
.news_list dt {
	font-size:0.84em;
	font-family:"Courier New", Courier, monospace;
	float:left;
	background-color:#dbf2fb;
	width:100px;
	text-align:center;
	margin-bottom:20px;
}
.news_list dd {
	padding:0 0 20px 110px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}
.more {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.more a {
	display:block;
	text-align:center;
	border:1px solid #0880de;
	color:#0880de;
	line-height:40px;
}
.catalog a {
	display:inline-block;
	background-color:#FC0;
}
.josui {
	background-image:url(../img/josui_bg.png);
	background-size:contain;
	padding:0 0 40px;
	margin:0 auto;
}
.mbbadj {
	margin-bottom:50px;
}

@media screen and (min-width: 500px) {
    .wsadj {
        font-size: 1.4em;
    }
}

@media screen and (max-width: 499px) {
#first p {
	position:absolute;
	width:340px;
	height:177px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#main {
	height:auto;
	background-image:none;
}
.swiper-container {
	height:auto;
}
.swiper-slide {
	background-image:none;
}
.swiper-slide h2 {
	text-align:center;
	width:100%;
	height:auto;
	margin:0;
}
.ban_area {
	width:auto;
	margin:20px 20px 0;
}
.tb {
	line-height:1.6;
	background-image:url(../img/tb_bg_sp.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding:30px 0 120px;
}
.news_sub {
	text-align:center;
	margin-bottom:20px;
	padding-bottom:10px;
}
.news_sub img {
	height:20px;
}
.left_doc {
	float:none;
	width:auto;
	margin-bottom:0;
	padding-right:0;
}
.right_doc {
	float:none;
	width:auto;
	margin-bottom:10px;
	padding-bottom:0;
}
.right_doc2 {
	float:none;
	width:auto;
	padding-bottom:40px;
}
.left_doc li {
	float:left;
	width:49%;
	margin:0 2% 8px 0;
}
.left_doc li:nth-child(even) {
	margin-right:0 !important;
}

.news_list dl {
	padding-bottom:10px;
}
.news_list dt {
	float:none;
	margin-bottom:10px;
}
.news_list dd {
	padding:0 0 20px 0;
	margin-bottom:20px;
}
.josui {
	padding:0 0 20px;
}
.mbbadj {
	margin-bottom:40px;
}
}