.ci_box/*---ci page css---*/


#k_header{background: rgba(255,255,255,.7) !important;}

/*container*/
.main_container { }
.ci_section{margin-top: 151px;}
.ci_inner, .ci_info { width: 92%; margin: 0 auto; }

.bi_info { display: flex; justify-content: center; align-items: center; }
.bi_info .ci_txt { width: 60%; padding-right: 80px; }
.bi_info .ci_color_box {width: 40%; margin-top: 0; }
.bi_info .ci_color { width: 100%; }

@media screen and (max-width: 1480px){

	.ci_section{margin-top: 141px;}
}

@media screen and (max-width: 1080px){

	.ci_section{margin-top: 76px;}
}

/*common*/
.ci_txt h3{margin-bottom: 15px;}
.ci_txt p{line-height: 165%;word-break: keep-all;}

@media screen and (max-width: 720px){

	.ci_txt h3{font-size: 25px;margin-bottom: 4px;}
	.ci_txt p{font-size: 11px;}
}

/*---ci sv part---*/
.ci_img_box{height: 84vh;position: relative;}
.ci_img_box figure{height: 100%;background-image: url(/img/ci_page/sv_ci.jpg);background-repeat: no-repeat;background-position: top;background-size: cover;}

.ci_sv_txt{position: absolute;top: 38%;left: 0%;width: 100%;z-index: 1;text-align: center;}
.ci_sv_txt span{display: block;color: #62b995;margin-bottom: 11px;}
.ci_sv_txt h2{color: #FFF;}

@media screen and (max-width: 1480px){

	.ci_img_box{height: 84vh;}
}

@media screen and (max-width: 720px){

	.ci_img_box{height: 84vh;}
	.ci_sv_txt { top: 40%; }
	.ci_sv_txt span{font-size: 11px;margin-bottom: 5px; }
	.ci_sv_txt h2{font-size: 30px;}
}

/*---ci logo motion part---*/
#ci_wrap{padding: 140px 0;}

.ci_top{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 73px;}
.ci_top .link_a{margin-bottom: 22px;}

.ci_bg{position: relative;}
.ci_bg>img{display: block; margin: 0 auto; }
.ci_bg>img.ci_bg_mo{display: none;}

.ci_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ci_box { text-align: center; }
.ci_box img { width: 50%; margin-top: 100px;  }

.ci_svg{position: absolute;top: 50%;left: 50%;}
.ci_svg_01{width: 462px;z-index: 10;transform: translate(-50%,-50%);}
.ci_svg_02{width: 302px;z-index: 5;opacity: 0;transform: translate( calc( -50% - 30px ),-50%);}
.ci_svg_03{width: 1210px;z-index: 1;opacity: 0;transform: translate(-50%,-50%);margin-top: 50px;}

.ci_progress{height: 5px;background: #f1f1f1;position: relative;z-index: 1;}
.ci_progress span{position: absolute;top: 0;left: 0;width: 40%;height: 100%;background: #ccc;z-index: 1;}

@media screen and (max-width: 1860px){

	.ci_bg>img{width: 100%;}
}

@media screen and (max-width: 1480px){

	#ci_wrap{padding-top: 50px;}
	
	.ci_svg_01{width: 138.6px;}
	.ci_svg_02{width: 90.6px}
	.ci_svg_03{width: 847px;}
}

@media screen and (max-width: 1080px){

	.ci_top .link_a{margin-bottom: 4px;}

	#ci_wrap{padding: 150px 0;}
	
	.ci_svg_01{width: 138.6px;}
	.ci_svg_02{width: 90.6px}
	.ci_svg_03{width: 592.9px;}
}

@media screen and (max-width: 960px){

	.ci_top{display: block;flex: none;}
	.ci_top .link_a{text-align: left;margin-top: 50px;margin-bottom: 0;}
}

@media screen and (max-width: 720px){

	.ci_box img { width: 70%; }
	.ci_top .link_a{margin-top: 33px;}

	#ci_wrap{padding: 94px 0;}
	
	.ci_bg>img.ci_bg_pc{display: none;}
	.ci_bg>img.ci_bg_mo{display: block;}

	.ci_svg_01{width: 138.6px;}
	.ci_svg_02{width: 90.6px}
	.ci_svg_03{width: 300px;}

	.ci_progress{height: 3px;}
}

/*---ci color info---*/
.ci_color_box{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 70px;}
.ci_color{width: calc( ( 100% - 30px ) / 2 );color: #FFF;padding: 46px 47px 41px 47px;}
.ci_color_01{background: #124734;}
.ci_color_02{background: #939598;}

.ci_color span{display: block;margin-bottom: 11px;}
.ci_color h4{line-height: 0.5;margin-bottom: 140px;}

.ci_color_chip i{display: block;line-height: 166%;}

@media screen and (max-width: 1480px){

	.ci_color h4{margin-bottom: 120px;}
}

@media screen and (max-width: 1080px){ 
	
	.ci_color_box{margin-top: 50px;}
	.ci_color h4{margin-bottom: 80px;}
}

@media screen and (max-width: 960px){ 

	.ci_color{padding: 36px 37px 31px 37px;}
	.ci_color h4{margin-bottom: 40px;}
}

@media screen and (max-width: 720px){ 
	
	.bi_info { display: block; }
	.bi_info .ci_txt { width: 100%; padding-right: 0; margin-bottom: 50px; }
	.bi_info .ci_color_box { width: 100%; }
	
	.ci_color_box{display: block;flex: none;margin-top: 45px;}	
	.ci_color{width: 100%;padding: 21px 23px 11px 23px;}
	.ci_color_01{margin-bottom: 25px;}

	.ci_color span{font-size: 11px;}
	.ci_color h4{font-size: 25px;}
	.ci_color_chip i{font-size: 11px;line-height: 160%;}
}


.ci_c4 .tit_box_04, .ci_c2 .tit_box_04 { width: 70%; }

.ci_c4_en { background-image: url("/img/sub_page_03/ci_01_en.jpg"); background-color: #f7f7f7; }
.ci_c2_en { background-image: url("/img/sub_page_03/ci_02_en.jpg"); background-color: #f7f7f7; }