/****** mcon01 ******/
.mcon01{position:relative; height:1068px; overflow:hidden;}
.mcon01::after{content:""; display:block; position:absolute; bottom:-138px; left:0; width:100.3%; height:618px; background:url(/en/img/main/visual_bg.png) bottom right no-repeat; background-size:cover; z-index:1;}
.mcon01 .mainvisual{position:relative; width:100%; height:100%;}
.mcon01 .mainvisual .swiper-slide{font-size:0; width:100%; height:100%; opacity:0 !important;}
.mcon01 .mainvisual .swiper-slide.swiper-slide-active{opacity:1 !important;}
.mcon01 .mainvisual .swiper-slide1{background:url(/en/img/main/visual_img01.png) center top no-repeat; background-size:cover;}
.mcon01 .mainvisual .swiper-slide2{background:url(/en/img/main/visual_img02.png) center top no-repeat; background-size:cover;}
.mcon01 .mainvisual .swiper-slide3{background:url(/en/img/main/visual_img03.png) center top no-repeat; background-size:cover;}
.mcon01 .mainvisual .txt{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%; max-width:1600px; font-family: 'Saira', sans-serif; color:#fff; z-index:1;}
.mcon01 .mainvisual .txt h2{font-size:85px; font-weight:700; line-height:1.1em;}
.mcon01 .mainvisual .txt p{margin-top:40px; font-size:24px; font-weight:300; line-height:1.4em;}
.mcon01 .arrow_box{position:absolute; bottom:107px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1; width:100%; max-width:1720px; text-align:right; font-size:0; z-index:2;}
.mcon01 .arrow_box .arrow{position:static; display:inline-block; vertical-align:top; width:100px; height:100px; border-radius:50%; background-color:transparent;}
.mcon01 .arrow_box .arrow::after{display:none;}
.mcon01 .arrow_box .swiper-button-prev{background-image:url(/en/img/main/slide_prev.png); background-position:center; background-repeat:no-repeat;}
.mcon01 .arrow_box .swiper-button-next{background-image:url(/en/img/main/slide_next.png); background-position:center; background-repeat:no-repeat;}
.mcon01 .arrow_box .arrow:hover{background-color:#ff9100;}
.mcon01 .scroll_img{position:absolute; bottom:107px; right:30px; z-index:1; animation: scroll 1s linear infinite alternate;}
@keyframes scroll{
    0%{bottom:107px;}
    100%{bottom:70px;}
}

/****** mcon02 ******/
.mcon02{position:relative; padding-top:64px; z-index:2;}
.mcon02::before{content:""; position:absolute; top:-97px; left:65px; display:block; width:561px; height:336px; background:url(/en/img/main/mcon02_logo.png) no-repeat; background-size:cover;}
.mcon02 .type::after{content:""; display:block; clear:both;}
.mcon02 .type .f_left{float:left;}
.mcon02 .type .f_right{float:right;}
.mcon02 .type .txt{box-sizing:border-box;}
.mcon02 .type .txt strong{font-size:24px; font-family: 'Saira', sans-serif; font-weight:700; color:#f08902;}
.mcon02 .type .txt h3{margin:50px 0 70px; font-size:85px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1.2em;}
.mcon02 .type .txt p{font-size:20px; font-weight:300; color:#222; line-height:1.4em; word-break:keep-all;}
.mcon02 .type .txt a{position:relative; display:block; width:110px; padding-bottom:3px; font-size:15px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1; border-bottom:1px solid #808080;}
.mcon02 .type .txt a::before{content:""; position:absolute; top:5px; right:0; display:block; width:12px; height:5px; background:url(/en/img/main/mcon02_arrow_off.png) no-repeat; background-size:cover;}
.mcon02 .type .txt a:hover{color:#f08902; border-color:#f08902;}
.mcon02 .type .txt a:hover::before{background:url(/en/img/main/mcon02_arrow_on.png) no-repeat; background-size:cover;}
.mcon02 .type01 .txt{width:-webkit-calc(100% - 52.3%); width:calc(100% - 52.3%); padding:0 6% 0 2.3%; /* padding:0 6% 0 9.3%; */margin-top:15.2%;}
.mcon02 .type01 .txt a{margin-top:100px;}
.mcon02 .type01 img{width:52.3%; margin-top:24%;}
.mcon02 .type02{margin-top:30px;}
.mcon02 .type02 .txt{width:-webkit-calc(100% - 52.2%); width:calc(100% - 52.2%); padding:0 3.6% 0 7.9%; margin-top:7.8%;}
.mcon02 .type02 .txt a{margin-top:70px;}
.mcon02 .type02 img{width:52.2%;}
.mcon02 .type02 .txt h3{margin-bottom:30px;}
.mcon02 .type03{margin-top:-38px; padding-right:1.7%; box-sizing:border-box;}
.mcon02 .type03 .txt{width:-webkit-calc(100% - 48.7%); width:calc(100% - 48.7%); margin-top:14.5%;}
.mcon02 .type03 img{width:48.7%;}


/****** mcon03 ******/
.mcon03{padding-top:100px}
.mcon03 .w1400:after{content:""; display:block; clear:both;}
.mcon03 .list_tab{font-size:0; text-align:right; padding-right:7px; box-sizing:border-box;}
.mcon03 .list_tab li{position:relative; display:inline-block; vertical-align:top; padding:0 22px;}
.mcon03 .list_tab li::before{content:""; display:block; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%);  transform:translateY(-50%); width:4px; height:4px; background-color:#222; border-radius:50%;}
.mcon03 .list_tab li:last-of-type:before{display:none;}
.mcon03 .list_tab li a{font-size:24px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1;}
.mcon03 .list_tab li.on a{color:#f08902;}
.mcon03 .list_wrap{width:100%; margin-top:35px;}
.mcon03 .list_wrap .list_box{display:none; font-size:0;}
.mcon03 .list_wrap .list_box.on{display:block;}
.mcon03 .list_wrap .list_box .list{display:inline-block; vertical-align:top; width:30.8%; height:500px; margin-right:3.8%; background:url(/en/img/main/mcon03_notice_img.png) top right no-repeat #fff; background-size:contain; border-radius:30px;}
.mcon03 .list_wrap .list_box .list:last-of-type{margin-right:0;}
.mcon03 .list_wrap .list_box .list a{position:relative; display:block; width:100%; height:100%; border:1px solid #e1e1e1; border-radius:30px; padding:54px 50px 0 50px; box-sizing:border-box; transition:all .3s; overflow:hidden;}
.mcon03 .list_wrap .list_box .list a::before{content:""; position:absolute; top:41px; right:41px; display:block; width:29px; height:29px; background:url(/en/img/main/mcon03_list_plus_off.png) no-repeat;}
.mcon03 .list_wrap .list_box .list a:hover{box-shadow:0 0 25px rgba(0,0,0,0.15); border-color:transparent;}
.mcon03 .list_wrap .list_box .list a:hover::before{width:28px; height:30px; background:url(/en/img/main/mcon03_list_plus_on.png) no-repeat;}
.mcon03 .list_wrap .list_box .list strong{display:block; margin-top:90px; font-size:13px; font-family: 'Saira', sans-serif; font-weight:700; color:#f08902;}
.mcon03 .list_wrap .list_box .list h3{min-height:77px; max-height:77px; margin:14px 0 18px; font-size:24px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mcon03 .list_wrap .list_box .list p{font-size:16px; font-weight:300; color:#777; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; min-height:153px; max-height:153px;}
.mcon03 .list_wrap .list_box .list span{font-size:13px; font-family: 'Saira', sans-serif; font-weight:300; color:#c1c1c1;}
.mcon03 .list_wrap .list_box .news{background:none; background-color:transparent;}
.mcon03 .list_wrap .list_box .news a{padding:0;}
.mcon03 .list_wrap .list_box .news a::after{content:""; display:block; clear:both;}
.mcon03 .list_wrap .list_box .news .img_box{position:relative;  width:100%; padding-top:49%; overflow:hidden;}
.mcon03 .list_wrap .list_box .news .img_box::after{content:""; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; padding-top:52%; background:url(/en/img/main/new_imgbg.png) 0 bottom no-repeat; background-size:cover;}
.mcon03 .list_wrap .list_box .news .img_box img{position:absolute; top:0; right:0; width:84%;}
.mcon03 .list_wrap .list_box .news .txt{ padding:0 50px; box-sizing:border-box; background-color:#fff; margin-top:-2px; z-index:2; position:relative;}
.mcon03 .list_wrap .list_box .news .txt strong{margin-top:0;}
.mcon03 .list_wrap .list_box .news .txt p{margin-bottom:26px; -webkit-line-clamp:3; min-height:80px; max-height:80px;}

.mcon03 .link_box{float:right; width:517px; margin-top:116px;}
.mcon03 .link_box a{position:relative; display:block; width:100%; font-size:0; padding:10px 0;}
.mcon03 .link_box a::before,
.mcon03 .link_box a::after{content:""; position:absolute; display:block;}
.mcon03 .link_box a::before{top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:19px; height:7px; background:url(/en/img/main/arrow_off.png)  no-repeat;}
.mcon03 .link_box a::after{width:97%; height:1px; background-color:#e1e1e1; bottom:0; right:0;}
.mcon03 .link_box a:hover::before{background:url(/en/img/main/arrow_on.png) no-repeat;}
.mcon03 .link_box a > *{display:inline-block; vertical-align:middle;}
.mcon03 .link_box a > span{width:72px; height:72px; border-radius:50%; margin-right:35px; background-color:#222;}
.mcon03 .link_box a:first-of-type > span{background-image:url(/en/img/main/mcon03_icon01.png); background-repeat:no-repeat; background-position:center;}
.mcon03 .link_box a:last-of-type > span{background-image:url(/en/img/main/mcon03_icon02.png); background-repeat:no-repeat; background-position:center;}
.mcon03 .link_box a:hover > span{background-color:#ff9100;}
.mcon03 .link_box a p{font-size:24px; font-family: 'Saira', sans-serif; font-weight:700; color:#222;}
.mcon03 .link_box a:hover p{color:#ff9100;}
.mcon03 .link_box a p span{font-weight:400;}

@media all and (max-width:1860px){
    /****** mcon01 ******/
    .mcon01 .arrow_box{max-width:1400px;}
}


@media all and (max-width:1720px){
    /****** mcon02 ******/
    .mcon02 .type01 .txt{margin-top:9%;}
    .mcon02 .type02 .txt{margin-top:3%;}
    .mcon02 .type03 .txt{margin-top:9%;}
}

@media all and (max-width:1600px){
    /****** mcon01 ******/
    .mcon01 .arrow_box{max-width:1200px;}
    .mcon01 .scroll_img{display:none;}
    
}

@media all and (max-width:1400px){
    /****** mcon01 ******/
    .mcon01{height:600px;}
    .mcon01::after{bottom:-96px; height:420px;}
    .mcon01 .arrow_box{max-width:1000px;}
    .mcon01 .mainvisual .txt{padding-left:10px; box-sizing:border-box;}
    .mcon01 .mainvisual .txt h2{font-size:60px;}
    .mcon01 .mainvisual .txt p{font-size:25px; margin-top:30px;}
    .mcon01 .arrow_box{bottom:0; padding-right:10px; box-sizing:border-box;}

    /****** mcon02 ******/
    .mcon02{padding-top:50px;}
    .mcon02::before{display:none;}
    .mcon02 .type .txt strong{font-size:18px;}
    .mcon02 .type .txt h3{font-size:70px; margin:30px 0 40px;}
    .mcon02 .type01 .txt{margin-top:5%;}
    .mcon02 .type02 .txt{margin-top:3%;}
    .mcon02 .type03{padding-right:0;}
}

@media all and (max-width:1200px){
    /****** mcon01 ******/
    .mcon01::after{height:280px;}

    /****** mcon02 ******/
    .mcon02 .type .f_left{float:none;}
    .mcon02 .type .f_right{float:none;}
    .mcon02 .type .txt h3{font-size:35px; margin:20px 0 30px;}
    .mcon02 .type .txt h3 br{display:none;}
    .mcon02 .type02,
    .mcon02 .type03{margin-top:50px;}
    .mcon02 .type .txt{width:100% !important; padding:0 !important; margin-top:30px !important;}
    .mcon02 .type .txt a{margin-top:30px !important;}
    .mcon02 .type img{width:100% !important;}
    .mcon02 .type01 img{margin-top:0;}

    /****** mcon03 ******/
    .mcon03 .list_tab{padding-right:0;}
    .mcon03 .list_tab li{padding:0 15px;}
    .mcon03 .list_tab li a{font-size:20px;}
    .mcon03 .list_wrap{margin-top:20px;}
    .mcon03 .list_wrap .list_box .list{width:100%; margin-right:0; height:auto;}
    .mcon03 .list_wrap .list_box .list:nth-of-type(n+2){margin-top:30px;}
    .mcon03 .list_wrap .list_box .list a{padding:30px 15px;}
    .mcon03 .link_box{float:none; width:100%; margin-top:50px;}
    .mcon03 .list_wrap .list_box .news .img_box::after{display:block;}
    .mcon03 .list_wrap .list_box .news a{padding:0 0 50px 0;}
    .mcon03 .list_wrap .list_box .news .txt{padding:0 15px;}
    
}

@media all and (max-width:768px){
    .mcon01 .mainvisual .swiper-slide{background-position:70% 100% !important;}
    .mcon01 .mainvisual .txt { top:65%; }
    .mcon01 .mainvisual .txt h2{font-size:50px; text-shadow: #7d8da5 3px 2px 5px; }
    .mcon01 .mainvisual .txt p{font-size:20px; margin-top:20px; text-shadow: #43546c 3px 2px 5px; }
    .mcon01 .arrow_box{ bottom:70px; margin-left:-50px; }
		.mcon01 .arrow_box .arrow { width:50px; height:50px; margin:0 10px; }
}