@charset "utf-8";

#main .section01 {
	margin: 0 auto;
	padding: 72px 75px 66px;
	max-width: 1134px;
	text-align: right;
}
#main .section01 h2 {
	margin-bottom: 13px;
}
#main .section01 li {
	margin-left: 33px;
	display: inline-block;
}
#main .section01 li a {
	color: #666;
	font-size: 14px;
	display: inline-block;
	line-height: 28px;
	position: relative;
}
#main .section01 li a:hover {
	
	color: #333;
}
#main .section01 li a:before {
	content:"";
	position: absolute;
	bottom: -10px;
	width: 0;
	height:2px;
	border-bottom: 2px solid #333;
	transition: all 0.4s;
}
#main .section01 li a:hover:before {
	width: 100%;
}
#main .section02 {
	padding: 70px 0;
	height: 700px;
	text-align: center;
	box-sizing: border-box;
	background: url(../images/bg01.jpg) no-repeat center center;
}
#main .section02 .title {
	margin-bottom: 63px;
	color: #fff;
	font-size: 24px;
}
#main .section02 .txt01 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
#main .section02 .txt02 {
	margin: 0 auto 110px;
	max-width: 1200px;
	line-height: 30px;
	text-align: left;
	color: #fff;
	font-size: 16px;
}
#main .section02 .arrow {
	margin: 0 auto;
	width: 160px;
}
#main .section02 .arrow a {
	padding: 14px 0 15px;
	display: block;
	border-radius: 20px;
	border: 2px solid #fff;
}
#main .section02 .arrow a img {
	margin: 0 auto;
	display: block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section02 .arrow a:hover img {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
#main .section03 {
	padding: 89px 55px 82px;
	background: #F3F3F3;
}
#main .section03 .wrap {
	margin: 0 auto;
	max-width: 1650px;
}
#main .section03 .title {
	margin-bottom: 48px;
	text-align: center;
}
#main .section03 li {
	padding: 0 25px 50px;
	width: 24%;
	float: left;
	box-sizing: border-box;
	border: 0;
}
#main .section03 li a {
	padding: 70px 68px 0;
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 8px;
	background: #fff;
}
#main .section03 li a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	border-radius: 8px;
	background: rgba(245,98,2,0.85);
	content: "";
}
#main .section03 li a:after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	border-radius: 8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: url(../images/sec03_img01.png) no-repeat center center;
	background-size: cover;
	content: "";
}
#main .section03 li.li02 a:after {
	background-image: url(../images/sec03_img02.png);
}
#main .section03 li.li03 a:after {
	background-image: url(../images/sec03_img03.png);
}
#main .section03 li.li04 a:after {
	background-image: url(../images/sec03_img04.png);
}

#main .section03 li a:hover:before {
	visibility: visible;
	opacity: 1;
}
#main .section03 li a:hover:after {
	visibility: visible;
	opacity: 1;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#main .section03 li a .txtBox {
	display: block;
	position: relative;
	z-index: 2;
}
#main .section03 li a .img {
	margin: 0 auto 50px;
	width: 64px;
	display: block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section03 li a:hover .img {
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	background: url(../images/img02.png) no-repeat center top;
}
#main .section03 .li02 a:hover .img {
	background: url(../images/img03.png) no-repeat center top;
}
#main .section03 .li03 a:hover .img {
	background: url(../images/img04.png) no-repeat center top;
}
#main .section03 .li04 a:hover .img {
	background: url(../images/img05.png) no-repeat center top;
}
#main .section03 .li05 a:hover .img {
	background: url(../images/img06.png) no-repeat center top;
}
#main .section03 .li06 a:hover .img {
	background: url(../images/img07.png) no-repeat center top;
}
#main .section03 li a:hover .img img {
	visibility: hidden;
}
#main .section03 li a .ttl {
	margin-bottom: 22px;
	display: block;
	color: #000;
	font-size: 18px;
	text-align: center;
}
#main .section03 li a:hover .ttl {
	color: #fff;
}
#main .section03 li a .ttl span {
	display: block;
	font-size: 36px;
	font-weight: bold;
}
#main .section03 li a .txt {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}
#main .section03 li a:hover .txt {
	color: #fff;
}

#main .ab4{
	margin: 0 auto;
	padding: 107px 65px 157px;
	max-width: 1600px;
}

#main .ab4 .tt{
	font-size: 30px;
	line-height: 1;margin-bottom: 44px;

}

#main .ab4 .tbox{
	background: #f3f3f3;
}

#main .ab4 .tbox .alt{
	width: 300px;
	float: left;
	background: #f3f3f3;
	padding: 85px 0;
	box-sizing: border-box;
	padding-left: 55px;
	position: relative;
}

#main .ab4 .tbox .art{width: calc(100% - 300px);float: right;}

#main .ab4 .tbox .art .img{display: none;width: 100%;position: relative;}

#main .ab4 .tbox .art .img img{display: block;width: 100%;}

#main .ab4 .tbox .art .img:nth-child(1){display: block;}

#main .ab4 .tbox .art .img .atxt{position: absolute;top: 0;right: 0;width: 33.85%;padding-top: 13%;}

#main .ab4 .tbox .art .img .atxt *{color: #fff;}

#main .ab4 .tbox .art .img .atxt .name{font-size: 42px;}

#main .ab4 .tbox .art .img .atxt .en{color: #ccc;font-size: 18px;}

#main .ab4 .tbox .art .img .atxt .xian{width: 30px;height: 4px;background: #ccc;margin: 30px 0 50px;}

#main .ab4 .tbox .art .img .atxt .att{font-size: 24px;margin-bottom: 30px;}

#main .ab4 .tbox .art .img .atxt .atc{color: #ccc;line-height: 1.5;}

#main .ab4 .tbox .art .img .atxt1 *,#main .ab4 .tbox .art .img .atxt1 .en{color: #333;}

#main .ab4 .tbox .art .img .atxt1 .atc{color: #333;line-height: 1.5;}

#main .ab4 .tbox .art .img .atxt1 .xian{background: #000;}

#main .ab4 .tbox .art .img .atxt2{width: 27.5%;}

#main .ab4 .tbox .art .img .atxt3{width: 25%;}

#main .ab4 .tbox .art .img .atxt1 .name{color: #000;}






.swiper1{height: 560px;}

.swiper1 .swiper-slide{margin-bottom: 2px;}

.swiper1 .swiper-slide .sbox{cursor: pointer;}

.swiper1 .swiper-slide .sbox *{transition: all 0.3s;-webkit-transition: all 0.3s;}

.swiper1 .swiper-slide .sbox .img{width: 50px;height: 50px;float: left;overflow: hidden;border-radius: 50%;}

.swiper1 .swiper-slide .sbox .img img{display: block;width: 100%;}

.swiper1 .swiper-slide .sbox .txt{width: 175px;float: right;box-sizing: border-box;border-right: 2px solid #f3f3f3;}

.swiper1 .swiper-slide .sbox .txt .name{font-size: 18px;}

.swiper1 .swiper-slide .sbox .txt .name2{font-size: 18px;line-height: 50px;}

.swiper1 .swiper-slide .sbox .txt .ntc{font-size: 13px;color: #666;}

.swiper1 .swiper-slide.act .sbox .img img{-moz-filter: grayscale(0);}

.swiper1 .swiper-slide.act .sbox .txt .ntc{color: #000;}    

#main .ab4 .tbox .alt .prev1{ transition: all 0.3s;-webkit-transition: all 0.3s;width: 43px;height: 43px;left: 50%;margin-left: -22px;top: 30px;margin-top: 0; background: #fff url(../img/about/a_2.png) center no-repeat;-moz-box-shadow:0px 0px 10px #ddd; -webkit-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd;border-radius: 50%;}

#main .ab4 .tbox .alt .next1{ transition: all 0.3s;-webkit-transition: all 0.3s;width: 43px;height: 43px;left: 50%;top: auto; margin:0 0 0 -22px;bottom:  30px;background: #fff url(../img/about/a_1.png) center no-repeat;-moz-box-shadow:0px 0px 10px #ddd; -webkit-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd;border-radius: 50%;}

#main .ab4 .tbox .alt .prev1:hover{ background: #f56202 url(../img/about/a_2_1m.png) center no-repeat}

#main .ab4 .tbox .alt .next1:hover{ background: #f56202 url(../img/about/a_1_1.png) center no-repeat}

.swiper1 .swiper-slide.act .sbox .txt{border-right: 2px solid #f56202;} 



#main .ab4 .tboxm{display: none;} 



#main .section04 {
	display: none;
	margin: 0 auto;
	padding: 96px 65px 157px;
	max-width: 1600px;
}
#main .section04 .title {
	margin: 0 10px 18px 6px;
}
#main .section04 .title span {
	display: block;
	float: left;
	color: #000;
	font-size: 30px;
}
#main .section04 .title a {
	margin-top: 8px;
	padding: 13px 0 14px;
	width: 110px;
	display: block;
	float: right;
	border-radius: 20px;
	border: 2px solid #000;
	box-sizing: border-box;
}
#main .section04 .title a img {
	margin: 0 auto;
	display: block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section04 .title a:hover img {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
#main .section04 .inner {
	background: #F3F3F3;
}
#main .section04 .inner .tabNavi {
	padding: 74px 0 0 56px;
	width: 300px;
	height: 730px;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #E0E0E0;
}
#main .section04 .inner .tabNavi li {
	margin-bottom: 40px;
}
#main .section04 .inner .tabNavi li a {
	width: 100%;
	display: table;
	position: relative;
}
#main .section04 .inner .tabNavi li a:before {
	margin-top: -20px;
	width: 4px;
	height: 40px;
	position: absolute;
	right: -1px;
	top: 50%;
	display: none;
	background: #F56202;
	content: "";
}
#main .section04 .inner .tabNavi li a:hover:before,
#main .section04 .inner .tabNavi li.on a:before {
	display: block;
}
#main .section04 .inner .tabNavi li a .img {
	width: 70px;
}
#main .section04 .inner .tabNavi li a > span {
	display: table-cell;
	color: #000;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
}
#main .section04 .inner .tabNavi li a span span {
	display: block;
	font-size: 18px;
}
#main .section04 .inner .rBox {
	width: 1295px;
	float: right;
}
#main .section04 .inner .rBox .img {
	float: left;
	width:60%;
	text-align:center;
}
#main .section04 .inner .rBox .img img {max-width:100%;}
#main .section04 .inner .rBox .imgBox {
	margin-left: 0px;
}
#main .section04 .inner .rBox .imgBox02 {
	margin-left: 0;
}
#main .section04 .inner .rBox .textBox {
	padding: 150px 0 0 0;
	float: left;
	width:38%;
}
#main .section04 .inner .rBox .textBox .name {
	margin-bottom: 86px;
	color: #666;
	font-size: 18px;
	position: relative;
}
#main .section04 .inner .rBox .textBox .name:before {
	width: 30px;
	height: 5px;
	position: absolute;
	left: 6px;
	bottom: -30px;
	background: #000;
	content: "";
}
#main .section04 .inner .rBox .textBox .name span {
	margin-bottom: -4px;
	display: block;
	color: #000;
	font-size: 42px;
}
#main .section04 .inner .rBox .textBox .ttl {
	margin-bottom: 28px;
	color: #000;
	font-size: 24px;
}
#main .section04 .inner .rBox .textBox .text {
	margin-bottom: 81px;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}
#main .section05 {
	padding: 128px 65px 123px;
	background: #F3F3F3;
}
#main .section05 .wrap {
	margin: 0 auto;
	max-width: 1600px;
}
#main .section05 .title {
	margin-bottom: 44px;
}
#main .section05 .title span {
	display: block;
	float: left;
	color: #222;
	font-size: 24px;
}
#main .section05 .title a {
	margin: 13px 8px 0 0;
	display: block;
	float: right;
	color: #222;
	font-size: 14px;
}
#main .section05 ul {
	overflow: hidden;
}
#main .section05 li {
	padding-right: 3.125%;
	width: 31.25%;
	float: left;
}
#main .section05 li:last-child {
	padding-right: 0;
}
#main .section05 li a {
	padding: 60px 72px 72px 78px;
	display: block;
	position: relative;
	text-align: center;
	background-color: #fff;
}
#main .section05 li a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	border: 20px solid #2344A7;
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	content: "";
}
#main .section05 li a:hover:before {
	visibility: visible;
	opacity: 1;
}
#main .section05 li a:hover:before {
	display: block;
}
#main .section05 li a .date {
	margin-bottom: 36px;
	display: block;
	color: #000;
	font-family: 'Century Gothic';
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
}
#main .section05 li a .date span {
	display: block;
	font-size: 60px;
}
#main .section05 li a .img {
	margin-bottom: 23px;
	display: block;
	overflow: hidden;
}
#main .section05 li a .img img {
	transition: all 0.4s;
	transform:scale(1.01);
	-webkit-transform:scale(1.01);	
}
#main .section05 li a:hover .img img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);	
}
#main .section05 li a .txt {
	margin: 0 70px 73px 0;
	display: block;
	font-size: 18px;
	line-height: 1.3;
	text-align: left;
}
#main .section05 li a .arrow {
	display: block;
}
#main .section05 li a:hover .arrow {
	background: url(../img/common/icon04.png) no-repeat center top;
}
#main .section06 {
	padding: 112px 65px 92px;
	background: #121520;
}
#main .section06 .wrap {
	margin: 0 auto;
	max-width: 1600px;
}
#main .section06 .title {
	margin-bottom: 103px;
	padding: 0 0 37px 10px;
	border-bottom: 1px solid #45484F;
}
#main .section06 .title p {
	margin-top: 6px;
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 1.65;
}
#main .section06 .title p span {
	margin-bottom: 23px;
	display: block;
	font-size: 24px;
}
#main .section06 .title ul {
	float: right;
}
#main .section06 .title li {
	margin-left: 120px;
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
}
@font-face { 
    font-family: Century;
    src: url(../font/GOTHICB.eot); /* IE9 Compat Modes */
    src: url(../font/GOTHICB.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../font/GOTHICB.woff) format('woff'), /* Modern Browsers */
    url(../font/GOTHICB.TTF)  format('truetype'); /* Safari, Android, iOS */
}
#main .section06 .title li > span {
	margin: 0 0 8px -4px;
	display: block;
	color: #ffe400;
	font-family: "Century";
	font-size: 60px;
	font-weight: bold;
}
#main .section06 .sliderBox li {
	margin: 0 5% 70px 0;
	width: 12%;
	float: left;
}
#main .section06 .sliderBox li:nth-child(6n+1) {
}
#main .section06 .sliderBox li:nth-child(6n+2),
#main .section06 .sliderBox li:nth-child(6n+5) {
	
}
#main .section06 .sliderBox li:nth-child(6n+3),
#main .section06 .sliderBox li:nth-child(6n+6) {
	
}
#main .section06 .sliderBox li:nth-child(6n+6) {
	margin-right: 0;
}
#main .section06 .sliderBox li img {
	margin: 0 auto;
	display: block;
}
#main .section06 .sliderBox .slick-dots {
	margin-top: 32px;
	clear: both;
	text-align: center;
}
#main .section06 .sliderBox .slick-dots li {
	margin: 0 9px !important;
	width: 10px !important;
	height: 10px !important;
	float: none;
	display: inline-block;
	border-radius: 50%;
	background: #45484F;
	cursor: pointer;
}
#main .section06 .sliderBox .slick-dots li.slick-active {
	background: #fff;
}
#main .section06 .sliderBox .slick-dots li button {
	display: none;
}
#main .section07 {
	margin: 0 auto;
	padding: 119px 40px 128px;
	max-width: 1600px
}
#main .section07 .lBox {
	width: 34%;
	float: left;
}
#main .section07 .lBox .ttl {
	margin-bottom: 30px;
	color: #000;
	font-size: 30px;
	font-weight: bold;
}
#main .section07 .lBox p {
	margin-bottom: 23px;
	color: #010101;
	font-size: 14px;
	line-height: 1.75;
}
#main .section07 .rBox {
	margin-top: 14px;
	width: 50%;
	float: right;
}
#main .section07 .rBox .scroll {
	height: auto;
}
#main .section07 .rBox .scroll dl {
	margin-right: 43px;
}
#main .section07 .rBox .scroll dt {
	margin-bottom: 39px;
}
#main .section07 .rBox .scroll dt a:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	transition: all 0.4s;
	border-bottom: 2px solid #666;
}
#main .section07 .rBox .scroll dt a.on:before,
#main .section07 .rBox .scroll dt a:hover:before {
	width: 100%;
}
#main .section07 .rBox .scroll dt a {
	padding-bottom: 33px;
	display: block;
	color: #999;
	font-size: 14px;
	background: url(../img/about/icon04.png) no-repeat right 21px top 13px;
	position: relative;
}
#main .section07 .rBox .scroll dt a.on {
	background-image: url(../img/about/icon05.png);
}
#main .section07 .rBox .scroll dt a span {
	margin-right: 18px;
	color: #666;
	font-size: 18px;
}
#main .section07 .rBox .scroll dd {
	margin-top: -12px;
	padding-bottom: 68px;
	display: none;
}
#main .section07 .rBox .scroll dd p {
	margin: 0 0 22px;
	position: relative;
	color: #666;
	font-size: 13px;
	line-height: 1.85;
}
#main .section07 .rBox .scroll dd .note {
	margin: 0;
	color: #000;
	font-size: 18px;
}
@media all and (min-width: 1601px) and (max-width: 1680px) {
	#main .section04 .inner .rBox {
		width: 1100px;
	}
	#main .section04 .inner .rBox .imgBox {
		margin-left: 100px;
	}
}

@media(max-width: 1440px){

	.swiper1{height: 390px;}
	/* .swiper1 .swiper-slide{margin-bottom: 10px;} */
	.swiper1 .swiper-slide .sbox .img{width: 50px;height: 50px;}
	.swiper1 .swiper-slide .sbox .txt .name{font-size: 16px;line-height: 1.8;}
	.swiper1 .swiper-slide .sbox .txt .ntc{font-size: 12px;}
	.swiper1 .swiper-slide .sbox .txt .name2{font-size: 16px;line-height: 40px;}
	#main .ab4 .tbox .art .img .atxt .name{font-size: 34px;}
	#main .ab4 .tbox .art .img .atxt{padding-top: 9%;}
	#main .ab4 .tbox .art .img .atxt .xian{margin: 20px 0;}
	#main .ab4 .tbox .art .img .atxt .att{font-size: 20px;}
	#main .ab4 .tbox .art .img .atxt .atc{line-height: 1.8;width: 88%;}
	#main .ab4 .tbox .art .img .atxt1{padding-top: 15%;}
	#main .ab4 .tbox .art .img .atxt{width: 39%;}
	#main .ab4 .tbox .art .img .atxt2{width: 28%;padding-top: 15%;}
	#main .ab4 .tbox .art .img .atxt3{width: 24%;padding-top: 15%;}
	#main .section06 .sliderBox li{width: 15%;margin: 0 1.65% 70px 0;}
	#main .section06 .sliderBox li img{width: 90%;}
	#main .section03{padding: 50px 55px 0;}
	#main .ab4,#main .section05,#main .section06,#main .section07{padding: 50px 65px;}

	#main .section01{padding: 72px 100px 66px;}

	#main .section03{padding: 50px 80px 0;}

	#main .ab4, #main .section05, #main .section06, #main .section07{padding: 50px 100px;}

	
}
@media(max-width: 1366px){

	.swiper1{height: 347px;}
}
@media(max-width: 1280px){

	.swiper1{height: 300px;}

	.swiper1 .swiper-slide .sbox .txt .name{font-size: 15px;}

	#main .ab4 .tbox .art .img .atxt .atc{font-size: 13px;}

	.swiper1 .swiper-slide{margin: 0;}
}
@media all and (min-width: 1201px) and (max-width: 1600px) {
	#main .section03 li a {
		padding: 70px 70px 0;
	}
	#main .section04 .inner .rBox {
		width: 780px;
		margin-right: 30px;
	}
	#main .section04 .inner .rBox .imgBox {
		margin-left: 0;
	}
	#main .section04 .inner .rBox .imgBox02 .img {
		margin-top: 205px;
	}
	#main .section05 li a {
		padding: 60px 50px 72px;
	}
	#main .section05 li a:before {
		border-width: 5px;
	}
	#main .section05 li a .txt {
		margin-right: 0;
		min-height: 42px;
		font-size: 16px;
	}
	#main .section06 .title li:first-child {
		margin-left: 0;
	}
	
}
@media all and (min-width: 768px) and (max-width: 1200px) {
	#main .section03 ul {
		margin: 0 10px;
	}
	#main .section03 li {
		padding: 0 10px 20px;
	}
	#main .section03 li a {
		padding: 70px 20px 0;
	}
	#main .section04 .inner .tabNavi {
		padding: 40px 0 0;
		width: 100%;
		height: auto;
		float: none;
		overflow: hidden;
		zoom: 1;
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}
	#main .section04 .inner .tabNavi li {
		margin: 0;
		width: 14.28%;
		float: left;
	}
	#main .section04 .inner .tabNavi li a {
		padding-bottom: 20px;
		display: block;
	}
	#main .section04 .inner .tabNavi li a:before {
		margin: 0;
		width: 100%;
		height: 2px;
		left: 0;
		top: auto;
		right: auto;
		bottom: 0;
	}
	#main .section04 .inner .tabNavi li a .img {
		width: auto;
		display: block;
	}
	#main .section04 .inner .tabNavi li a .img img {
		margin: 0 auto;
		display: block;
	}
	#main .section04 .inner .tabNavi li a .txt {
		height: 47px;
		display: block;
		text-align: center;
	}
	#main .section04 .inner .tabNavi li:nth-child(5) a span span,
	#main .section04 .inner .tabNavi li:nth-child(6) a span span,
	#main .section04 .inner .tabNavi li:nth-child(7) a span span {
		padding-top: 10px;
	}
	#main .section04 .inner .rBox {
		width: auto;
		float: none;
	}
	#main .section04 .inner .rBox .imgBox {
		margin-left: 0;
	}
	#main .section04 .inner .rBox .imgBox02 .img {
		float: none;
	}
	#main .section04 .inner .rBox .img {
		width: 60%;
		text-align: center;
		margin: 0 auto;
	}
	#main .section04 .inner .rBox .textBox {
		padding-left: 65%;
	}
	#main .section05 li a {
		padding: 50px 20px;
	}
	#main .section05 li a:before {
		border-width: 5px;
	}
	#main .section05 li a .txt {
		margin-right: 0;
		min-height: 42px;
		font-size: 16px;
	}
	#main .section06 .title p {
		margin-bottom: 40px;
		float: none;
	}
	#main .section06 .title ul {
		float: none;
	}
	#main .section06 .title li:first-child {
		margin-left: 0;
	}
	
	#main .section06 .sliderBox li {
		margin: 0 0 50px !important;
		width: 25%;
		float: left;
	}
	#main .section06 .sliderBox li:nth-child(3n-1) {
	}
	
	#main .section07 .lBox {
		margin-bottom: 50px;
		width: auto;
		float: none;
	}
	#main .section07 .rBox {
		width: auto;
		float: none;
	}
	#main .section07 .rBox .scroll {
		height: auto;
	}
	#main .section07 .rBox .scroll dl {
		margin: 0;
	}
}



@media all and (min-width: 0px) and (max-width: 767px) {

	#main .section01 li a:before{display: none;}
	#main .section07 .rBox .scroll dt a:before{display: none;}
	#main .section07 .rBox .scroll dt a.on{border-bottom: 1px solid #333;}
	
	#main .section01 {
		padding: 35px 40px 30px;
	}
	#main .section01 h2 {
		margin-bottom: 20px;
	}
	#main .section01 h2 img {
		width: 160px;
	}
	#main .section01 li {
		margin: 0 0 10px 0;
		display: block;
		width: 25%;
		float: left;
		text-align: right;


	}
	#main .section01 li:nth-child(5){margin-left: 50%;}
	#main .section01 li a {
		font-size: 12px;
	}
	#main .section02 {
		padding: 0;
		height: auto;
		background: none;
		position: relative;
	}
	#main .section02 .textBox {
		padding: 0 20px 10px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		box-sizing: border-box;
	}
	#main .section02 .textBox .title {
		margin-bottom: 40px;
		font-size: 17px;
	}
	#main .section02 .textBox .txt01 {
		margin-bottom: 22px;
		font-size: 20px;
	}
	#main .section02 .textBox .txt02 {
		margin-bottom: 52px;
		font-size: 13px;
		line-height: 1.9;
	}
	#main .section02 .textBox .arrow {
		width: 114px;
	}
	#main .section02 .textBox .arrow a {
		padding: 10px 0 11px;
		border-width: 1px;
	}
	#main .section02 .textBox .arrow img {
		width: 40px;
	}
	#main .section03 {
		padding: 34px 20px;
	}
	#main .section03 .title {
		margin-bottom: 20px;
	}
	#main .section03 .title img {
		width: 60px;
	}
	#main .section03 li {
		padding: 0;
		width: auto;
	}
	#main .section03 li a {
		padding: 66px 30px;
		height: 266px;
		cursor: pointer;
	}
	#main .section03 li a .img {
		margin: 0 auto 18px;
		width: 35px;
		background-size: 35px auto !important;
	}
	#main .section03 li a .ttl {
		margin-bottom: 15px;
		font-size: 12px;
	}
	#main .section03 li a .ttl span {
		margin-bottom: -2px;
		font-size: 20px;
	}
	#main .section03 li a .txt {
		font-size: 12px;
		text-align: center;
	}
	#main .section03 .slick-dots {
		margin-top: 12px;
		text-align: center;
	}
	#main .section03 .slick-dots li {
		margin: 0 3px 0 3px;
		width: 8px;
		height: 8px;
		display: inline-block;
		float: none;
		border-radius: 50%;
		border: 1px solid #C2C2C2;
	}
	#main .section03 .slick-dots li.slick-active {
		border-color: #000;
		background: #000;
	}
	#main .section03 .slick-dots li button {
		display: none;
	}
	#main .section04 {
		padding: 34px 20px 22px;
	}
	#main .section04 .title {
		margin-bottom: 40px;
	}
	#main .section04 .title span {
		font-size: 17px;
		float: none;
		text-align: center;
	}
	#main .section04 .title a {
		display: none;
	}
	#main .section04 .naviUl {
		margin-bottom: 2px;
	}
	#main .section04 .naviUl li {
		padding-bottom: 25px;
		width: 50%;
		float: left;
	}
	#main .section04 .naviUl li:nth-child(2n) {
		width: 42%;
		float: right;
	}
	#main .section04 .naviUl li a {
		width: 100%;
		display: table;
	}
	#main .section04 .naviUl li a > span {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}
	#main .section04 .naviUl li a .img {
		padding-right: 16px;
		width: 38px;
	}
	#main .section04 .naviUl li a .txt {
		font-size: 12px;
		line-height: 1.4;
	}
	#main .section04 .naviUl li a .txt span {
		display: block;
		font-size: 14px;
	}
	#main .section04 .naviUl li.on a {
		color: #fe5a09;
	}
	#main .section04 .sliderBox {
		position: relative;
	}
	#main .section04 .imgBox .img {
		margin-bottom: 20px;
	}
	#main .section04 .imgBox .textBox {
		height: 300px;
	}
	#main .section04 .imgBox .textBox .name {
		margin-bottom: 47px;
		color: #666;
		font-size: 12px;
		position: relative;
	}
	#main .section04 .imgBox .textBox .name:before {
		width: 21px;
		height: 3px;
		position: absolute;
		left: 4px;
		bottom: -19px;
		background: #000;
		content: "";
	}
	#main .section04 .imgBox .textBox .name span {
		margin-bottom: -4px;
		display: block;
		color: #000;
		font-size: 29px;
	}
	#main .section04 .imgBox .textBox .ttl {
		margin-bottom: 18px;
		font-size: 16px;
	}
	#main .section04 .imgBox .textBox .text {
		color: #666;
		font-size: 12px;
		line-height: 1.75;
	}
	#main .section04 .sliderBox .slick-dots {
		position: absolute;
		right: 2px;
		bottom: 285px;
	}
	#main .section04 .sliderBox .slick-dots li {
		margin-left: 7px;
		width: 5px;
		height: 5px;
		float: left;
		border-radius: 50%;
		border: 1px solid #ccc;
	}
	#main .section04 .sliderBox .slick-dots li.slick-active {
		border-color: #000;
		background: #000;
	}
	#main .section04 .sliderBox .slick-dots li button {
		display: none;
	}
	#main .section05 {
		padding: 36px 20px 31px;
	}
	#main .section05 .title {
		margin-bottom: 12px;
	}
	#main .section05 .title span {
		font-size: 17px;
	}
	#main .section05 .title a {
		margin-top: 5px;
		font-size: 13px;
	}
	#main .section05 li {
		padding: 0;
	}
	#main .section05 li a {
		padding: 43px 50px 60px;
	}
	#main .section05 li a:before {
		border-width: 10px !important;
	}
	#main .section05 li a .date {
		margin-bottom: 22px;
		font-size: 13px;
	}
	#main .section05 li a .date span {
		font-size: 40px;
	}
	#main .section05 li a .img {
		margin-bottom: 15px;
	}
	#main .section05 li a .txt {
		margin: 0 50px 45px 0;
		font-size: 13px;
	}
	#main .section05 li a .arrow {
		margin: 0 auto;
		width: 40px;
		background-size: 40px auto !important;
	}
	#main .section05 .slick-dots {
		margin-top: 16px;
		text-align: center;
	}
	#main .section05 .slick-dots li {
		margin: 0 4px;
		width: 5px;
		height: 5px;
		float: none !important;
		display: inline-block;
		cursor: pointer;
		border-radius: 50%;
		border: 1px solid #C2C2C2;
	}
	#main .section05 .slick-dots li.slick-active {
		border-color: #000;
		background: #000;
	}
	#main .section05 .slick-dots li button {
		display: none;
	}
	#main .section06 {
		padding: 47px 20px;
		background: url(../img/about/sp_bg02.jpg) no-repeat center top;
		background-size: cover;
	}
	#main .section06 .title {
		margin-bottom: 37px;
		padding: 0;
		border: none;
	}
	#main .section06 .title p {
		margin-bottom: 42px;
		float: none;
		font-size: 13px;
		text-align: center;
	}
	#main .section06 .title p span {
		margin-bottom: 19px;
		font-size: 21px;
	}
	#main .section06 .title ul {
		float: none;
	}
	#main .section06 .title li {
		margin: 0;
		width: 33.33%;
		font-size: 11px;
		line-height: 1.5;
		text-align: center;
	}
	#main .section06 .title li:nth-child(3) {
		width: 22%;
		float: right;
	}
	#main .section06 .title li > span {
		margin-bottom: 4px;
		font-size: 28px;
	}
	#main .section06 .slider {
	}
	#main .section06 .slider li {
		padding-bottom: 40px;
		width: 33.33%;
		float: left;
	}
	#main .section06 .slider li img {
		margin: 0 auto;
		width: auto;
		width: 90%;
		display: block;
	}
	#main .section06 .slick-dots {
		margin-top: -9px;
		text-align: center;
	}
	#main .section06 .slick-dots li {
		margin: 0 4px;
		padding: 0;
		width: 5px;
		height: 5px;
		float: none !important;
		display: inline-block;
		cursor: pointer;
		border-radius: 50%;
		border: 1px solid #494A51;
	}
	#main .section06 .slick-dots li.slick-active {
		border-color: #fff;
		background: #fff;
	}
	#main .section06 .slick-dots li button {
		display: none;
	}
	#main .section07 {
		padding: 50px 20px 25px;
	}
	#main .section07 .lBox {
		margin-bottom: 50px;
		width: auto;
		float: none;
	}
	#main .section07 .lBox p {
		margin-bottom: 20px;
		font-size: 12px;
	}
	#main .section07 .lBox .ttl {
		margin-bottom: 20px;
		font-size: 21px;
	}
	#main .section07 .rBox {
		width: auto;
		float: none;
	}
	#main .section07 .rBox .scroll {
		height: auto;
	}
	#main .section07 .rBox .scroll dl {
		margin: 0;
	}
	#main .section07 .rBox .scroll dt {
		margin-bottom: 17px;
	}
	#main .section07 .rBox .scroll dt a {
		padding-bottom: 17px;
		font-size: 12px;
		background-size: 12px auto;
		background-position: right 2px top 12px;
	}
	#main .section07 .rBox .scroll dt a span {
		margin-right: 10px;
		font-size: 17px;
	}
	#main .section07 .rBox .scroll dd {
		margin-top: -3px;
		padding-bottom: 33px;
	}
	#main .section07 .rBox .scroll dd p {
		margin: 0 0 15px;
		font-size: 11px;
		line-height: 1.85;
	}
	#main .section07 .rBox .scroll dd .note {
		font-size: 17px;
	}


	#main .ab4 {padding: 34px 20px;}

	#main .ab4 .tt{margin-bottom:12px; }


	
}

@media all and (max-width: 1200px) {

	#main .ab4 .tbox {display: none;}

	#main .ab4 .tboxm{display: block;} 

	#main .ab4 .tboxm img{width: 100%;max-width: 960px;margin: 0 auto;display: block;}

	#main .ab4 .tboxm .atxt{display: none;}

	#main .ab4 .tt{font-size: 21px;}

	#main .ab4 .tboxm .prev1m{width: 40px;height: 40px;left: 3%;margin-top: -20px;background: url(../img/about/a_1m.png) center no-repeat;background-size: 100%;}

	#main .ab4 .tboxm .next1m{width: 40px;height: 40px;right: 3%;margin-top: -20px;background: url(../img/about/a_2m.png) center no-repeat;background-size: 100%;}


}

@media screen and (max-width: 760px) {
	#main .section02{background: #2c2f38 !important;height: 900px !important;}
}