@charset "utf-8";


/* ȸ»ç°³¿ä */
#content{padding:30px 0 80px; box-sizing:border-box;}
#content .tit{margin-top:50px; text-align:center;}
#content .tit span{display:block; color:#0a548b; font-size:14px; font-weight:300;}
#content .tit h3{margin-top:5px; color:#111; font-size:36px; font-weight:500; letter-spacing:-2.5px;}
#content .tit p{margin-top:15px; color:#555; font-size:16px; font-weight:300; letter-spacing:-1.5px;}
#content .inr{position:relative; max-width:1200px; margin:0 auto;}



/* Á¶Á÷µµ */
.organization{margin-top:60px; text-align:center; letter-spacing:-1px;}
.organization li[class^="org0"],
.organization li[class^="org0"] > ul > li{width:160px; height:55px;}
.organization li[class^="org0"] p{color:#fff; font-size:18px; font-weight:300; line-height:3em;}
.organization li.org01{position:relative; width:128px; height:130px; margin:0 auto; border-radius:50%; background:url(../img/sub/bg_ceo.png) no-repeat 50% 0;}
.organization li.org01:after{content:''; display:block; position:absolute; left:50%; top:70%; width:1px; height:120%; margin-left:-0.5px; border-left:1px dashed #ccc; z-index:-1;}
.organization li.org01 span{display:block; padding-top:50px; color:#c3dfff; font-size:14px; font-weight:300; letter-spacing:2px;}
.organization li.org01 p{line-height:1.5em;}
.organization li.org02{position:relative; float:right; width:35%;}
.organization li.org02:before{content:''; display:block; position:absolute; top:60%; right:100%; width:42%; height:1px; margin-top:-0.5px; border-top:1px dashed #ccc; z-index:-1;}
.organization li.org02 p{width:150px; height:55px; background:#2c3281;}

.organization li.org05{position:relative; float:right; width:-20%;}
.organization li.org05:before{content:''; display:block; position:absolute; top:60%; left:100%; width:42%; height:1px; margin-top:-0.5px; border-top:1px dashed #ccc; z-index:-1;}
.organization li.org05 p{width:150px; height:55px; background:#2c3281;}

.organization li.org03{width:100%; height:100%; margin-top:150px; clear:right;}
.organization li.org03 > ul{position:relative;}
.organization li.org03 > ul:before{content:''; display:block; position:absolute; top:-34px; left:58.6%; width:69.1%; height:1px; margin-left:-42.8%; border-top:1px dashed #ccc;}
.organization li.org03 > ul > li{float:left; margin:0 5.7px 0 110px; height:100%;}
.organization li.org03 > ul > li > p{position:relative; background:#2867d1;}
.organization li.org03 > ul > li > p:before{content:''; display:block; position:absolute; left:50%; bottom:100%; width:1px; height:60%; margin-left:-0.5px; border-left:1px dashed #ccc; z-index:-1;}
.organization li.org03 > ul > li li{height:40px; margin-top:10px; background:#fff; border:1px solid #cacbcc;}
.organization li.org03 > ul > li li p{color:#111; line-height:2.3em;}
.organization li.org03 > ul:after{content:''; display:block; clear:both;}

.organization .last .org04 li{float:left; width:250px; margin:10px 1% 0;}



@media all and (max-width:1240px){
	#content{padding:120px 20px 30px;}
	#content .inr{max-width:100%;}
	#content .list li{width:30%; margin:0 2%;}
	#content .tit{margin-top:20px;}
	#content .tit h3{line-height:1.3em;}
	.history,
	.concept{margin-top:50px;}
	.organization li.org03 > ul > li{width:12.28%; margin:0 1%;}
	.business .img{width:50%;}
	.business .txt{width:50%;}
	.business .txt p br{display:none;}
	.ceo_img{margin-top:20px;}
	.ceo_img:before{left:40px; transition:all 0.5s ease 0s;}
	.ceo_img .txt{padding:70px 90px 0 0;}	
	.all_product li[class^="product0"]{width:24%; margin:0 0.56%;}
	.product_view_top .product_img{width:45%; margin-right:3%;}
	.product_view_top .product_img .img{width:74%;}
	.product_view_top .product_img .product_list{width:25%;}
	.product_view_top .product_img .product_list > li > a{margin-left:10%;}
	.product_view_top .text{width:52%;}
	.recruitment li em{width:100%;}
}

@media all and (max-width:1200px){
	.ceo_tit h4:after{display:none;}
	.ceo_sub li{width:126px; height:126px; margin:0 5px;}
	.ceo_sub li p{padding-top:40px;}
}

@media all and (max-width:1150px){
	.ceo_img{height:100%; margin-top:90px;}
	.ceo_img .txt{padding:70px 90px 30px 0;}
	.all_product li[class^="product0"]{width:48%; height:100%; margin:0 1%;}
	.all_product li:nth-child(odd){margin-left:0;}
	.all_product li:nth-child(even){margin:20px 0 0 0 !important;}
	.all_product li > div{padding:65px 45px}
	.all_product li h5 span br,
	.all_product li p br{display:none;}
}

@media all and (max-width:1115px){
	.history dl:first-child li:first-child{width:100%;}
}

@media all and (max-width:1110px){
	.ceo_img{margin-top:50px;}
	.ceo_tit{text-align:center;}
	.ceo_tit h4{margin-top:30px; padding-top:20px;}
	.ceo_tit h4:before{left:50%; margin-left:-12px;}
	.ceo_tit h4 > span{margin-left:0;}
	.ceo_sub{position:relative;}
	.ceo_sub ul{margin:0 auto;}
	.ceo_sub li{display:inline-block; float:none; margin-bottom:10px;}
	.ceo_txt p br{display:none;}
}

@media all and (max-width:1080px){
	.ceo_img:before{width:446px; height:352px;}
	.ceo_img .txt p{text-align:right;}
}

@media all and (max-width:1024px){
	.area_subvisual{height:267px;}
	.area_subvisual h2{position:absolute; top:100px; width:100%; padding-top:0; text-align:center;}
	.search_link{height:100%; margin-top:50px; padding:30px; box-sizing:border-box;}
	.search_link .txt{float:none; padding:50px 20px; background:rgba(255, 255, 255, 0.4); text-align:center;}
	.all_product{margin-top:80px;}
	.product li a em,
	.photoList > li .img{height:180px;}
}

@media all and (max-width:980px){
	.product_view_top .product_img{width:40%;}
	.product_view_top .product_img .img{float:none; width:100%;}
	.product_view_top .product_img .product_list{float:none; width:100%; margin-top:10px !important;}
	.product_view_top .product_img .product_list > li{float:left; width:32%; margin:0 0 0 2%;}
	.product_view_top .product_img .product_list > li:first-child{margin-left:0;}
	.product_view_top .product_img .product_list > li > a{width:100%; margin-left:0;}
	.product_view_top .text{width:57%;}
	.recruitment li{width:100%; margin:0;}
	.recruitment li em{float:left; width:50%;}
	.recruitment li.list02 em{float:right;}
	.recruitment li div{float:right; width:50%; margin-top:60px;}
	.recruitment li.list02 div{float:left;}
	.recruitment li:after{content:''; display:block; clear:both;}
}

@media all and (max-width:950px){
	.organization li.org02{width:23%; margin-right:1%;}
	.organization li.org02:before{width:113%;}
	.organization li.org02 p{width:100%;}
	.organization li.org03 > ul > li{width:23%; min-height:200px; margin:0 1%;}
	.organization li.org03 > ul > li:nth-child(n+5) p:before{display:none;}
	.organization li.org03 > ul:before{width:75%; margin-left:-37.5%;}
	.ceo_img .txt{padding:70px 50px 30px 0;}
}

@media all and (max-width:920px){
	.vision h4{font-size:40px; line-height:1.4em;}
}

@media all and (max-width:905px){
	.all_product li p br{display:block;}
	.ceo_img h3{font-size:30px;}
	.ceo_img p span{font-size:40px;}
	.ceo_img:before{width:386px; height:302px;}
}

@media all and (max-width:860px){
	.research{margin-top:50px;}
	.research li{height:100%; padding:30px; box-sizing:border-box;}
	.research li div{float:none !important; width:100%; padding:50px 20px; text-align:center !important; background:rgba(255, 255, 255, 0.5);}
}

@media all and (max-width:825px){
	.history dd li{float:none; width:100%;}
	.ceo_img:before{left:50%; margin-left:-198px;}
	.ceo_img .txt{float:none; padding:50px 20px 310px; text-align:center;}
	.ceo_img .txt p{text-align:center;}
	.ceo_img .txt > span{margin-top:5px;}
	.ceo_img h3 br,
	.ceo_img .txt > span br{display:none;}
}

@media all and (max-width:800px){
	.history dd li{float:none; width:100%;}
}

@media all and (max-width:775px){
	.vision h4{font-size:35px; word-break:break-word;}
	.vision h4 br{display:none;}
}

@media all and (max-width:768px){
	.product_view_top .product_img{width:100%; margin-right:0;}
	.product_view_top .text{width:100%; margin-top:20px;}
	.product.pc{display:none;}
	.product.mob li a em{height:240px;}
	.product.mob .bx-controls{position:static; margin-left:0px; margin-top:30px; text-align:center;}
	.product.mob .bx-wrapper{margin:0 auto;}
}

@media all and (max-width:715px){
	.business .txt h4 span br{display:none;}
	.product{margin-top:50px;}
}

@media all and (max-width:705px){
	.all_product li[class^="product0"]{width:100%; margin:20px 0 0 !important;}
	.all_product li:first-child{margin-top:0 !important;}
	.all_product li > div{padding:50px 45px;}
	.all_product li p{margin-top:15px;}
	.all_product li p br{display:none;}
	.all_product li a{margin-top:15px;}
}

@media all and (max-width:655px){
	.search_link p br{display:none;}
	.all_product h4,
	.all_product .search{float:none; width:100%;}
	.all_product .search{margin-top:10px;}
}

@media all and (max-width:640px){
	.photoList > li .img{height:165px;}
	.product.pc li{width:50%;}
	.product.pc li a em{height:329px;}
	.product.pc li:nth-child(odd){margin-left:0;}
	.product.pc li:nth-child(even){margin-right:0;}
}

@media all and (max-width:630px){
	.recruitment li em{float:none; width:100%;}
	.recruitment li div{float:none; width:100%; margin:30px 0 50px;}
}

@media all and (max-width:600px){
	.scrollTable{margin-top:20px;}
	.history dd em{display:block;}
	.history dd span{display:block;}
	.history dd em + span{margin-left:0;}
	.business .img{float:none; width:100%;}
	.business .txt{float:none; width:100%; padding:20px 15px;}
}

@media all and (max-width:580px){
	.ceo_img:before{width:336px; height:242px; margin-left:-168px;}
	.ceo_img .txt{padding:50px 20px 260px;}
	.ceo_img h3 br,
	.ceo_img .txt > span br{display:block;}
}

@media all and (max-width:510px){
	#content .tit p br{display:none;}
	#content .list{margin-top:50px;}
	#content .list li{width:100%; margin:0 0 20px;}
	.organization li.org02{width:31%;}
	.organization li.org02:before{width:56%;}
	.organization li.org03 > ul:before{width:66%; margin-left:-33%;}
	.organization li.org03 > ul > li{width:31.3%;}
	.organization li.org03 > ul > li.last{width:100%;}
	.organization li.org03 > ul > li:nth-child(n+4) > p:before{display:none;}
	.organization .last .org04 li{float:left; width:23%; margin:10px 1% 0;}
	.organization .last .org04 li:nth-child(4n+1){margin-left:0;}
	.organization .last .org04 li:nth-child(4n+4){margin-right:0;}
	.organization .last .org04:after{content:''; display:block; clear:both;}
	.ceo_tit h4 br{display:none;}
}

@media all and (max-width:490px){
	.product.pc li a em{height:259px;}
}

@media all and (max-width:465px){
	.all_product li p br{display:block;}
}

@media all and (max-width:452px){
	.organization .last .org04 li{width:48%;}
	.organization .last .org04 li:nth-child(odd){margin-left:0;}
	.organization .last .org04 li:nth-child(even){margin-right:0;}
}

@media all and (max-width:440px){
	.ceo_img .txt{padding:50px 20px 220px;}
	.ceo_img:before{width:296px; height:202px; margin-left:-148px;}
	.ceo_img h3 br{display:none;}
	.product.mob li a em{height:180px;}
}

@media all and (max-width:410px){
	.product.pc li{width:100%; margin:0 0 30px;}
	.research li p br{display:none;}
}

@media all and (max-width:380px){
	.organization li.org03 > ul > li{width:48%;}
	.organization li.org03 > ul > li:nth-child(n+3) > p:before{display:none;}
	.organization li.org03 > ul:before{width:50%; margin-left:-25%;}
	.organization li.org03 > ul > li:nth-child(3),
	.organization li.org03 > ul > li:nth-child(4){min-height:100%; margin-bottom:40px;}
}

@media all and (max-width:350px){
	.all_product li h5 span br{display:block;}
	.product.mob li a em{height:140px;}
}