@charset "utf-8";
/* CSS Document */


@media screen and (max-width:1640px){

#header .gnb_wrap .gnb > li .dp1 .va{font-size:110%;}
#header .menu_wrap{margin-left:4%; margin-right:4%;}
	
}

@media screen and (max-width:1585px){

#header .menu_wrap{margin-left:3%; margin-right:3%;}
	
}

@media screen and (max-width:1552px){
	
#header .menu_wrap{margin-left:2%; margin-right:2%;}
	
}

@media screen and (max-width:1520px){

#header .gnb_wrap .gnb > li{width:16%;}
.box0{ width:100%;}
#header .logo{margin-left:3%;}

}

@media screen and (max-width:1475px){

#header .gnb_wrap .gnb > li .dp1 .va{font-size:100%;}
	
}

@media screen and (max-width:1406px){

#header .logo{width:10%;}

}

@media screen and (max-width:1406px){

#header .menu_wrap{margin-left:1%; margin-right:1%;}
.res_mid_off{display:none !important;}
.res_mid_on{display:inline-block !important;}

}

@media screen and (max-width:1278px){

#header .logo{width:5%;}

}

@media screen and (max-width:1208px){

#header .menu_wrap{margin:0;}
.main .sec4 .box_left .sec4_linkto a{padding-left:0; text-align:right; width:100%;}

}

@media screen and (max-width:1182px){

#header .gnb_wrap .gnb > li .dp1{padding:0 1em;}
	
}

@media screen and (max-width:1098px){

#header .gnb_wrap .gnb > li .dp1 .va{font-size:90%;}
	
}

@media screen and (max-width:1028px){

#header .gnb_wrap .gnb > li .dp1{padding:0 0.8em;}

}

@media screen and (max-width:1023px){
		
body{}
.PC{ display:none !important}
.PHONE{ display:block !important}	
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.box2{width:95%; max-width:1200px; margin:0 auto; position:relative;}

}

@media screen and (max-width:922px){

#header .gnb_wrap .gnb > li{width:16%;}
#header .menu_wrap{width:70%;}
.main .sec5 .link_to_list ul li .link_to_cap .link_to_sub{width:80%;}

}

@media screen and (max-width:856px){

#header .gnb_wrap .gnb > li .dp1 .va{font-size:84%;}
.m_off{display:none;}
.sub2 .ctt_box_3{width:95%; text-align:center;}
.sub2 .ctt_box_3 .icon_box{width:70%;}
.sub2 .ctt_box_3 .icon_box > div{width:calc(calc(100% - 60px) / 2); margin:0;}
.sub2 .ctt_box_3 .icon_box > div:nth-of-type(2n){margin-right:60px !important;}
.sub2 .ctt_box_3 .icon_box > div:nth-of-type(2n-1){margin-right:0;}
.sub2 .ctt_box_3 .icon_box > div:nth-of-type(n+3){margin-bottom:20px;}
.sub2 .ctt_box_3 .icon_box > div img{width:100%;}

}

@media screen and (max-width:768px){

.m_on{display:block;}
.m_off{display:none;}
.m_off2{display:none;}
	
.box1{width:95%; margin:0 auto; position:relative;}
.res_mid_off{display:inline-block !important;}
.res_mid_on{display:none !important;}
#header .menu_wrap{display:none;}
#header .logo{width:30%;}
#header .etc_wrap{float:right !important; margin-right:8%;}

.mainVisual .img .slogan_wrap{left:1.8em;}
.mainVisual .img .slogan .t1{font-size:2.5em;}

.main .sec1 .img_list li{width:48%;}
.main .sec1 .img_list li:nth-of-type(2){margin-right:0;}
.main .sec1 .img_list li:nth-of-type(n+2){margin-bottom:20px;}
.main .sec1 .img_list li .img_list_cap{padding:40px 20px;}
.main .sec1 .img_list li .img_list_cap .cap_ctt{font-size:0.875em;}

.main .sec3 .sec3_bg{background:url('../images/main/main_sec3_m_bg.jpg') no-repeat center/cover;}

.main .sec4 .box1 > div{float:none; width:100%;}
.main .sec4 .box_left{padding:8% 50px 0 50px; box-sizing:border-box; position:relative; margin-bottom:30px; height:200px !important;}
.main .sec4 .box_left .sec4_linkto a{padding-left:0;}

.main .sec5 .customer_wrap .customer_slide .tt span{padding:18px 6px; font-size:80%;}
.main .sec5 .customer_wrap .customer_slide .slides li .notice_tit{margin-left:14%;}

.main .sec5 .link_to_list ul li .link_to_cap{height:220px;}
.main .sec5 .link_to_list ul li .link_to_cap .link_to_tit{font-size:1em;}
.main .sec5 .link_to_list ul li .link_to_cap .link_to_sub{width:80%; word-break:break-all; font-size:0.875em;}
.main .sec5 .customer_wrap .customer_slide .slides li .notice_date{display:none;}

.sub1 .ctt_box > div{width:100% !important;}
.sub1 .ctt_box .img_box{opacity:0.15;}
.sub1 .ctt_box .txt_box{padding:50px;}

.sub1 .ctt_box_2 > div{width:100% !important;}
.sub1 .ctt_box_2 .img_box{opacity:0.15;}
.sub1 .ctt_box_2 .txt_box_2{padding:50px;}

.sub2 .ctt_box_3{width:95%}
.sub2 .ctt_box_3 .icon_box{width:100%;}
.sub2 .ctt_box_3 .icon_box > div{width:calc(calc(100% - 20px) / 2); margin:0;}
.sub2 .ctt_box_3 .icon_box > div:nth-of-type(2n){margin-right:20px !important;}
.sub2 .ctt_box_3 .icon_box > div:nth-of-type(2n-1){margin-right:0;}
.sub2 .ctt_box_3 .icon_box > div:nth-of-type(n+3){margin-bottom:20px;}
.sub2 .ctt_box_3 .icon_box > div img{width:100%;}

.sub2 .ctt_box_2 > div{width:100% !important;}
.sub2 .ctt_box_2 .img_box{opacity:0.15;}
.sub2 .ctt_box_2 .txt_box_2{padding:50px;}

.sub2 .ctt_box > div{width:100% !important;}
.sub2 .ctt_box .img_box{opacity:0.15;}
.sub2 .ctt_box .txt_box{padding:50px;}

.sub3 .ctt_box_2 > div{width:100% !important;}
.sub3 .ctt_box_2 .img_box{opacity:0.15;}
.sub3 .ctt_box_2 .txt_box_2{padding:50px;}

.sub4 .sec1 > div{float:none;}
.sub4 .sec1 .vid_box{width:100%; height:200px;}
.sub4 .sec1 .vid_list{width:100%; padding:50px 40px; box-sizing:border-box;}
.sub4 .sec1 .img_box{display:none; width:100%; height:200px;}

.sub4 .sec2 .news_lists li{float:none; width:85%; margin:10px auto; height:auto;}
.sub4 .sec2 .news_lists li img{width:100%; margin:0; transform:translate(0);}

}


@media screen and (max-width:553px){

.main .sec1 .img_list li{width:47.5%;}
	
}
 

@media screen and (max-width:500px){

#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{font-size:0.685em;}

.main .sec1 .img_list li .img_list_cap{min-height:180px;}
.main .sec1 .img_list li .img_list_cap .cap_tit{font-size:1em;}
.main .sec5 .link_to_list ul li{margin-right:10px; width:calc(calc(100% - 20px) / 3);}
.main .sec5 .link_to_list ul li .link_to_cap{min-height:260px;}

.sub1 .sec3_bg .sub1_bg_txt{font-size:1.5em;}
.sub1 .sec4_bg .sub1_bg_txt{font-size:1.625em;}

.sub2 .sec1_bg .sub2_bg_txt p{font-size:1.75em;}
.sub2 .sec5_bg .sub2_bg_txt p{font-size:1.75em;}
.low_height{height:20px;}

}

@media screen and (max-width:442px){

.main .sec1 .img_list li{width:100%;}
.main .sec1 .img_list li:nth-of-type(1){margin-bottom:20px;}	
}


@media all and (orientation:landscape){

}