﻿#main_visual,#main_visual .d_width>div{position:relative;z-index:9;}
#main_visual{padding-top:120px;overflow-x:hidden}
#mv-tit{width:calc(50% + 200px);height:940px;position:absolute;left:0;top:120px;background:url(../img/mv-back4-2.jpg) no-repeat 50% 50% / cover;z-index:8;animation-timing-function:ease-in;animation-duration:0.5s;}
#mv-tit .c_width{width:700px;float:right;margin-right:180px;padding-top:120px;}
#mv-pop{float:right;margin-top:60px;position:relative;}
#mv-bnr{width:440px;position:absolute;left:-480px;bottom:0;background:rgba(171,142,98,0.8);color:#fff;padding:30px 50px;display:block;}/*?*/
#mv-cont{width:/*calc(100% - 480px)*/460px;clear:both;float:right;margin-top:40px;background:#f8f8f8;}
#mv-cont .mv-board{/*width:50%;*/padding:35px 40px;float:left;position:relative;}
#mv-tel{text-align:right;line-height:250px;position:relative;/*margin-top:-60px;*/}
#mv-tel p{position:relative;z-index:7;font-size:26px;color:#D7CDC5;font-weight:900;top:-50px;background:url(../img/m_ico01.png) no-repeat 70% 50%;}
#mv-tel::before{content:"";display:block;width:calc(50% + 420px);height:250px;background:url(../img/mtel-back.png) no-repeat 75% 0%;background-color:#0d2f5c;position:absolute;right:0;bottom:60px;}
#mv-pop,#mv-cont,#mv-tel{animation-timing-function:ease-out;animation-duration:0.5s;}

#mv-tit p:nth-child(1){font-size:40px;color:#0C2F5B;font-weight:600;letter-spacing:-2px;line-height:1;}
#mv-tit p:nth-child(2){font-size:80px;color:#0C2F5B;font-weight: 900;letter-spacing:-1px;line-height:1.3;}
#mv-tit p:nth-child(3){width:500px;font-size:21px;letter-spacing:-1px;word-break:keep-all;}
#mv-pop .tit{font-size:22px;font-weight:900;padding:25px 0;}
#mv-pop .control{position:absolute;top:30px;right:0;}
#mv-pop .control i{padding:0 4px;font-size:12px;color:#0C2F5B;}
#mv-pop .photo{width:460px;height:260px;overflow:hidden;}
#mv-bnr p:nth-child(1){font-size:26px;letter-spacing:-1px;padding-bottom:5px;font-weight: 600;}
#mv-bnr p:nth-child(2){width:180px;font-size:16px;color:#dbd6c5; font-weight: 300;letter-spacing:-1px;word-break:keep-all;}
#mv-bnr::before{content:"";width:114px;height:123px;position:absolute;top:15px;right:30px;background:url(../img/bnr_ico.png);}
#mv-cont .mv-board .tab{border-bottom:1px solid #5586BD;}
#mv-cont .tab a{font-size:20px;font-weight:900;color:#666;margin-right:20px;padding-bottom:20px;display:inline-block;border-bottom:2px solid #f8f8f8;}
#mv-cont .tab a.on{color:#0B3D91;border-bottom:2px solid #0C2F5B;}
.mv-cont-list li{border-bottom:1px solid #CBD8DE;position:relative;}
.mv-cont-list li a.tit{font-size:20px;display:inline-block;width:calc(100% - 80px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:60px;line-height:60px;font-weight:600;}
.mv-cont-list li p{font-size:15px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:39px;line-height:1.3;margin-bottom:30px;color:#666;}
#mv-cont .more{width:30px;height:30px;border-radius:100%;border:2px solid #0C2F5B;color:#0C2F5B;text-align:center;position:absolute;top:35px;right:40px;}
#mv-cont .more .fas{line-height:27px;}
#mv-cont .mv-board li span{line-height:60px;position:absolute;top:0;right:0;font-size:12px;font-weight:100;color:#999;letter-spacing:0px;}
#mv-article{border-right: 1px solid #BCC7D1;}
#mv-tel p span{font-size:30px;margin-left:60px;}
#mv-pop .control a:hover i, #mv-cont .tab a:hover{color:#FF9900;}
#mv-cont .more:hover{background:#ff9900;border:2px solid #ff9900;color:#fff;line-height:30px;right:35px;}
#mv-bnr:hover p:nth-child(2){color:#fff;}
#mv-bnr:hover {background:rgba(171,142,98);bottom:10px;box-shadow:0 8px 5px rgba(0,0,0,0.3);}
.mv-cont-list li a.tit:hover{color:#ff9900;}

#main_intro{margin:200px auto 210px;}
#main_intro .d_width{position:relative;}
#main_intro ul{display:flex;margin:0 -20px;}
#main_intro li{flex:1;margin:0 20px;animation-timing-function:ease-out;}
#main_intro li a{display:block;width:100%;height:100%;padding:250px 0 70px 0;text-align:center; color:#fff;position:relative;transition:all 0.5s;overflow:hidden;}
#main_intro li p{position:relative;z-index:1;}
#main_intro li p:first-child{font-size:36px;font-weight:900;}
#main_intro li p:last-child{font-size:18px; font-weight: 300;padding:15px 110px 0;word-break:keep-all;}
#main_intro li a::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-repeat:no-repeat;background-size:cover;transition:all 1.3s;}
#main_intro li:nth-child(1) a::before{background-image:url(../img/mintro-back01.jpg);}
#main_intro li:nth-child(2) a::before{background-image:url(../img/mintro-back02.jpg);}
#main_intro li:nth-child(3) a::before{background-image:url(../img/mintro-back03.jpg);}
#main_intro li a::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;transition:all 1.3s;}
#main_intro .top-txt{font-weight: 900;font-size:80px;color:#D9E7F0;letter-spacing:2px;position:absolute;top:-88px;left:5px;letter-spacing:16px;}
#main_intro .btm-txt{font-weight: 900;font-size:70px;color:#E0D9D3;letter-spacing:2px;position:absolute;bottom:-78px;right:0;letter-spacing:15px;}
#main_intro li a:hover:before{transform:translate(-50%,-50%) scale(110%);}
#main_intro li a:hover:after{opacity:1;}
#main_intro li a:hover {padding:240px 0 80px 0;}

#main-good{padding:100px 0;background:url(../img/mgood-back01.jpg) no-repeat 50% 50% / cover;text-align:center;animation-timing-function:ease-in;}
#main-good a{color:#fff;}
#main-good p.item{font-size:16px; font-weight: 300;}
#main-good p.tit{font-size:40px;font-weight: 900;letter-spacing:-1px;margin:10px 0 20px;}
#main-good p.txt{font-size:18px; font-weight: 300;line-height:1.8;}
#main-good .d_width{position:relative;}
#main-good .prev{width:46px;height:34px;background:url(../img/arrow-L.png) no-repeat 50% 50%;position:absolute;left:0;top:50%; transform:translateY(-50%);padding:30px;padding-left:0;}
#main-good .next{width:46px;height:34px;background:url(../img/arrow-R.png) no-repeat 50% 50%;position:absolute;right:0;top:50%; transform:translateY(-50%);padding:30px;padding-right:0;}
#main-good .prev:hover{background:url(../img/arrow-L-C.png) no-repeat 50% 50%;left:-10px;}
#main-good .next:hover{background:url(../img/arrow-R-C.png) no-repeat 50% 50%;right:-10px;}

#main-intro2{margin:160px 0 200px;position:relative;}
#main-video{width:calc((100% - 40px) / 2);height:400px;overflow:hidden;float:left;position:relative;z-index:10;}
#main-video .info{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#main-video .play{display:block;width:85px;height:85px;margin:0 auto 20px;border-radius:100%;border:8px solid #fff;text-align:center;color:#fff;font-size:25px;}
#main-video .play .fas{line-height:70px;}
#main-video .title{font-size:27px;font-weight: 900;color:#fff;}
#main-quick{width:calc((100% - 40px) / 2 + 40px);float:left;position:relative;z-index:10;}
#main-quick a{width:calc((100% - 80px) / 2);display:block;float:left;margin:0 0 40px 40px;padding:30px 40px 54px;background:#f8f8f8;position:relative;border:2px solid #f8f8f8;transition:all 0.5s;}
#main-quick .tit{font-size:27px;color:#0C2F5B;font-weight:900;}
#main-quick .txt{width:170px;font-size:17px;word-break:keep-all;line-height:1.2;padding-top:10px;}
#main-quick a::before{content:"";position:absolute;width:80px;height:80px;background-image:url(../img/mquick-ico.png);background-repeat:no-repeat;top:90px;right:10px;transition:all 0.5s;}
#main-quick a.ico1::before{background-position:0px -77px;}
#main-quick a.ico2::before{background-position:-105px -77px;}
#main-quick a.ico3::before{background-position:0px -240px;}
#main-quick a.ico4::before{background-position:-95px -235px;}
#main-intro2 .back{width:calc(50% + 420px);height:340px;display:block;position:absolute;right:0;bottom:-50px;background:#d8cec5;animation-timing-function:ease-in;animation-duration:0.5s;}
#main-quick a:hover{border:2px solid #0C2F5B;box-sizing:border-box;}
#main-quick a:nth-child(3){clear:both;}
#main-quick a.ico1:hover:before{background-position:0px 5px;}
#main-quick a.ico2:hover:before{background-position:-105px 0px;}
#main-quick a.ico3:hover:before{background-position:0px -155px;}
#main-quick a.ico4:hover:before{background-position:-95px -160px;}
#main-video .play:hover{color:#ff9900;border:8px solid #ff9900;;margin-top:-10px;}

.modal						{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:999999;overflow:hidden;
							filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 )"; zoom: 1; }
.video-modal-cont 			{position:relative;z-index:-1;width:1250px;margin:160px auto 0;box-shadow:0 20px 40px rgba(0,0,0,0.6)}
.video-modal-cont .close	{position:absolute;top:-30px;right:0;z-index:9999999;opacity:1;}
.video-modal-cont .close a	{position:relative;display:block;float:right;margin-top:3px;width:20px;height:20px;background:#fff;border:2px solid #000;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.video-modal-cont .close a:before	{content:"";position:absolute;left:4px;top:7px;display:block;width:8px;height:2px;background:#0B3D91;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;}
.video-modal-cont .close a:after	{content:"";position:absolute;left:4px;top:7px;display:block;width:8px;height:2px;background:#0B3D91;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 50%;}
.video-modal-cont .close form	{font-size:14px;color:#ccc;text-shadow:none;display:inline-block;margin-right:10px;margin-bottom:5px;}
.video-modal-cont .close input{margin-top:0;}

