@charset "utf-8";
#visual-section{max-width:1200px; margin:15px auto 0; position:relative;}
#visual-section .visual-top{width:100%; height:8px; top:0; z-index:1000; background:url("../img/visual_top.png") no-repeat right top; background-size:100% auto; position:absolute;}
#visual-section .visual-btm{width:100%; height:90px; bottom:0; z-index:1000; background:url("../img/visual_btm.png") no-repeat right bottom; background-size:100% auto; position:absolute;}
#visual-section .visual-box{height:100%; overflow:hidden;}
#visual-section .visual-box .swiper-slide .img{width:100%;}
#visual-section .sp{width:389px; height:100%; right:0 !important; top:0; left:auto; background: rgba(0, 0, 0, 0.5); position:absolute;}
#visual-section .sp .swiper-pagination-bullet{width:368px; height:88px; margin-top:5px; border-radius:0; opacity:1;}
#visual-section .sp .swiper-pagination-bullet:nth-child(1){margin-top:17px; background:url("../img/visual01_thumb.jpg") no-repeat;}
#visual-section .sp .swiper-pagination-bullet:nth-child(2){background:url("../img/visual02_thumb.jpg") no-repeat;}
#visual-section .sp .swiper-pagination-bullet:nth-child(3){background:url("../img/visual03_thumb.jpg") no-repeat;}
#visual-section .txt0-box1{width:177px; height:48px; top:20%; left:52%; text-align:right; position:absolute;}
#visual-section .txt0-box1 .top,
#visual-section .txt0-box1 .bottom{width:100%; height:24px; position:relative; overflow:hidden;}
#visual-section .txt0-box1 .top img{right:0; bottom:-24px; position:absolute;}
#visual-section .txt0-box1 .bottom img{top:-24px; right:0; position:absolute;}
#visual-section .txt0-box1 img{width:100%; float:right;}
#visual-section .txt0-box2{width:370px; top:35%; left:36%; font-weight:600; text-align:right; color:#fff; position:absolute;}
#visual-section .txt0-box2 em{font-weight:600;}

#visual-section .txt1-box1{width:220px; height:50px; top:55%; left:30px; font-weight:600; color:#000; position:absolute;}
#visual-section .txt1-box1 img{width:100%;}
#visual-section .txt1-box1 .top,
#visual-section .txt1-box1 .bottom{width:100%; height:25px; position:relative; overflow:hidden;}
#visual-section .txt1-box1 .top img{bottom:-25px; position:absolute;}
#visual-section .txt1-box1 .bottom img{top:-25px; position:absolute;}

#visual-section .txt1-box2{top:70%; left:30px; font-weight:600; color:#004b9f; position:absolute;}
#visual-section .txt1-box2 em{font-weight:600;}

#visual-section .txt2-box1{width:178px; height:48px; bottom:30%; left:50px; font-weight:600; color:#000; position:absolute;}
#visual-section .txt2-box1 img{width:100%;}
#visual-section .txt2-box1 .top,
#visual-section .txt2-box1 .bottom{width:100%; height:24px; position:relative; overflow:hidden;}
#visual-section .txt2-box1 .top img{bottom:-24px; position:absolute;}
#visual-section .txt2-box1 .bottom img{top:-24px; position:absolute;}

#visual-section .txt2-box2{bottom:9%; left:50px; font-weight:600; color:#f7941d; position:absolute;}
#visual-section .txt2-box2 em{font-weight:600;}

#visual-section .fc1{}
#visual-section .fc2{font-size:22px;}

@media screen and (max-width:1199px){
	#visual-section .txt0-box1{left:47%;}
	#visual-section .txt0-box2{width:310px;}
	#visual-section .fc1{font-size:40px;}
	#visual-section .fc2{font-size:20px;}
}

@media screen and (max-width:1110px){
	#visual-section .txt0-box1{top:25%;}
	#visual-section .txt0-box2{top:40%;}
	#visual-section .fc1{font-size:40px;}
	#visual-section .fc2{font-size:20px;}
	#visual-section .swiper-pagination{width:100px; height:15px; top:10%; right:1% !important; left:auto;}
	#visual-section .swiper-pagination-bullet{width:15px; height:15px; display:inline-block; border-radius:100%;}
}

@media screen and (max-width:980px){
	#visual-section{margin:0 auto;}
	#visual-section .txt0-box1{top:25%;}
	#visual-section .txt0-box2{top:50%;}
	#visual-section .fc1{font-size:38px;}
	#visual-section .fc2{font-size:20px;}
}

@media screen and (max-width:610px){
	#visual-section .txt0-box1{width:130px !important; left:auto !important; right:5%;}
	#visual-section .txt0-box2{width:230px; left:auto !important; right:5%;}
	#visual-section .txt1-box1{width:130px; top:49%;}
	#visual-section .txt2-box1{width:120px;}
	#visual-section .visual-btm{height:15px;}
	#visual-section .fc1{font-size:18px;}
	#visual-section .fc2{font-size:16px;}
}

@media screen and (max-width:480px){
	#visual-section .txt0-box1{width:110px !important; left:auto !important; right:5%;}
	#visual-section .txt0-box2{width:180px; top:60% !important; left:auto !important; right:5%;}
	#visual-section .txt1-box1{width:110px !important; top:35% !important;}
	#visual-section .txt2-box1{width:90px !important;}
	#visual-section .fc1{font-size:18px !important;}
	#visual-section .fc2{font-size:14px !important;}
}

@media screen and (max-width:750px){
	#visual-section .txt0-box1{width:150px; left:51%;}
	#visual-section .txt0-box2{width:280px;}
	#visual-section .txt1-box1{width:150px; top:49%;}
	#visual-section .txt2-box1{width:140px;}
	#visual-section .fc1{font-size:36px;}
	#visual-section .fc2{font-size:18px;}
}

#mcon1-section{max-width:1220px; margin:25px auto 0; padding:0 10px;}
#mcon1-section:after{clear:both; content:""; display:block;}
#mcon1-section h1{height:40px; display:block;}
#mcon1-section h1:after{clear:both; content:""; display:block;}
#mcon1-section h1 span{padding-left:15px; height:40px; font-weight:600; font-size:18px; background:url("../img/h1_line.gif") no-repeat; display:block; float:left;}
#mcon1-section h1 a{margin-right:17px; float:right;}
#mcon1-section ul{margin:0 -9px;}
#mcon1-section ul li{width:20%; padding:0 9px; float:left;}
#mcon1-section ul li.last{margin-right:0;}
#mcon1-section ul li a:hover .pr-txt{background:#999;}
#mcon1-section ul li a:hover .pr-txt .txt01{color:#fff;}
#mcon1-section ul li a:hover .pr-txt .txt02{color:#e1e1e1;}
#mcon1-section .product-box{position:relative;}
#mcon1-section .product-box .pr-img{text-align:center; position:relative;}
#mcon1-section .product-box .pr-img img{max-width:100%; vertical-align:middle;}
#mcon1-section .product-box .pr-txt{padding:25px 0; border-radius:10px; background:#f2f1f1;}
#mcon1-section .product-box .pr-txt:after{clear:both; content:""; display:block;}
#mcon1-section .product-box .pr-txt .txt01{width:100%; font-weight:600; font-size:18px; text-align:center; color:#333; float:left;}
#mcon1-section .product-box .pr-txt .txt02{width:100%; margin-top:10px; font-weight:600; font-size:16px; text-align:center; color:#666; float:left;}

@media screen and (max-width:1199px){
	#mcon1-section .product-box .pr-txt .txt01{font-size:16px;}
	#mcon1-section .product-box .pr-txt .txt02{font-size:14px;}
}


@media screen and (max-width:1040px){
	#mcon1-section ul{margin:0 -3px;}
	#mcon1-section ul li{padding:0 3px;}
	#mcon1-section .product-box .pr-txt .txt01{font-size:14px;}
	#mcon1-section .product-box .pr-txt .txt02{font-size:12px;}
}

@media screen and (max-width:900px){
	#mcon1-section ul li{width:33.333%;}
	#mcon1-section ul li:nth-child(4){margin-top:20px; margin-left:16.6666%;}
	#mcon1-section ul li:nth-child(5){margin-top:20px;}
}

@media screen and (max-width:540px){
	#mcon1-section ul li{width:50%;}
	#mcon1-section ul li:nth-child(3){margin-top:20px;}
	#mcon1-section ul li:nth-child(4){margin-top:20px; margin-left:0;}
	#mcon1-section ul li:nth-child(5){margin-left:25%;}
	#mcon1-section .product-box .pr-txt{padding:20px 0;}
	#mcon1-section .product-box .pr-txt .txt02{margin-top:7px;}
}

@media screen and (max-width:400px){
	#mcon1-section .product-box .pr-txt .txt01{font-size:13px;}
	#mcon1-section .product-box .pr-txt{padding:15px 0;}
	#mcon1-section .product-box .pr-txt .txt02{margin-top:5px;}
}

#mcon2-section{max-width:1220px; margin:25px auto 0; padding:0 10px; overflow:hidden;}
#mcon2-section:after{clear:both; content:""; display:block;}
#mcon2-section ul{margin:0 -12px;}
#mcon2-section ul li{width:33.333%; padding:0 12px; float:left;}
#mcon2-section ul li div{position:relative;}
#mcon2-section ul li div img{max-width:100%; vertical-align:middle;}
#mcon2-section ul li.last div iframe{width:100%; height:100%; max-height:211px; top:0; left:0; right:0; bottom:0; z-index:1000; vertical-align:middle; position:absolute;}

@media screen and (max-width:1140px){
	#mcon2-section ul{margin:0 -6px;}
	#mcon2-section ul li{padding:0 6px;}
}

@media screen and (max-width:980px){
	#mcon2-section ul{margin:0 -3px;}
	#mcon2-section ul li{padding:0 3px;}
}

@media screen and (max-width:780px){
	#mcon2-section ul li{width:50%;}
	#mcon2-section ul li:last-child{width:100%; margin-top:3px; }
}

@media screen and (max-width:420px){
	#mcon2-section ul li{width:100%; margin-top:5px; float:none;}
}

#mcon3-section{max-width:1220px; margin:25px auto; padding:0 10px;}
#mcon3-section:after{clear:both; content:""; display:block;}
#mcon3-section ul{}
#mcon3-section ul li img{float:left;}
#mcon3-section .l-box{width:50%; height:293px; float:left;}
#mcon3-section .l-box a{width:100%; height:100%; max-height:293px; border:1px solid #ddd; background:#eeeded url("../img/mbanner04.jpg") no-repeat left bottom; background-size:cover; display:block; position:relative;}
#mcon3-section .l-box a span{display:block; position:absolute;}
#mcon3-section .l-box a span.txt01{top:110px; padding:25px 0 0 15px; font-weight:600; font-size:18px; color:#000;}
#mcon3-section .l-box a span.txt01 span{width:110px; height:29px; font-size:16px; line-height:29px; text-align:center; color:#fff; background:#7e7e7e; display:block;}
#mcon3-section .r-box{width:50%; float:left;}
#mcon3-section .r-box div.notice{padding:37px; border:1px solid #ddd; border-left:0;}
#mcon3-section .r-box .tit{width:100%; position:relative;}
#mcon3-section .r-box .tit:after{clear:both; content:""; display:block;}
#mcon3-section .r-box .tit h1{font-weight:600; font-size:18px; color:#000; display:block;}
#mcon3-section .r-box .tit h1 span{color:#004b9f;}
#mcon3-section .r-box .tit a{top:0; right:0; position:absolute;}
#mcon3-section .r-box .notice ul{width:100%; margin-top:16px;}
#mcon3-section .r-box .notice ul li{width:100%; font-weight:600; font-size:14px; line-height:30px;}
#mcon3-section .r-box .notice ul li:after{clear:both; content:""; display:block;}
#mcon3-section .r-box .notice ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcon3-section .r-box .notice ul li img{margin:10px 0 0 5px; float:left;}
#mcon3-section .r-box .notice ul li span{float:right;}

@media screen and (max-width:890px){
	#mcon3-section .l-box{height:239px;}
	#mcon3-section .r-box div.notice{padding:25px;}
	#mcon3-section .r-box .notice ul li{font-size:13px; line-height:25px;}
}

@media screen and (max-width:780px){
	#mcon3-section .l-box{height:211px;}
	#mcon3-section .l-box a span.txt01{top:60px;}
	#mcon3-section .l-box a span.txt01 span{width:90px; height:25px; font-size:14px; line-height:25px;}
	#mcon3-section .r-box div.notice{padding:20px;}
	#mcon3-section .r-box .notice ul li{font-size:12px; line-height:22px;}
}

@media screen and (max-width:680px){
	#mcon3-section .r-box .notice ul li a{float:none;}
	#mcon3-section .r-box .notice ul li span{display:none;}
}

@media screen and (max-width:560px){
	#mcon3-section .l-box{width:100%; float:none;}
	#mcon3-section .l-box a{background:#eeeded url("../img/mbanner04.jpg") no-repeat left top; background-size:cover;}
	#mcon3-section .r-box{width:100%; float:none;}
	#mcon3-section .r-box div.notice{border-top:0; border-left:1px solid #ddd;}
}