@charset "utf-8";
/* CSS Document */
.mn_1200{display:none;}
@media screen and (max-width:1600px){
body{ overflow-x:hidden}

}
@media screen and (max-width:1500px){
.r1500{ display:none}
.r1500m{ display:block}
.main_customer > li .wrap_in{padding:5em 2em; padding-bottom:13em;}

}
@media screen and (max-width:1400px){
.box1,
.box2{ width:94%}


.section_0 {padding: 120px 0px 200px;}
.point.flex.vc.hc{display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:space-between;}
.point_box{max-width:25%; width:25%; padding:2em 1em; margin-right:0;}

}
@media screen and (max-width:1280px){
body{ font-size:15px}


.board_photo.cert > li{width:20%;}
.greet .section1 .opemmile {width: 95%;}

.mn_1200{display:block;}
.dn_1200{display:none;}

.main_txt .t6{font-size:3em;}
}

@media screen and (max-width:1024px){
.hiddenBtn{ position:absolute; left:0; top:0; width:100%; height:100%}
.r1024{ display:none}
.r1024m{ display:block}

#header .top_wrap .gnb_wrap{ display:none}


.box1,
.box2{ max-width:95%;}

.visualSlider_wrap .slogan .t1 {font-size: 3.5em;}
.sub_process > li {width:50%;}
.sub_process > li .wrap_in .line {height:.8em;}

.contents_box {height:auto; padding:2em 1em;}
.section_img .delivery_more::before {width:503px;}
.section_text {line-height:45px;}
.sub_process > li:nth-child(2n) .wrap_in .line {height: 3em; width: 0.8em; left: 50%; top: 100%; transform: translate(-50%,0);}

.board_photo.cert > li{width:25%;}

#footer{ padding-bottom:2em}
#quick{ border-radius:2em 2em 0 0; right:50%; transform:translateX(50%); top:auto; bottom:0; width:100%; max-width:50em}
#quick .link{ display:flex;}
#quick .link > li{ flex: 1 1 1%}
#quick .link > li a{ padding:.5em !important}
#contents .sub_tab{ display:none}
#contents .sub_visual_wrap .wrap_in{ font-size:.75em}
#contents .doc{ padding:3em 0 4em 0}

.main_box{padding:6em 0;}

.layerPop{ max-width:90%; left:50% !important; top:50% !important; transform:translate(-50%, -50%)}

.greet .section0 {min-width: 1024px;}
.section_0 {padding: 100px 0px 200px;}

.sub_process > li:nth-child(3){order:4;}
.sub_process > li:nth-child(3) .wrap_in .line{left:-13%;}
.sub_process > li:nth-child(4){order:3}

.main_mission{height:auto;}

.main_mission > li .wrap_in{padding:3em 1em;}
.main_mission > li .wrap_in .main_txt{min-height:inherit; height:auto;}
.main_mission > li:hover .wrap_in .main_txt .ani{height:auto;}

.main_mission > li{flex:1 1 50%; height:18em;}
.main_mission > li:hover{flex:1 1 50%;}

.main_serviceWrap .tab{width:100%;}
.main_service > .con_wrap{width:100%; order:2;}
.main_service > .img_wrap{flex:1 1 100%; min-height:inherit; padding-bottom:35%; order:1;}
.main_service > .con_wrap .wrap_in{padding:2em 0;}

ul.main_customer{justify-content:space-between;}
.main_customer > li{flex:unset; width:49%; padding:0; margin-bottom:1em;}
.main_customer > li .wrap_in:hover{overflow:hidden;}

.section3_con{flex-wrap:wrap;}
.contents_box{width:48%; margin-bottom:1%;}

.section_text{font-size:2em;}
.section_img .delivery_more::before{width:300px;}

#footer .info_wrap{padding:3em 0;}
#footer .info_wrap .box1.flex.space{flex-wrap:wrap;}
#footer .info_wrap .info{flex:1 1 100%; width:100%; order:2;}
#footer .info_wrap .site{width:10em; order:1; margin-bottom:2em;}
#footer .info_wrap .site .linkBtn{justify-content:unset; padding-left:1em;}
#footer .info_wrap .site .list > li > a{padding:.5em 1em; padding-right:0;}
#footer .info_wrap .info > li{float:inherit;}

#footer .menu_wrap .goTop{display:none;}

.qna_box{flex-wrap:wrap;}
.section_img{margin-top:0; width:auto; padding:0; margin-left:1em;}
.section_text{margin-top:0;}
.section_text p br{display:none;}
.section_text span{vertical-align:baseline;}
.section_img .delivery_more{position:static; margin:0; width:50px; height:50px; font-size:3em;}
.section_img .delivery_more::before{display:none;}

.main_txt .t6{font-size:2.5em;}

}

@media screen and (max-width:780px){
#header .all_wrap .all .wrap_in{ min-width:calc(100% - 5em)}
#header .all_wrap .all .gnb{ font-size:1.125em}

.main_service{ justify-content:center}
.main_service > li{ width:33.33%}
.main_solution{ margin:-1em 0 0 -1em}
.main_solution > li{ width:50%}
.main_solution > li .wrap_in{ margin:1em 0 0 1em; height:calc(100% - 1em)}
.main .main_solution{ margin:-.5em 0 0 -.5em}
.main .main_solution > li{ width:33.33%}
.main .main_solution > li .wrap_in{ margin:.5em 0 0 .5em; height:calc(100% - .5em)}
.board_photo > li{ width:50%}
.board_photo.d1 > li{ width:50%}
.board_photo.partner{ justify-content:center}
.board_photo.partner > li{ width:33.33%}
.board_photo.cert > li{ width:33.33%}
.board_photo.d2 > li{ width:50%}
.main_cert,
.main_board{ width:100%}
.main_link > li .wrap_in .in{ width:70%}
.main_link > li .wrap_in .in br{ display:none}

.page_titwrap .resize{ padding-bottom:30%}
.page_titwrap .tit{ font-size:.75em; width:92%; padding:1.5em}
.page_in{ padding:0 1em}
.page_twrap .wrap_in.flex{ flex-wrap:wrap}
.page_twrap .wrap_in.flex .img_wrap{ width:100% !important; order:-1 !important}
.page_twrap .wrap_in.flex .con_wrap{ padding:1em !important}
.page_twrap > li{ margin:2em 0 0 0}
.page_twrap.flex{ margin:-2em 0 0 0}
.page_twrap.flex > li{ width:100%}
.page_twrap.flex .wrap_in{ margin:2em 0 0 0; height:auto}

.tab_idx{ margin-bottom:-3em}
.tab_idx.fs3 > li{ width:50%}

/*history_res*/
.history_wrap{}
.history_wrap:before,
.history_wrap .lineAni{left: .5em; top:0; width:2px; height:100%; background:#ddd}
.history_wrap .lineAni{background:#005aff;}
.history_wrap .lineAni:before,
.history_wrap:after{left: 3px; top:0; transform:translateX(-50%); width:1em; height:1em; background:#fff; border-radius:100%; box-sizing:border-box}
.history_wrap .lineAni:before{left:8px}
.history_wrap:after{ top:auto; bottom:0;margin-left: 6px;}
.history_wrap .history > li{ margin-top:4em;text-align: left; padding-left:1em;}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{width: 100%; overflow:hidden;justify-content: flex-start;}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden;width: 100%;}
.history_wrap .history > li .year .tt{padding-left:1em;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px;width: 310%; border-top:2px dotted #aaa; display: none;}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{width: 100%; margin-top:1em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:1.125em;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start;text-align: left;}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:0; }
.history_wrap .history > li:nth-child(2n) .list > li > .flex{justify-content: flex-start;}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{order: 0;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{left: 0; right:0}

.sub_logo{ margin-top:4em; font-size:.75em}
.sub_organization{ font-size:.625em}
.mapH{ height:50vh}
.sub_process > li{ width:100%; order:-1 !important}
.sub_process > li .img_wrap .resize{ padding-bottom:25%}
.sub_process > li .wrap_in div.line{ height:3em; width:.8em; left:50% !important; top:100%; transform:translate(-50%,0)}
.sub_process > li .wrap_in div.line:before{ width:100%; height:0}

.dp2_notice .w_name{ display:none }

.section_0 {padding: 80px 0px 200px;}


.opemmile > div{width:33.33%;}
.greet .section1 .tt{font-size:2em;}

.board_photo.cert > li{width:33.33%;}
.greet .section2 .con_w ul{flex-wrap:wrap;}
.greet .section2 .con_w ul li{width:50%;}
.greet .section2 .con_w ul li:nth-of-type(n+3){margin-top:2em;}

.greet .section1 .opemmile{flex-wrap:wrap;}
.opemmile > div{width:auto;}
.opemmile .open_left{margin-bottom:1em; width:100%;}
.opemmile .logo_img{width:75%; text-align:center; margin-bottom:1em;}
.opemmile .open_right{width:100%;}

.visualSlider_wrap .slogan .t1{font-size:2.5em;}
.main_txt .t5{font-size:2em;}

.main_mission > li{flex:1 1 100%; height:14em;}
.main_mission > li:hover{flex:1 1 100%;}

.diagram_circle > li .wrap_in .resize{padding-bottom:60%;}

.contents_box .contents_icon{width:7em; height:7em; margin:10px auto;}

.section5{margin:0 auto; margin-top:2em;}
.section_text{font-size:1.5em;}
.main_txt .t6 br{display:none;}
.lmLXso {margin-left :-10em;}


}

@media screen and (max-width:600px){
	.board_photo.cert > li{width:50%;}
	.visualSlider_wrap .slogan .t1{font-size:1.75em;}
	.greet .section1 .tt{font-size:1.75em;}
	.main_txt .t6{font-size:1.75em;}
	#contents .sub_tit_wrap .tit{font-size:1.75em;}
	.ser_tit .tt{font-size:1.75em;}
	.main_txt .t5{font-size:1.5em;}
	.sec_tit2{font-size:1.5em;}
	.ser_tit .en{font-size:1.5em;}
	
	.diagram_circle > li .wrap_in .bg:before{display:none;}
	
	.point_box{width:100%; max-width:100%; margin-bottom:1em;}
	.contents_box{width:100%; margin-bottom:2em;}
	.lmLXso {margin-left: -15em;}
}

@media screen and (max-width:500px){
.ser_tit .en{font-size:1.25em;}
.contents_box .contents_icon{width:5em; height:5em;}
.ser_tit .tx{font-size:1em;}
.main_customer > li{width:100%;}
.main_customer > li .wrap_in:hover:before{display:none;}
.main_customer > li .wrap_in .btnAni{position:static; opacity:1; visibility:visible; color:#fff;}
.main_customer > li .wrap_in:hover .btnAni{transform:none;}
.main_customer > li .wrap_in:hover .txtAni{transform:none;}
.main_customer > li .wrap_in{padding:2em 2em; padding-bottom:2em;}
.lmLXso {margin-left: -18em;}
}

@media screen and (max-width:380px){
	.board_photo.cert > li{width:100%;}
	.diagram_circle{flex-direction:column;}
	.diagram_circle_wrap{padding:0;}
	.diagram_circle > li{flex:1 1 100%; width:100%; margin-bottom:1em;}
	.diagram_circle > li.center{position:static;  transform:none;}
	.diagram_circle > li:nth-child(1) .wrap_in .in{transform:none;}
	.diagram_circle > li:nth-child(3) .wrap_in .in{transform:none;}
	.lmLXso {margin-left: -23em;}
}

@media all and (orientation:landscape){

}