@charset "utf-8";

.test_img {overflow:hidden;}
.test_img img {position:absolute; top:0; left:50%; display:block;
transform:translateX(-50%);
}

@media (max-width: 1199px) {
.test_img img {width:150%; height:auto;}
}

.sub_cont .cols {zoom:1;}
.sub_cont .cols:after {display:block;visibility:hidden;clear:both;content:""}

/*greeting*/
.col_greetning {margin:0 -15px;}
.col_greetning .col {position:relative;}
.col_greetning .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_greetning .col_pic {background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; height:100%;}
.col_greetning .col1 .col_pic {background-image:url(/eng/images/0101_img_02.jpg); left:0;}
.col_greetning .col2 .col_pic {background-image:url(/eng/images/0101_img_03.jpg); right:0;}
.col_greetning .txt_wrap {min-width:585px; width:65%; padding:11% 0;}
.col_greetning .col1 .txt_wrap {padding-left:8%;}
.col_greetning .col2 .txt_wrap {padding-right:8%;}
.col_greetning .txt_wrap p {line-height:1.45em;}
.col_greetning .txt_wrap p.txt_big {line-height:1.2em; color:#333; font-weight:500; margin:0 0 .8em;}

@media (max-width:1199px) {
.col_greetning .txt_wrap {width:100%; min-width:inherit;}
.col_greetning .col1 .txt_wrap {padding-left:5%; padding-right:2%;}
.col_greetning .col2 .txt_wrap {padding-right:5%; padding-left:2%;}
}

@media (max-width:767px) {
.col_greetning .col_pic {position:inherit; padding-bottom:50%;}	
.col_greetning .txt_wrap {padding:7% 0 !important;}
}

@media screen\9 {
.col_greetning .col_pic {height:547px;}	
.col_greetning .col_txt {height:547px;}
}

/*history*/
.col_wide {padding-top:60px; padding-bottom:80px; margin:0 -15px;}

@media (min-width: 768px) and (max-width: 991px) {
.col_wide {padding-top:48px; padding-bottom:70px;}	
}

@media (max-width: 767px) {
.col_wide {padding-top:35px; padding-bottom:55px;}	
}

.history_wrap {background:#e6e6e6 url(/eng/images/0102_bg_01.jpg) no-repeat center 0;}
.htr_since {background:url(/eng/images/0103_img_01.png) no-repeat center center; background-size:cover; text-align:center; width:137px; height:161px; line-height:1.2em; color:#fff; font-weight:500;}
.htr_since p {position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}

@media \0screen\,screen\9 {
.htr_since {background-image:url(/eng/images/0102_img_02.png);}	
.htr_since p {top:34%;}
}

.col_history {list-style:none; margin:0 0 0 60px; padding:70px 0 20px; background:url(/eng/images/line_01.gif) repeat-y 7px 0;}
.col_history li {margin:40px 0 0; background:url(/eng/images/ico_dot_01.png) no-repeat 0 .65em; padding-left:50px;}
.col_history li:first-child {margin:0;}
.col_history h4.year {color:#d4232b; line-height:1em;}
.col_history .txt {line-height:1.7em; padding:.6em 0;}
.history_wrap .htr_last {height:136px; margin-left:67px; width:1px; background:url(/eng/images/line_02.png) no-repeat 0 bottom;}


@media (max-width:991px) {
.history_wrap {background-size:cover;}
.history_wrap .htr_last {background-size:1px 100%;}
}


@media (min-width: 768px) and (max-width: 991px) {
.htr_since {width:114px; height:134px;}	
.col_history {padding:58px 0 16px; margin-left:50px;}
.col_history li {margin:33px 0 0; padding-left:40px}
.history_wrap .htr_last {margin-left:58px; height:113px;}
}

@media (max-width: 767px) {
.history_wrap {background-position:55% 0;}	
.htr_since {width:91px; height:107px;}	
.col_history {padding:46px 0 13px; margin-left:40px; background-position:5px 0;}
.col_history .txt {letter-spacing:-0.04em;}
.col_history li {margin:26px 0 0; background-size:10px auto; padding-left:30px}
.history_wrap .htr_last {margin-left:45px; height:90px;}
}

@media (max-width: 479px) {
.col_history .txt {letter-spacing:-0.06em;}
}

/*org*/
.col_org_wrap {background:#e6e6e6;}
.col_org_wrap .container {background:url(/eng/images/0103_bg_01.gif) no-repeat center 0; padding-top:74px; padding-bottom:60px;}
.col_org_wrap .txt_big {color:#d1131c; font-weight:600; line-height:1em; margin:0 0 .25em;}
.col_org_wrap .txt_mdd {color:#444; font-weight:500; line-height:1.4em;}
.col_org {background:url(/eng/images/line_01.gif) repeat-y center 0; margin:56px 0 0;}
.org_ceo {width:77.6%; max-width:722px; margin:0 auto; border-bottom:1px solid #dadada;}
.org_ceo p {width:157px; height:182px; line-height:182px; background:url(/eng/images/0103_img_01.png) no-repeat center center; background-size:cover; color:#fff; font-weight:500; margin:0 auto 56px;}
.org_part {position:relative; width:100%; max-width:931px; margin:0 auto;} 
.org_part ul {list-style:none; margin:0; padding:0; display:table; width:100%;}
.org_part ul li {display:table-cell;}
.org_part ul li.box {background:url(/eng/images/line_01.gif) repeat-y center 0; width:22.5%;}
.org_part ul li.box.no_line {background:none;}
.org_part ul.col2 li.box {width:30.1%;}
.org_part ul > li > div {background:#3d3d3d; width:100%; height:58px; color:#c5c5c5; font-weight:400; position:relative;}
.org_part ul > li > div p {position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
.org_part ul > li > div .dot {display:block; width:10px; height:10px; background:#fff; border:1px solid #dadada; position:absolute; top:-5px; left:50%; margin-left:-5px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
}
.org_part .col1 li {padding:48px 0 0;}
.org_part .col2 {width:74.5%; margin:-106px auto 0;}
.org_part .col2 li {padding:150px 0 0;}

@media \0screen\,screen\9 {
.org_part ul > li > div p {margin-top:-.5em; top:34%;}
}

@media screen\9 {
.org_part ul li {display:inline; zoom:1;}
.org_part ul li.blank {width:31px;}
.org_part ul > li > div p {margin-top:-.5em; top:44%;}
.org_part ul > li > div .dot {margin-left:-7px; top:-7px;}
.org_part .col2 {margin-top:-112px;}
}

@media (max-width: 991px) {
.col_org_wrap .container {background-size:cover;}
}

@media (min-width: 768px) and (max-width: 991px) {
.col_org_wrap .container {padding-top:60px; padding-bottom:50px;}
.org_ceo p {width:128px; height:148px; line-height:148px; margin-bottom:45px;}	
.org_part ul > li > div {height:52px;}

.org_part .col1 li {padding:40px 0 0;}
.org_part .col2 {margin-top:-92px;}
.org_part .col2 li {padding:130px 0 0;}
}

@media (max-width: 767px) {
.col_org_wrap .txt_mdd {line-height:1.3em;}
.col_org {margin:37px 0 0;}
.org_ceo p {width:90px; height:104px; line-height:104px; margin-bottom:35px;}
.org_part ul > li > div {height:46px; font-size:.9em; line-height:1.2em; letter-spacing:-0.06em;}
.org_part ul > li > div .dot {width:8px; height:8px; top:-4px; margin-left:-4px;}
.org_part .col1 li {padding:32px 0 0;}
.org_part .col2 {margin-top:-79px;}
.org_part .col2 li {padding:110px 0 0;}
}

/*contact us*/
.col_map {position:relative; width:100%; height:0; padding-bottom:43%; border:1px solid #d9d9d9;}
.col_map iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

.col_loc {zoom:1; padding:2.8em 1.5em; border-bottom:1px solid #e2e2e2;}
.col_loc:after {display:block;visibility:hidden;clear:both;content:""} 
.col_loc .col_tit {float:left; letter-spacing:-0.02em; color:#333; margin:0 2.4em 0 0;}
.col_loc .col_txt {list-style:none; margin:0; padding:0; float:left;}
.col_loc .col_txt li {padding:.27em 0;}
.col_loc .col_txt li .blank {display:inline-block; padding:0 .5em;}

@media (min-width: 768px) and (max-width: 991px) {
.col_map {padding-bottom:56%;}
.col_loc {padding:2.4em 1.25em;}
}

@media (max-width: 767px) {
.col_map {padding-bottom:76%;}

.col_loc {padding:2em 1em;}
.col_loc .col_tit {float:inherit; margin:0 0 .5em;}
.col_loc .col_txt li {padding:.1em 0;}
.col_loc .col_txt li .blank {padding:0 .3em;}
}

/*brand*/
.brand01 .container {top:50%; position:relative;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}

.brand01 .col {background-repeat:no-repeat; background-position:center center; height:550px; zoom:1;}
.brand01 .col:after {display:block;visibility:hidden;clear:both;content:""} 
.brand01 .col1 {background-image:url(/eng/images/03_img_01.jpg);}
.brand01 .col2 {background-image:url(/eng/images/03_img_02.jpg);}
.brand01 .col3 {background-image:url(/eng/images/03_img_03.jpg);}

.brand01 .txt_box {width:45%;}
.brand01 .col p {color:#fff; line-height:1.4em; text-shadow:0 1px 4px rgba(0,0,0,.3);}
.brand01 .col3 p {color:#555; text-shadow:inherit;}
.brand01 .col p.txt_big {font-weight:500; line-height:1.25em;}

.brand01 .col .col_line {border-top:1px solid #fff; height:0; clear:both; width:5em; padding:.8em 0; margin:1.2em 0 0;}
.brand01 .col3 .col_line {border-color:#555;}


@media \0screen\,screen\9 {
.brand01 .container {top:35%;}
}


@media (max-width: 991px) {
.brand01 .container {top:inherit; padding-top:18%; padding-bottom:18%;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
}	
.brand01 .col {height:auto; background-size:auto 100%; background-position:56% center;}
.brand01 .col.col2 {background-position:34% center;}


}

@media (min-width: 768px) and (max-width: 991px) {
.brand01 .txt_box {width:52%;}	
}

@media (max-width:767px) {
.brand01 .txt_box {width:60%;}	
}