@charset "utf-8";


#snb .snb_bg{display:none;}

#mVisual .mvis_box{padding:45px 0 50px;background:url(/images/eng/main/mvs_img01.jpg) no-repeat 50% 0 }
#mVisual .mvis_box .p_title{margin:0 auto 20px;font-size:16px;/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/text-shadow:1px 2px #90ada4;text-align:center;color:#fff;}
#mVisual .mvis_box .p_title span{display:block;font-size:25px;}

#mVisual .mvis_box .vis_box{padding:0 4%;}
#mVisual .mvis_box .vis_box:after{display:block;clear:both;content:'';}
#mVisual .mvis_box .vis_box li{float:left;width:50%;}
#mVisual .mvis_box .vis_box li a{display:block;padding:22px 0 10px;color:#fff;}
#mVisual .mvis_box .vis_box li a .ico{display:block;margin:0 auto;;padding:0;width:55px;height:61px;background:no-repeat 50% 0;transition:all 0.5s;}
#mVisual .mvis_box .vis_box li a:hover .ico,
#mVisual .mvis_box .vis_box li a:focus .ico,
#mVisual .mvis_box .vis_box li a:active .ico{margin-top:-10px;padding-bottom:10px;}
#mVisual .mvis_box .vis_box li.vis_ani1 a{background:url(/images/eng/main/mvs_bg01.png);color:#121212;}
#mVisual .mvis_box .vis_box li.vis_ani2 a{background:url(/images/eng/main/mvs_bg02.png);}
#mVisual .mvis_box .vis_box li.vis_ani3 a{background:url(/images/eng/main/mvs_bg03.png);}
#mVisual .mvis_box .vis_box li.vis_ani4 a{background:url(/images/eng/main/mvs_bg04.png);}
#mVisual .mvis_box .vis_box li.vis_ani5 a{background:url(/images/eng/main/mvs_bg01.png);color:#121212;}
#mVisual .mvis_box .vis_box li.vis_ani1 a .ico{background-image:url(/images/eng/main/mvs_ico01.png);}
#mVisual .mvis_box .vis_box li.vis_ani2 a .ico{background-image:url(/images/eng/main/mvs_ico02.png);}
#mVisual .mvis_box .vis_box li.vis_ani3 a .ico{background-image:url(/images/eng/main/mvs_ico03.png);}
#mVisual .mvis_box .vis_box li.vis_ani4 a .ico{background-image:url(/images/eng/main/mvs_ico04.png);}
#mVisual .mvis_box .vis_box li.vis_ani5 a .ico{background-image:url(/images/eng/main/mvs_ico05.png);}
#mVisual .mvis_box .vis_box li a .txt{display:block;margin:5px 0 0;height:40px;font-size:15px;text-align:center; }
#mVisual .mvis_box .vis_box li a .txt:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#mVisual .mvis_box .vis_box li a .txt > span{display:inline-block;line-height:1.2;vertical-align:middle;}
#mVisual .mvis_box .vis_box li a .txt > span span{display:block;line-height:1.2}


#mContents{padding:0 4%;}
#mContents > [class^="mCnt"]{margin:30px 0 0;}
#mContents > [class^="mCnt"] h3{margin:0 0 20px;padding:0;background:none;font-size:18px;line-height:1;}


#mContents .mCnt1 a{display:block;padding:53px 0 45px;background:url(/images/eng/main/mcnt1_1.jpg) no-repeat 50% 0;color:#fff;font-size:14px;text-align:center;}
#mContents .mCnt1 a:hover,
#mContents .mCnt1 a:focus{background-image:url(/images/eng/main/mcnt1_1_ov.jpg);text-decoration:none;}
#mContents .mCnt1 .first{display:block;margin:0 auto;padding:0 0 10px;width:170px;border-bottom:1px solid #fff;transition:all 0.5s;}
#mContents .mCnt1 a:hover .first,
#mContents .mCnt1 a:focus .first,
#mContents .mCnt1 a:active .first{border-color:#8db43e;}
#mContents .mCnt1 .first span{display:block;line-height:1.2;}
#mContents .mCnt1 .more{display:block;padding:10px 10px 0 0;font-size:16px;line-height:1;}
#mContents .mCnt1 .more .plus{display:inline-block;margin-left:3px;width:8px;height:8px;background:url(/images/eng/main/more.png) no-repeat 50% 50%;vertical-align:middle;}
#mContents .mCnt1 a:hover .more .plus,
#mContents .mCnt1 a:focus .more .plus,
#mContents .mCnt1 a:active .more .plus{transition:all 0.5s;transform:rotate(90deg);}


#mContents .mCnt2 ul:after{display:block;clear:both;content:'';}
#mContents .mCnt2 ul li:after{display:block;clear:both;content:'';}
#mContents .mCnt2 ul li a{display:block;overflow:hidden;margin:5px 0 0;padding:0 20px 0 30px;height:53px;border:1px solid #d2d2d2;color:#545454;line-height:55px;}
#mContents .mCnt2 ul li:first-child a{margin:0;}
#mContents .mCnt2 ul li.type2 a{background:#f0f0f0;}
#mContents .mCnt2 ul li a:hover,
#mContents .mCnt2 ul li a:focus{background:#00986d url(/images/eng/main/chk_pattern.png);border-color:transparent;color:#fff;text-decoration:none;}
#mContents .mCnt2 ul li.type2 a:hover,
#mContents .mCnt2 ul li.type2 a:focus{background-color:#1c6a58;}
#mContents .mCnt2 ul li a span{display:block;float:right;margin:9px 0;width:36px;height:36px;background:#f0f0f0 url(/images/eng/main/mcnt2_arw.png) no-repeat 50% 50%;border-radius:20px;}
#mContents .mCnt2 ul li.type2 a span{background-color:#fff;}
#mContents .mCnt2 ul li a:hover span,
#mContents .mCnt2 ul li a:focus span{background:url(/images/eng/main/mcnt2_arw_ov.png) no-repeat 50% 50%;border:1px solid #d2d2d2;}

#mContents .mCnt3_1{margin:0 0 20px;}
#mContents .mCnt3_1 ul{background:url(/images/eng/main/mcnt2_bar.png) repeat-x 0 100%;}
#mContents .mCnt3_1 ul:after{display:block;clear:both;content:'';}
#mContents .mCnt3_1 ul li{float:left;width:33.3%;}
#mContents .mCnt3_1 ul li a{display:block;padding:0 0 20px;color:#545454;font-size:14px;text-align:center;}
#mContents .mCnt3_1 ul li a .ico{display:block;margin:0 auto 15px;width:66px;height:66px;background:no-repeat 50% 50%;transition:all 0.5s;}
#mContents .mCnt3_1 ul li a.btn1 .ico{background-image:url(/images/eng/main/mcnt3_1_ico01.png);}
#mContents .mCnt3_1 ul li a.btn2 .ico{background-image:url(/images/eng/main/mcnt3_1_ico02.png);}
#mContents .mCnt3_1 ul li a.btn3 .ico{background-image:url(/images/eng/main/mcnt3_1_ico03.png);}
#mContents .mCnt3_1 ul li a:hover .ico,
#mContents .mCnt3_1 ul li a:focus .ico{background-color:#f0f0f0;border-radius:35px;}


#mContents .mCnt3_2{padding:0 0 40px;}
#mContents .mCnt3_2 a{display:block;height:74px;background:#3b5047;color:#fff;text-align:center;transition:all 0.5s;}
#mContents .mCnt3_2 a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#mContents .mCnt3_2 a > span{display:inline-block;vertical-align:middle;}
#mContents .mCnt3_2 a > span > span{display:block;line-height:1;}
#mContents .mCnt3_2 a > span .arw{display:inline-block;margin-left:3px;width:5px;height:5px;background:url(/images/eng/main/mcnt3_2_arw.png) no-repeat 50% 50%;vertical-align:middle;transition:all 0.5s;}
#mContents .mCnt3_2 a:hover,
#mContents .mCnt3_2 a:after{background-color:#383d43;}
#mContents .mCnt3_2 a:hover > span .arw,
#mContents .mCnt3_2 a:focus > span .arw,
#mContents .mCnt3_2 a:active > span .arw{transform:rotate(360deg) scale(1.5);}

#serviceMenu{display:none;}


@media only screen and (min-width:768px){
#mVisual .mvis_box .p_title{margin-bottom:30px;}
#mVisual .mvis_box .p_title span{font-size:38px;}
#mVisual .mvis_box{padding:75px 0 85px;}
#mVisual .mvis_box .vis_box{margin:0 auto;padding:0;max-width:625px;}
#mVisual .mvis_box .vis_box li{width:20%;}

#mContents:after{display:block;clear:both;content:'';}
#mContents > [class^="mCnt"]{float:left;width:48%;}
#mContents .mCnt2{margin-left:4%;}
#mContents .mCnt3{width:100%;margin-bottom:50px;background:url(/images/eng/main/mcnt2_bar.png) repeat-x 0 100%;}
#mContents .mCnt3:after{display:block;clear:both;content:'';}
#mContents .mCnt3 [class^="mCnt3_"]{float:left;width:48%;}
#mContents .mCnt3_1{margin:0;}
#mContents .mCnt3_1 ul{background:none;}
#mContents .mCnt3_2{margin-left:4%;}
#mContents .mCnt3_2 a{height:138px;font-size:14px}
#mContents .mCnt3_2 a > span > span{display:inline;}
#mContents .mCnt3_2 a:hover > span .arw,
#mContents .mCnt3_2 a:focus > span .arw,
#mContents .mCnt3_2 a:active > span .arw{margin-right:-10px;}
}

@media only screen and (min-width:1000px){
#snb{background:url(/images/eng/main/mvs_img01.jpg) no-repeat 50% 0;}
#snb .snb_bg{display:block;position:absolute; top:0;left:0;width:100%;height:100%;background:url(/images/eng/common/snb_bg.png);}

#mVisual .mvis_box .p_title{margin-bottom:9px;font-size:36px;}
#mVisual .mvis_box .p_title span{font-size:54px;line-height:2;}
#mVisual .mvis_box{padding:120px 0 110px;background-position:50% -126px}
#mVisual .mvis_box .vis_box li a .txt{font-size:17px;}

#mVisual .mvis_box .vis_box{max-width:850px;}
#mVisual .mvis_box .vis_box li a{padding:35px 0 25px;transition:all 0.5s;}
#mVisual .mvis_box .vis_box li a:hover,
#mVisual .mvis_box .vis_box li a:focus{margin-top:-10px;}
#mVisual .mvis_box .vis_box li a:hover .ico,
#mVisual .mvis_box .vis_box li a:focus .ico,
#mVisual .mvis_box .vis_box li a:active .ico{margin-top:0;padding-bottom:0;}
#mVisual .mvis_box .vis_box li a:hover .txt > span,
#mVisual .mvis_box .vis_box li a:focus .txt > span{text-decoration:underline;}

#mContents{margin:0 0 35px;padding:0 2%;}
#mContents > [class^="mCnt"]{width:31%;}
#mContents .mCnt1 a .more .plus{transition:all 0.5s;}
#mContents .mCnt1 a:hover .more .plus,
#mContents .mCnt1 a:focus .more .plus{transform:rotate(180deg);}
#mContents .mCnt2{margin-left:4%;}
#mContents .mCnt3{margin-left:3%;margin-bottom:0;width:31%;background:none;}
#mContents .mCnt3 [class^="mCnt3_"]{float:none;width:100%;}
#mContents .mCnt3_1{margin:0 0 17px;}
#mContents .mCnt3_1 ul{background:url(/images/eng/main/mcnt2_bar.png) repeat-x 0 100%;}
#mContents .mCnt3_1 ul li a{padding:0 0 17px;}
#mContents .mCnt3_1 ul li a .ico{margin-bottom:0;}
#mContents .mCnt3_2{margin:0;}
#mContents .mCnt3_2 a{height:55px;}

#serviceMenu{display:block;background:url(/images/eng/main/mcnt4_bg.jpg) no-repeat 50% 100%;}
#serviceMenu .serviceWrap{margin:0 auto;padding:60px 25px;max-width:1000px;}
#serviceMenu .serviceWrap:after{display:block;clear:both;content:'';}
#serviceMenu .serviceWrap .grap{float:left;width:19%;}
#serviceMenu .serviceWrap .grap.diff2{width:22%;}
#serviceMenu .serviceWrap .grap.diff3{width:15%;}
#serviceMenu .serviceWrap .grap.diff4{width:22%;}
#serviceMenu .serviceWrap .grap strong a{display:block;margin-bottom:15px;color:#95be45;font-size:18px;line-height:1;}
#serviceMenu .serviceWrap .grap > ul > li > a{display:block;margin-top:3px;color:#fff;font-size:15px}
#serviceMenu .serviceWrap .grap > ul > li > a:hover,
#serviceMenu .serviceWrap .grap > ul > li > a:focus{text-decoration:underline;}
#serviceMenu .serviceWrap .grap > ul > li ul{padding:0 0 10px 0;}
#serviceMenu .serviceWrap .grap > ul > li li a{display:block;position:relative;margin-top:3px;padding-left:12px;color:#fff;font-size:14px}
#serviceMenu .serviceWrap .grap > ul > li li a:hover,
#serviceMenu .serviceWrap .grap > ul > li li a:focus{text-decoration:underline;}
#serviceMenu .serviceWrap .grap > ul > li li a:before{display:block;position:absolute;top:9px;left:0;;width:5px;height:2px;background:#fff;content:'';}
}

@media only screen and (min-width:1200px){

#mContents{margin:0 auto 35px;padding:0;max-width:1200px;}
#serviceMenu .serviceWrap{max-width:1200px;}
}

@media only screen and (min-width:2000px){
#snb,
#mVisual .mvis_box,
#serviceMenu{background-size:100% auto;}
}