/* ���뿵�� */
#sub-contents ul, #sub-contents ol { margin:0; padding:0; }
#sub-contents li { list-style:none; }
#sub-contents { font-size:16px; color:#555; font-weight:300; line-height:26px; letter-spacing:-0.03em; text-align:center; }
#sub-contents > div { margin-top:60px; }
#sub-contents > .con01 { margin-top:0; }
#sub-contents .d-map > div { width:100%; }



/* greeting */
.p-greeting .con01 { padding:60px; background:#f5f5f5; }
.p-greeting .con01 figcaption { font-size:25px; color:#333; line-height:25px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; margin-bottom:60px; }
.p-greeting .con01 figcaption span { color:#a41f21; }
.p-greeting .con01 img { display:block; margin:0 auto; max-width:550px; width:100%; }
.p-greeting .con02 dt { margin:60px 0 30px 0; }
.p-greeting .con02 dt span { display:block; font-size:20px; line-height:30px; color:#333; font-weight:500; }
.p-greeting .con02 dt p{display: flex; justify-content: space-between;padding-bottom: 50px}
.p-greeting .con02 dt p img{max-width: 50%;}
.p-greeting .con02 dt b {  color:#a41f21; text-transform:uppercase; }
.p-greeting .con02 dd span { display:block; font-size:16px; line-height:26px; color:#555; font-weight:300; }
.p-greeting .con02 dd p { display:block; margin-top:30px; }
.p-greeting .con02 dd p:nth-of-type(1) { margin-top:0; }



/* history */
.p-history nav ul { width:100%; overflow:hidden; text-align:center; }
.p-history nav li { width:50%; float:left; }
.p-history nav li a { display:block; padding:14px 0; background:#fff; color:#333; font-size:16px; font-weight:500; border:1px solid #ddd; }
.p-history nav li a:hover { background:#f5f5f5; }
.p-history nav li.on a {  padding:15px 0; border:0; background:#333; color:#fff; }

.p-history .history-wrap { margin-top:60px; }
.p-history .y10 > img { display:block; width:97px; margin:0 auto; }
.p-history .history-con { background:url('/page/images/company/history_line.png'), url('/page/images/company/history_end.png'); background-repeat:repeat-y, no-repeat; background-position:center top, center bottom; }
.p-history .history-con > div { padding-top:30px; padding-bottom:30px; }
.p-history .history-con > div:nth-of-type(odd) { margin-left: calc(50% - 10px); text-align:left; }
.p-history .history-con > div:nth-of-type(even) { margin-right:calc(50% - 10px); text-align:right; }
.p-history .history-con > div:nth-of-type(odd) h2 { padding-left:90px; background:url('/page/images/company/history_bullet.png'), url('/page/images/company/history_line.png'); background-repeat:no-repeat, repeat-x; background-position:left center, left center; }
.p-history .history-con > div:nth-of-type(even) h2 { padding-right:90px; background:url('/page/images/company/history_bullet.png'), url('/page/images/company/history_line.png'); background-repeat:no-repeat, repeat-x; background-position:right center, right center; }
.p-history .history-con > div:nth-of-type(odd) h2 span { padding-left:10px; }
.p-history .history-con > div:nth-of-type(even) h2 span { padding-right:10px; }
.p-history .history-con > div:nth-of-type(odd) ul { padding-left:100px;  }
.p-history .history-con > div:nth-of-type(even) ul { padding-right:100px; }
.p-history .history-con > div:nth-of-type(odd) li { position:relative; padding-left:40px; }
.p-history .history-con > div:nth-of-type(even) li { position:relative; padding-right:40px; }
.p-history .history-con > div:nth-of-type(odd) li span { position:absolute; top:0; left:0; }
.p-history .history-con > div:nth-of-type(even) li span { position:absolute; top:0; right:0; }
.p-history .history-con h2 span { display:block; background:#fff; font-size:30px; line-height:30px; color:#333; font-weight:600; }
.p-history .history-con ul { margin:30px 0 0 0; padding:0; }
.p-history .history-con li { list-style:none; margin-top:15px; font-size:16px; color:#555; font-weight:300; line-height:22px; }
.p-history .history-con li:nth-of-type(1) { margin-top:0; }
.p-history .history-con span { color:#333; font-weight:500; }




/* current */
.p-current .con01 { background:url('/page/images/company/now_bg.jpg')no-repeat center center; background-size:cover; padding:30px 15px; }
.p-current .con01 p { font-size:25px; line-height:25px; color:#fff; font-weight:500; letter-spacing:-0.03em; margin-bottom:15px; }
.p-current .con01 span { font-size:18px; letter-spacing:0.6em; font-weight:300; color:#fff; opacity:0.6; }
.p-current .con02 { margin-top:60px !important; border-top:3px solid #a41f21; }
.p-current .con02 li { padding:25px 25px 25px 165px; border-bottom:1px solid #ddd; overflow:hidden; text-transform:uppercase; text-align:left; }
.p-current .con02 li:last-child { border-bottom:2px solid #666; }
.p-current .con02 li:nth-of-type(1) { background:url('/page/images/company/now1.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(2) { background:#f5f5f5 url('/page/images/company/now2.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(3) { background:url('/page/images/company/now3.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(4) { background:#f5f5f5 url('/page/images/company/now4.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(5) { background:url('/page/images/company/now5.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(6) { background:#f5f5f5 url('/page/images/company/now6.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(7) { background:url('/page/images/company/now7.png')no-repeat 50px center; }
.p-current .con02 li:nth-of-type(8) { background:#f5f5f5 url('/page/images/company/now8.png')no-repeat 50px center; }
.p-current .con02 li p { float:left; display:block; width:110px; font-weight:500; color:#333; }
.p-current .con02 li span { float:left; display:block; color:#555; }





/* map */
.p-map .map-info { border-top:3px solid #a41f21; background:#f5f5f5; border-bottom:1px solid #ddd; padding:30px 50px; overflow:hidden; }
.p-map .map-info h2 { float:left; width:40%; font-size:30px; line-height:30px; color:#333; font-weight:500; letter-spacing:-0.03em; vertical-align:middle; text-align:left; }
.p-map .map-info h2 img { margin-right:25px; vertical-align:middle; }
.p-map .map-info address { float:left; width:60%; padding-left:2%; text-align:left; margin:10px 0 0 0; }
.p-map .map-info address > p { display:block; margin-bottom:30px; font-size:25px; line-height:25px; color:#333; font-weight:200; }
.p-map .map-info dl { overflow:hidden; margin-top:15px; }
.p-map .map-info dl:nth-of-type(1) { margin-top:0; }
.p-map .map-info dt { float:left; display:block; width:50px; font-weight:500; color:#333; font-size:16px; line-height:16px; }
.p-map .map-info dd { float:left; display:block; font-size:16px; color:#555; font-weight:300; line-height:16px; }




/* location */
.p-location .con01 address {  border-top:3px solid #a41f21; background:#f5f5f5; border-bottom:1px solid #ddd; padding:30px 50px !important; overflow:hidden; text-align:left;}
.p-location .con01 p { display:inline-block; font-size:16px; color:#555; line-height:16px; font-weight:300; }
.p-location .con01 p span { padding-right:10px; color:#333; font-size:16px; line-height:16px; font-weight:500; }
.p-location .con01 address > div { float:right; text-align:right; }
.p-location .con01 address > div > p { margin-left:20px; }
.p-location .con01 address > p { float:left;  }



/* mst1000 */
.mst1000 .con01 { background:url('/page/images/mst/mst_bg1.png')no-repeat center center; background-size:cover; padding:60px 20px; }
.mst1000 .con01 p span { display:block; font-size:20px; line-height:30px; color:#333; font-weight:500; }
.mst1000 .con02 { padding:30px; border:1px solid #ddd; }
.mst1000 .con02 img { width:100%; max-width:990px; display:block; margin:0 auto; }
.mst1000 .con03 > p span { display:block; }
.mst1000 .con03 > p span b { font-weight:500; }
.mst1000 .con03 ol { display:block; margin:60px 0 !important; overflow:hidden; }
.mst1000 .con03 li { float:left; width:32%; margin-left:2%; border:1px solid #ddd; border-top:3px solid #a41f21; padding:30px 15px; }
.mst1000 .con03 li:nth-of-type(1) { margin-left:0; }
.mst1000 .con03 li p { margin-top:15px; padding-bottom:15px; background:url('/page/images/mst/bottom-bar.jpg')no-repeat center bottom; }
.mst1000 .con03 li p span { display:block; color:#333; font-size:20px; line-height:26px; font-weight:500; }
.mst1000 .con04 { border:1px solid #ddd; padding:30px; }
.mst1000 .con04 img  { display:block; margin:0 auto; max-width:549px; width:100%; }
.mst1000 .con05 p span { display:block; }
.mst1000 .con05 .img-box { border:1px solid #dcdcdc; padding:30px; margin:60px 0; }
.mst1000 .con05 .img-box:nth-of-type(1) img { display:block; margin:0 auto; max-width:759px; width:100%; }
.mst1000 .con05 .img-box:nth-of-type(2) img { display:block; margin:0 auto; max-width:660px; width:100%; }
.mst1000 .con06 { background:url('/page/images/mst/mst_bg2.jpg')no-repeat center center; background-size:cover; padding:60px 20px; }
.mst1000 .con06 p span { display:block; font-size:20px; line-height:30px; color:#fff; font-weight:500; }
.mst1000 .con07 .youtube{position:relative; width:50%; padding-bottom:56.25%; float:left; margin-bottom:-24%;  }
.mst1000 .con07 .youtube:after { content:''; display:block; clear:both;}
.mst1000 .con07 .youtube iframe{position:absolute; left:0; padding-right:15px; width:100%; height:50%;  /* transform:translateX(-50%); */}


@media (max-width:1199px) {


}



@media (max-width:991px) {
/*greeting*/
.p-greeting .con02 dt span, dd span, .p-map .map-info address > p {word-break:keep-all;}
/*map*/
.p-map .map-info h2 img {width:50%;}
.p-map .map-info address > p {font-size:22px}
.p-map .map-info h2 {font-size:23px;}
/*product*/
.mst1000 .con01 , .mst1000 .con06{padding: 45px 30px;}
.mst1000 .con01 p span , .mst1000 .con06 p span{font-size:18px; line-height:28px; word-break:keep-all;}
.mst1000 .con05 p span , .mst1000 .con01 p span{display:inline; word-break:keep-all;}
.mst1000 .con07 .youtube {float:none; width:100%; margin-bottom:0; }
.mst1000 .con07 .youtube iframe {height:100%; padding:0 0 15px 0;}
/*location*/
.p-location .con01 address > div {float:none; text-align:left; }
.p-location .con01 address > p {margin-bottom:12px; float:inherit;}
.p-location .con01 address > div > p:nth-of-type(1){margin-left:0}



}

@media (min-width:768px) and (max-width:909px) {
.mst1000 .con03 li { min-height:208px;}

}


@media (max-width:740px) {
.p-current .con02 li p {float:none;}
.p-current .con02 li p, span {word-break:keep-all;}
}

@media (max-width:768px) {
/*history*/
.p-history .y10 > img { margin:0; }
.p-history .history-con  { background-position:47px top, 43px bottom; }
.p-history .history-con > div:nth-of-type(odd) { margin-left:37px }
.p-history .history-con > div:nth-of-type(even) { margin-left:37px; text-align:left; margin-right:0; }
.p-history .history-con > div:nth-of-type(even) h2 { padding-left:90px; padding-right:0; background-position:left center, left center; }
.p-history .history-con > div:nth-of-type(even) h2 span { padding-left:10px; padding-right:0; }
.p-history .history-con > div:nth-of-type(even) ul { padding-left:100px; padding-right:0; }
.p-history .history-con > div:nth-of-type(even) li { padding-left:40px; padding-right:0; }
.p-history .history-con > div:nth-of-type(even) li span { left:0; }
/*current*/
.p-current .con01 p { font-size:22px; line-height:22px;margin-bottom:10px; word-break:keep-all; }
.p-current .con01 span { font-size:16px; word-break:keep-all;}
.p-current .con02 {margin-top:40px !important;}
.p-current .con02 li {padding-left:130px}
.p-current .con02 li p {width:90px}
/*map*/
.p-map .map-info h2 {float:none; width:70%}
.p-map .map-info address{width:100%}
.p-map .map-info address {margin:15px 0 0 0}
.p-map .map-info address > p {margin-bottom:20px}
/*product*/
.mst1000 .con03 li {width:100%; float:none; margin-top:20px; margin-left:0}
.mst1000 .con01 p span, .mst1000 .con06 p span {font-size:18px; line-height:25px;}
.mst1000 .con06 {font-size:17px; line-height:17px; padding:40px 20px;}

}

@media (max-width:480px) {

/*history*/
.p-history .history-con > div:nth-of-type(odd) h2 { padding-left:50px; }
.p-history .history-con > div:nth-of-type(odd) ul { padding-left:60px; }
.p-history .history-con > div:nth-of-type(even) h2 { padding-left:50px !important; }
.p-history .history-con > div:nth-of-type(even) ul { padding-left:60px !important; }
/*greeting*/
.p-greeting .con01 {padding:30px;}
.p-greeting .con01 figcaption {font-size:20px; line-height:30px; margin-bottom:40px}
.p-greeting .con02 dt { margin:30px 0 15px 0; }
.p-greeting .con02 dt span {font-size:18px; line-height:28px}
/*current*/
.p-current .con01 p { font-size:20px; line-height:20px; margin-bottom:5px; word-break:keep-all; }
.p-current .con01 span { font-size:12px; word-break:keep-all;}
.p-current .con02 li{padding:20px 20px 20px 100px}
.p-current .con02 li:nth-of-type(1) { background:url('/page/images/company/now1.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(2) { background:#f5f5f5 url('/page/images/company/now2.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(3) { background:url('/page/images/company/now3.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(4) { background:#f5f5f5 url('/page/images/company/now4.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(5) { background:url('/page/images/company/now5.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(6) { background:#f5f5f5 url('/page/images/company/now6.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(7) { background:url('/page/images/company/now7.png')no-repeat 25px center; }
.p-current .con02 li:nth-of-type(8) { background:#f5f5f5 url('/page/images/company/now8.png')no-repeat 25px center; }
/*map*/
.p-map .map-info h2 img {display:none;}
.p-map .map-info address{padding-left:0}
.p-map .map-info dl {margin-bottom:0}
.p-map .map-info {padding:25px 35px; }
/*product*/
.mst1000 .con01, .mst1000 .con06 {padding:

}

@media (max-width:490px) {
/*location*/
.p-location .con01 address {padding:15px 15px !important}
.p-location .con01 address p span {display:inline; font-size:14px; line-height:16px;}
.p-location .con01 address > p , .p-location .con01 p{font-size:14px; line-height:16px; margin:0 0 5px 0;}


}


@media (max-width:340px) {
/*product*/
#sub-contents > div {margin-top:40px;}
.mst1000 .con03 ol {margin: 40px 0 !important;}
.mst1000 .con05 .img-box {margin: 40px 0;}
/*location*/
.p-location .con01 address > div > p{margin-left:0}

}