@charset "utf-8";
.mcon{max-width:1200px;margin:0 auto;}
.mcon:after{content:"";display:block;clear:both;}
.weather{display:none;position:relative;max-width:1200px;margin:0 auto;}
.weather .w_content{display:none;}
.weather .w_box{display:inline-block;width:30%;line-height:45px;padding:5px 0px;background:#fff;text-align:center;vertical-align:middle;font-size:1.2rem;border:0;}
.weather .w_info{display:inline-block;width:60%;padding:5px 0;background:#fff;text-align:center;}
.weather .w_info .w_img{display:none;}
.weather .w_info .w_img img.on{display:none !important;}
.weather .w_info b{display:inline-block;font-size:1rem;line-height:45px;}
.weather .w_info strong{display:inline-block;vertical-align:middle;font-size:2rem;padding:0 0 0 10px}
.weather .w_btn{padding:5px 10px;display:inline-block;}
.weather .w_btn button{width:25px;height:25px;}
.weather .w_btn .i_prev{background-position:-10px -412px}
.weather .w_btn .i_pause{background-position:-30px -412px}
.weather .w_btn .i_play{background-position:-55px -412px}
.weather .w_btn .i_next{background-position:-78px -412px}
.visual{position:relative;}
.visual ul{position:relative;}
.visual ul li{display:none;width:100%;height:70vw;position:relative;background-position:30% 50%;background-size:cover}

.visual ul li.vimg01{background-image:url("/upload_data/popup/info/169561709485182.jpg");}
.visual ul li.vimg02{background-image:url("/upload_data/popup/info/169561736673229.jpg");}
/*
.visual ul li.vimg01{background-image:url("/upload_data/board_data/BBS_0000082/163825386361424.jpg");}
.visual ul li.vimg02{background-image:url("/upload_data/board_data/BBS_0000082/163825386361596.jpg");}
*/
/*
.visual ul li.vimg01{background-image:url('/upload_data/popup/info/161415183029647.jpg');}
.visual ul li.vimg02{background-image:url('/upload_data/popup/info/161415166889305.jpg');}
*/
.visual ul li a{display:block;height:100%;}
.visual span{display:block;padding-top:calc(70vw - 60%);padding-left:calc(100% - 97%);}
.visual span img{width:80%;}
.v_btn>div{width:100%;background-color:rgba(66,189,209,1);text-align: center;bottom:0;}
.v_btn .v_num01{line-height:49px;width:20%;max-width:130px;margin-left:20px;text-align:center;display:inline-block;background:rgba(66,189,209,.8);color:#fff;}
.v_btn .v_num02{display:none;}
.v_btn button{width:50px;height:50px;margin:0 5px;padding:0;}
.b_prev{background:url(/images/main/b_prev_hover.png) no-repeat 50% center;}
.b_pause{background:url(/images/main/b_pause_hover.png) no-repeat center;}
.b_play{background:url(/images/main/b_play_hover.png) no-repeat 60% center;}
.b_next{background:url(/images/main/b_next_hover.png) no-repeat 60% center;}
.quick ul:after{content:'';clear:both;display: block;}
.quick ul li{width:33%;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7;float:left;display:inline-block;}
.quick ul li:nth-child(1){background:url('/images/eng/main/m_quick_icon01.png') center no-repeat #fff}
.quick ul li:nth-child(2){background:url('/images/eng/main/m_quick_icon02.png') center no-repeat #fff}
.quick ul li:nth-child(3){background:url('/images/eng/main/m_quick_icon03.png') center no-repeat #fff}
.quick ul li:nth-child(4){background:url('/images/eng/main/m_quick_icon04.png') center no-repeat #fff}
.quick ul li:nth-child(5){background:url('/images/eng/main/m_quick_icon05.png') center no-repeat #fff}
.quick ul li:nth-child(6){background:url('/images/eng/main/m_quick_icon06.png') center no-repeat #fff}
.quick ul li a{font-size:14px;text-align:center;display:block;padding-top:75%;padding-bottom:15px;}
.list>div{position:relative;}
.list .indicator{position:absolute;top:calc(50% + 50px);left:1.7857rem;z-index:1;width:86%;text-align:right;}
.list .indicator span{display:inline-block;width:49%;}
.list .indicator span:first-child{text-align:left;}
.list .indicator button{width:15px;height:15px;margin:0 5px 0 0}
.list .indicator button.num{background:0;background-color:#555;}
.list .indicator button.num.on{display:inline-block !important;background-color:#1b99ae;}
.list .indicator .i_prev{background-position:-18px -417px}
.list .indicator .i_play{background-position:-62px -417px}
.list .indicator .i_pause{background-position:-39px -417px}
.list .indicator .i_next{background-position:-85px -417px}
.list dl{display:none}
.list dl dt{height:300px;overflow:hidden}
.list dl dt img{height:100%;}
.list dl dd:before{content:'';display:block;position:absolute;left:45%;top:-10px;width:40px;height:40px;background:#f5f5f5;transform:rotate(45deg);}
.list dl dd{position:relative;width:100%;height:100vw;background:#f5f5f5;}
.list dl dd p{padding:6rem 1.7857rem;}
.list dl dd p a{display:block;line-height:28px;font-size:1.3rem;font-weight:600;color:#000;}
.list dl dd span{display:block;line-height:22px;padding-top:20px;font-size:15px;color:#555;font-weight:400;}
.list dl dd .more{position:absolute;bottom:3rem;left:50%;font-size:0;transform:translate(-50%, 0% );background-position:0px -101px;}
.sticker li{position:relative;border-bottom:1px solid #ededed;}
.sticker li a{display:block;padding:1rem 0;}
.sticker li i{display:inline-block;width:80px;height:80px;margin:0 2rem;border-radius:50%;background:url(/images/eng/main/m_quick_icon2.png) no-repeat #f5f5f5;background-size:190%;font-size:0;}
.sticker li:nth-child(1) i{background-position:-40px -1px;}
.sticker li:nth-child(2) i{background-position:-35px -120px;}
.sticker li:nth-child(3) i{background-position:-30px -245px;}
.sticker li a strong{display:inline-block;font-size:1.1rem;}
.sticker li:last-child a strong{width:54%;word-break:break-word;}
@media all and (min-width:768px) {
.weather .w_info .w_img{display:inline-block;font-size:0;width:45px;height:45px;background-repeat:no-repeat;background-position:center;}
.weather .w_info .w_img img.on{display:block !important;}
.weather .w_info .w_img img{display:none;}
.weather .w_info b{width:50%;}
.weather .w_info strong{padding:0 0 0 2rem;}
.weather .w_btn{position:absolute;right:0;top:9rem;}
.visual ul li{height:50vw;}
.visual span{max-width:78.5714rem;margin:0 auto;}
.visual span img{width:auto;}
.v_btn .v_num02 a{display:inline-block;width:10px;height:10px;margin:10px 7px;border-radius:50%;border:5px solid #555;}
.v_btn .v_num02 a:hover{background:#017d97;}
.v_btn .v_num02 a.on{display:inline-block !important;border:5px solid #1b99ae;background:#fdb813;}
.quick ul li{width:33.12%;}
.list .indicator{z-index:2;width:44%;}
.development .indicator, .environment .indicator{top:50px;left:calc(50% + 1.7857rem);right:1.7857rem;}
.experience .indicator{top:50px;}
.list dl:after{content:"";display:block;clear:both;}
.list dl dt{width:50%;height:50vw;}
.list dl dd{width:50%;height:50vw;z-index:1;}
.list dl dd:before{top:45%;transform:rotate(45deg);z-index:-1;}
.development dt, .environment dt{float:left;}
.development dd, .environment dd{float:right;}
.development dl dd:before, .environment dl dd:before{left:-10px;top:50%;}
.experience dt{float:right;}
.experience dd{float:left;}
.experience dl dd:before{right:-10px;left:auto;}
.sticker:after{content:"";display:block;clear:both;}
.sticker li{width:33.33%;float:left;border:0;}
.sticker li a{height:80px;border-right:1px solid #ededed;padding:2rem 0;}
.sticker li i{margin:0 1rem;}
.sticker li a strong{width:45%;padding:.4rem 1rem}
.sticker li:last-child a strong{width:45%;padding:0 1rem;}
}
@media all and (min-width:1024px) {
.weather{display:block}
.weather .w_content{background:rgba(255,255,255,.5);border-radius:10px;}
.weather .w_btn{margin:5px 0 0;width:auto;transition:ease-in-out .3s;}
.weather:hover .w_btn{background:#2a2a2a;transition:ease-in-out .3s;}
.weather:hover .w_btn .i_prev{background-position:-10px -63px}
.weather:hover .w_btn .i_pause{background-position:-30px -63px}
.weather:hover .w_btn .i_play{background-position:-55px -63px}
.weather:hover .w_btn .i_next{background-position:-78px -63px}
.visual ul li{height:460px;}
.visual span{padding:5.5rem 1.5rem;}
.v_btn{max-width:1300px;margin:0 auto;background:aliceblue;}
.v_btn>div{top:13.6rem;bottom:auto;max-width:1300px;height:19.2rem;background:0;position:absolute;}
.v_btn .v_num01{display:none;}
.v_btn .v_num02{display:block;font-size:0;position:absolute;top:auto;bottom:1rem;left:50%;transform:translate(-50%, 0)}
.v_btn button{margin:0;position:absolute;border-radius:50%;}
.b_prev{background:url(/images/main/b_prev.png) no-repeat 40% center rgba(255,255,255,.5);left:0;transition:ease-in-out .3s;}
.b_pause{background:url(/images/common/icon.png) no-repeat #42bdd1;background-position:-33px -413px;width:25px !important;height:25px !important;right:43%;bottom:1.5rem;}
.b_play{background:url(/images/common/icon.png) no-repeat #42bdd1;background-position:-55px -412px;width:25px !important;height:25px !important;right:43%;bottom:1.5rem;}
.b_next{background:url(/images/main/b_next.png) no-repeat 60% center rgba(255,255,255,.5);right:0;transition:ease-in-out .3s;}
.b_prev:hover{background:url(/images/main/b_prev_hover.png) no-repeat 40% center;transition:ease-in-out .3s;background-color:rgba(66,189,209,1);}
.b_pause:hover{background:url(/images/common/icon.png) no-repeat #555;background-position:-33px -63px;}
.b_play:hover{background:url(/images/common/icon.png) no-repeat #555;background-position:-55px -63px;}
.b_next:hover{background:url(/images/main/b_next_hover.png) no-repeat 60% center;transition:ease-in-out .3s;background-color:rgba(66,189,209,1);}
.mcon:after{content:"";display:block;clear:both;}
.quick ul li{width:16.56%;transition:.3s ease-in-out}
.quick ul li:hover{background-color:#42bdd1;transition:.3s ease-in-out}
.quick ul li:hover a{color:#000;font-weight:600}
.development .indicator{top:calc(50% + 50px);left:1.7857rem;width:86%;}
.development .indicator .num:hover{background:#42bdd1}
.l_left dl dt, .l_left dl dd{width:100%;}
.list dl dt, .list dl dd{height:33.33vw}
.l_left{width:33.33%;float:left;}
.l_right{width:66.66%;float:right;}
.development dl dd:before{left:45%;top:-10px;}
.l_right>div:hover dd, .l_right>div:hover dd:before{background:#017d97;transition:.3s ease-in-out}
.l_right>div:hover dd a{color:#fff}
.l_right>div:hover dd span{color:#fbfbfb}
.l_right>div:hover dd .more{background-position:0px -151px;}
.l_right>div:hover .i_prev{background-position:-16px -68px}
.l_right>div:hover .i_pause{background-position:-38px -68px}
.l_right>div:hover .i_play{background-position:-60px -68px}
.l_right>div:hover .i_next{background-position:-84px -68px}
}
@media all and (min-width:1200px) {
.mcon{max-width:1200px;margin:15px auto 0;}
.weather>div{position:absolute;top:5rem;right:0;width:20%;z-index:1;}
.weather .w_content{height:150px;}
.weather .w_box{position:relative;width:50%;background:0;z-index:1;background:0}
.weather .w_info{display:block;position:absolute;top:0;width:100%;padding:0;background:0}
.weather .w_info .w_img{display:block;margin:0 0 0 63%}
.weather .w_info b{display:block;width:auto;padding:10px 0 0;border-top:1px solid #000;}
.weather .w_info strong{display:inline-block;padding:0 0 0 40px;vertical-align:middle;}
.weather .w_btn{top:12rem;}
.visual span{padding:5.5rem 0;}
.v_btn>div{top:14.6rem}
.quick{max-width:1200px;margin:15px auto 0;position:relative;}
.quick ul{background:none;width:100%;height:auto;}
.quick ul li{border:0;margin:0 1px 1px 0;}
.quick ul li a{padding-top:40%;height:23px;}
.l_left{width:300px;margin:0 20px 0 0;}
.l_right{float:left;width:600px;}
.list dl dt, .list dl dd{width:300px;height:300px;}	
.list dl dd span{height:65px;overflow:hidden;}
.list dl dd .more{bottom: 1rem;}
.sticker{float:right}
.sticker{width:260px;height:600px;}
.sticker li{width:100%;height:199px;border-bottom:1px dashed #d7d7d7;background:#f5f5f5;box-shadow:0 0 10px rgba(0,0,0,0);transition:.3s ease-in-out}
.sticker li:hover{background:#fff;box-shadow:0 0 10px #ccc;border-color:rgba(0,0,0,0);z-index:2;transition:.3s ease-in-out}
.sticker li:hover:before{content:"";display:block;position:absolute;top:1rem;right:1rem;width:27px;height:27px;background:url(/images/eng/main/m_quick_icon2.png) -214px -20px}
.sticker li a{border:0;text-align:center;height:auto;}
.sticker li a i{background-size:auto;background-color:rgba(0,0,0,0);width:50%;height:120px;border-radius:0;padding:0;margin:0;}
.sticker li:nth-child(1) i{background-position:-70px -10px;}
.sticker li:nth-child(2) i{background-position:-70px -210px;}
.sticker li:nth-child(3) i{background-position:-60px -430px;}
.sticker li a strong{width:100%;font-size:1.3rem;padding:0;}
.sticker li:last-child{border-color:rgba(0,0,0,0)}
.sticker li:last-child a{padding:1rem 0;}
.sticker li:last-child a strong{width:90%;padding:0;font-size:1.2rem}
}