@charset "UTF-8";

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
汎用
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size: 20px;}

@media screen and (max-width: 1280px) {
	html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, input, textarea, select, button, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size: 18px;}
}

body {min-height: calc(100vh - 133px); padding: 68px 0 65px;}

/*pc限定*/
.sp {display: none!important;}

/*コンテナ*/
.container {width: 1200px;}

@media screen and (max-width: 1366px) {
	.container {width: 87.5vw;}
}

/*--------------------------------------------------------------------------
アニメーション
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
部品
--------------------------------------------------------------------------*/
/*------------------------------------
見出し01
------------------------------------*/
.g-h_type01 {margin-bottom: 1.125rem;}
.g-h_type01:before {height: .5rem;}
.g-h_type01 span {font-size: 1.75rem;}

/*------------------------------------
見出し02
------------------------------------*/
.g-h_type02 {margin-bottom: .875rem;}
.g-h_type02 span {font-size: 1.4rem;}

/*------------------------------------
見出し03
------------------------------------*/
.g-h_type03 {font-size: 1.25rem; margin-bottom: .625rem;}
.g-h_type03.red-bullet {padding-left: .75rem; text-indent: -.75rem;}
.g-h_type03.red-bullet:before {top: -.25rem; width: .4rem; height: .4rem; margin-right: .35rem;}

/*------------------------------------
MOREボタン
------------------------------------*/
.more-btn a {width: 158px; font-size: 1rem; padding: 1px 0; border-radius: 1rem;}

/*------------------------------------
汎用リスト
------------------------------------*/
.g-list li {margin-bottom: .35rem; padding-left: .75rem; text-indent: -.75rem;}
.g-list li:last-child {margin-bottom: 0;}
.g-list li:before {top: -.125rem; width: .4rem; height: .4rem; margin-right: .35rem;}

/*------------------------------------
汎用定義リスト
------------------------------------*/
.g-deflist .entry {margin-bottom: 1.5rem; padding: 1.6rem 2.1rem;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
header .container {height: 68px;}

header .logo img {width: 108px; height: auto;}
header .c-name {font-size: .8rem; margin-left: 1.25rem;}

header .header-nav {margin-left: auto;}
header .header-nav ul li span a {font-size: .65rem;}
header .header-nav .main-nav {display: flex;}
header .header-nav .main-nav li.in-sub:after {content: ""; position: absolute; right: -16px; top: calc(25% + 1px); width: 6px; height: 6px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg) translateY(-50%); cursor: pointer; z-index: 1;}
header .header-nav .main-nav li:not(:last-child) {margin-right: 48px;}
header .header-nav .sub-nav {position: absolute; left: 0; top: 16px; display: block; background: #fff; padding: 8px 16px; border: 1px solid #dcdcdc; box-sizing: border-box; opacity: 0; visibility: hidden; pointer-events: none; transition: .5s ease; z-index: 2;}
header .header-nav .main-nav li.in-sub:hover .sub-nav,
header .header-nav .main-nav li.in-sub .sub-nav:hover {opacity: 1; visibility: visible; pointer-events: auto;}
header .header-nav .sub-nav li {width: 100%; padding: 4px 0;}
header .header-nav .sub-nav li span a {display: inline-block; white-space: nowrap;}

/* ベトナム語版 */
#vi header .header-nav .main-nav li:not(:last-child) {margin-right: 30px;}

@media screen and (max-width: 1366px) {
	header .header-nav .main-nav li:not(:last-child) {margin-right: 3.514vw;}
	header .header-nav .main-nav li.in-sub:after {top: 25%;}

	/* ベトナム語版 */
	#vi header .header-nav .main-nav li:not(:last-child) {margin-right: 2.196vw;}
}

.customize-support header {top: 32px;}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer .copyright {font-size: .95rem; padding: 21px 0;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
フロントページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*----------------------------------------
メインビジュアル
----------------------------------------*/
#top .mv {height: calc(100vh - 68px);}

#top .mv .mask {filter: url(#mv_filter_pc); clip-path: url(#mv_maskclip_pc); left: calc(50% - 341px); top: calc(50% - 34px - 293px); width: 682px; height: 586px;}

#top .mv .explore {width: 114px; bottom: 52px; left: calc(50% - 67px); font-size: .8rem;}

#top .mv .mv-slide-list .entry .inner .catch {font-size: 3.25rem; line-height: 1.2; letter-spacing: .425rem;}
#top .mv .mv-slide-list .entry .inner .catch.center {text-indent: -.425rem;}
#top .mv .mv-slide-list .entry .inner .catch span {font-size: 2.25rem; letter-spacing: .10625rem; margin-bottom: -2.125rem;}
#top .mv .mv-slide-list .entry .inner .catch.center span {text-indent: -.10625rem;}

#top .mv .mv-slide-list.mask-slide {clip-path: url(#mv_maskclip_pc); left: calc(50% - 341px); top: calc(50% - 293px); width: 682px; height: 586px; overflow: hidden;}
#top .mv .mv-slide-list.mask-slide .entry .inner figure {filter: url(#mv_filter_pc);}
#top .mv .mv-slide-list.mask-slide .entry .inner figure img {left: calc(50% - 50vw); top: calc(50% - 50vh); width: 100vw; height: 100vh;}

/*----------------------------------------
ABOUT US
----------------------------------------*/
#top .about {padding: 40px 0;}

/*Message*/
#top .about .message {margin-bottom: 96px;}
#top .about .message .inner {display: flex; justify-content: space-between;}
#top .about .message .txt {width: 54.333%;}
#top .about .message .img {width: 33.583%; margin-top: .5rem;}
#top .about .message .img figure figcaption {margin-top: 12px; text-align: center;}

/*Concept*/
#top .about .concept {margin-bottom: 76px;}

/*Points*/
#top .about .points {margin-bottom: 216px;}
#top .about .points .inner {display: flex; justify-content: space-between;}
#top .about .points .txt {width: 56.167%;}
#top .about .points .figure {width: 39%;}
#top .about .points .figure .points-figure {width: 468px; height: 415px;}

/*PROFILE*/
#top .about .profile .profile-list {display: flex; flex-wrap: wrap;}
#top .about .profile .profile-list > .entry {width: 100%; margin: .125rem 0 3.25rem;}
#top .about .profile .profile-list > .entry.two-col {width: 50%;}
#top .about .profile .profile-list > .entry.sales {margin: .125rem 0 5rem;}
#top .about .profile .profile-list > .entry .g-h_type03 {margin-bottom: .325rem;}

#vi #top .about .profile .profile-list .branch .branch-inner > .g-h_type03 {margin-bottom: 1.5rem; text-decoration: underline;}

#top .about .profile .sales-figure {width: 548.8px; height: 428.7px; margin-bottom: 78px;}

#top .about .profile .branch {height: 734px;}
#top .about .profile .branch-back {margin-left: -83px; width: 1366px; height: 734px;}
#top .about .profile .branch-list .entry:not(:last-child) {margin-bottom: 36px;}
#top .about .profile .branch-list .entry .g-h_type03 {font-size: 1rem;}
#top .about .profile .branch-list .entry .g-h_type03:before {top: -.125rem;}
#top .about .profile .branch-list .entry dl {padding-left: .75rem;}

@media screen and (max-width: 1366px) {
	#top .about .profile .sales-figure {width: 45.733vw; height: 35.725vw;}

	#top .about .profile .branch-back {margin-left: calc(-1 * ((100vw - 1200px) / 2)); width: 1366px;}
}

#top .about .profile .achivements-graph {width: 1201.18px; height: 564.61px; margin: 34px 0 72px;}
#top .about .profile .achivements-graph .st0 {fill:#2A96AE;stroke:#251E1C;stroke-width:0.5;stroke-miterlimit:10;}
#top .about .profile .achivements-graph .st1 {fill:#9B2227;stroke:#251E1C;stroke-width:0.5;stroke-miterlimit:10;}
#top .about .profile .achivements-graph .st2 {fill:#7C6092;stroke:#251E1C;stroke-width:0.5;stroke-miterlimit:10;}
#top .about .profile .achivements-graph .st3 {fill:#8EAC60;stroke:#251E1C;stroke-width:0.5;stroke-miterlimit:10;}
#top .about .profile .achivements-graph .st4 {fill:#5B79B9;stroke:#251E1C;stroke-width:0.5;stroke-miterlimit:10;}
#top .about .profile .achivements-graph .st5 {fill:#251E1C;}
#top .about .profile .achivements-graph .st6 {font-weight: 700;}
#top .about .profile .achivements-graph .st7 {font-size:22px;}
#top .about .profile .achivements-graph .st8 {fill:none;stroke:#251E1C;stroke-width:1.35;stroke-miterlimit:10;}
#top .about .profile .achivements-graph .st10 {font-size:17px;}
#top .about .profile .achivements-graph .st11 {fill:#2A96AE;}
#top .about .profile .achivements-graph .st12 {font-weight: 300;}
#top .about .profile .achivements-graph .st13 {font-size:23px;}
#top .about .profile .achivements-graph .st14 {fill:#7C6092;}
#top .about .profile .achivements-graph .st15 {fill:#8EAC60;}
#top .about .profile .achivements-graph .st16 {fill:#B7524D;}
#top .about .profile .achivements-graph .st17 {fill:#1255A2;}
#top .about .profile .achivements-graph .st18 {fill: #fff; stroke: #fff; stroke-width: 4.05; stroke-miterlimit: 10;}

@media screen and (max-width: 1366px) {
	#top .about .profile .achivements-graph {width: 87.5vw; height: 41.129vw;}
}

#top .about .profile .achivements-list .entry {width: calc((100% - 13%) / 3); margin: 0 6.5% 2.4rem 0;}
#top .about .profile .achivements-list .entry:nth-child(3n) {margin-right: 0;}
#top .about .profile .achivements-list .entry .state {margin-top: 8px;}
#top .about .profile .achivements-list .entry .state .years,
#top .about .profile .achivements-list .entry .state .country {font-size: 1.1rem;}
#top .about .profile .achivements-list .entry .state h5 {font-size: 1.4rem;}

/*HISTORY*/
#top .about .history {margin-bottom: 100px;}
#top .about .history .history-table {margin-bottom: 60px;}
#top .about .history .history-table tr th,
#top .about .history .history-table tr td {font-size: 1.25rem; line-height: 1.54; padding: .75rem .9rem;}

#top .about .history .history-graph {width: 1200px; height: 620.94px;}
#top .about .history .history-graph .st0 {fill:none;stroke:#5F3B13;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:0,7;}
#top .about .history .history-graph .st1 {fill:none;stroke:#5F3B13;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .about .history .history-graph .st2 {fill:none;stroke:#171C61;stroke-width:2;stroke-miterlimit:10;}
#top .about .history .history-graph .st3 {fill:#171C61;}
#top .about .history .history-graph .st4 {fill:#FFFFFF;}
#top .about .history .history-graph .st5 {font-weight: 700;}
#top .about .history .history-graph .st6 {font-size:17.5969px;}
#top .about .history .history-graph .st7 {fill:#DBDBDB;}
#top .about .history .history-graph .st8 {fill:#585858;}
#top .about .history .history-graph .st9 {font-weight: 400;}
#top .about .history .history-graph .st10 {font-size:17.6px;}
#top .about .history .history-graph .st11 {fill:#5A78B9;}
#top .about .history .history-graph .st12 {fill:none;stroke:#251E1C;stroke-width:0.9864;stroke-miterlimit:10;}
#top .about .history .history-graph .st13 {font-size:14px;}
#top .about .history .history-graph .st14 {fill:#E4E2EB;}
#top .about .history .history-graph .st15 {font-size:16px;}
#top .about .history .history-graph .st16 {fill:#FFFBDA;}
#top .about .history .history-graph .st17 {fill:#F8ECE3;}
#top .about .history .history-graph .st18 {fill:#693906;}
#top .about .history .history-graph .st19 {fill:none;stroke:#5F3B13;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
#top .about .history .history-graph .st20 {fill:none;stroke:#DBDBDB;stroke-width:2;stroke-miterlimit:10;}
#top .about .history .history-graph .st21 {letter-spacing: -.025rem;}
#top .about .history .history-graph .st22 {fill:#fff;stroke:#fff;stroke-width:4;stroke-miterlimit:10;}
#top .about .history .history-graph .st23 {fill:#f00;stroke:#f00;stroke-width:4;stroke-miterlimit:10;}
#top .about .history .history-graph .bar-cover {transform: scale(1,1); transform-origin: left top;}
#top .about .history .history-graph.active .bar-cover {transform: scale(1,0);}

@media screen and (max-width: 1366px) {
	#top .about .history .history-graph {width: 87.5vw; height: 45.277vw;}
}

/*----------------------------------------
OUR BUSINESS
----------------------------------------*/
#top .business {padding: 40px 0;}

#top .business .business-anchor-list {margin-bottom: 2.4rem; padding: .6rem 0;}
#top .business .business-anchor-list li {margin-right: 4.6rem;}
#top .business .business-anchor-list li:last-child {margin-right: 0;}
#top .business .business-anchor-list li a {font-size: 1.25rem;}

#vi #top .business .business-anchor-list li {margin-right: 9rem;}
#vi #top .business .business-anchor-list li:last-child {margin-right: 0;}

/*ENGINEERING*/
#top .business .engineering {margin-bottom: 100px;}
#top .business .engineering .summary {margin-bottom: 72px;}
#top .business .engineering .advantage-list {display: flex;}
#top .business .engineering .advantage-list .entry {width: calc((100% - 16%) / 3); margin-right: 8%;}
#top .business .engineering .advantage-list .entry:last-child {margin-right: 0;}
#top .business .engineering .advantage-list .entry .state {margin-top: 30px;}
#top .business .engineering .advantage-list .entry .state .numeral {top: -1.5rem; font-size: 3.75rem; letter-spacing: -.05em;}
#top .business .engineering .advantage-list .entry:nth-child(1) .state .numeral {left: -.425rem;}
#top .business .engineering .advantage-list .entry:nth-child(2) .state .numeral {left: -.625rem;}
#top .business .engineering .advantage-list .entry:nth-child(3) .state .numeral {left: -.875rem;}
#top .business .engineering .advantage-list .entry .state .numeral:after {top: 1rem; right: -.125rem; height: 84px; transform: rotate(39deg);}
#top .business .engineering .advantage-list .entry:nth-child(1) .state .desc {width: 70.5%; letter-spacing: -.05em;}
#top .business .engineering .advantage-list .entry:nth-child(2) .state .desc {width: 71.5%;}
#top .business .engineering .advantage-list .entry:nth-child(3) .state .desc {width: 60%;}
#top .business .engineering .advantage-list .entry .state .numeral span {letter-spacing: -.0325em;}

/*CONSTRUCTION*/
#top .business .construction {margin-bottom: 112px;}

#top .business .construction .summary {margin-bottom: 20px;}

#top .business .construction .train9-figure {width: 1200px; height: 572.2px; margin: 24px 0 108px; background: center/100% auto no-repeat;}
.webp #top .business .construction .train9-figure {background-image: url(../img/top/top__business__construction__bg__pc.webp);}
.no-webp #top .business .construction .train9-figure {background-image: url(../img/top/top__business__construction__bg__pc.jpg);}
#top .business .construction .train9-figure .dropshadow {filter: url(#dropshadow-pc);}
#top .business .construction .train9-figure .st0 {fill:#FFFFFF;}
#top .business .construction .train9-figure .st1 {fill:#2D693C;}
#top .business .construction .train9-figure .st2 {font-weight: 700;}
#top .business .construction .train9-figure .st3 {font-size:21.1457px;}
#top .business .construction .train9-figure .st4 {font-weight: 400;}
#top .business .construction .train9-figure .st5 {font-size:20.631px;}
#top .business .construction .train9-figure .st6 {letter-spacing:1;}
#top .business .construction .train9-figure .st7 {fill:#2D693C;stroke:#2D693C;stroke-width:1.4032;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .business .construction .train9-figure .st9 {font-size:66.9723px;}
#top .business .construction .train9-figure .st10 {letter-spacing:2;}
#top .business .construction .train9-figure .st11 {fill:#B90050;}
#top .business .construction .train9-figure .st12 {fill:#B90050;stroke:#B90050;stroke-width:1.4032;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .business .construction .train9-figure .st13 {fill:#5F3B13;}
#top .business .construction .train9-figure .st14 {fill:#5F3C14;}
#top .business .construction .train9-figure .st15 {font-size:27.0939px;}
#top .business .construction .train9-figure .st16 {font-size:26.4187px;}
#top .business .construction .train9-figure .st17 {font-size:17.3406px;}
#top .business .construction .train9-figure .st18 {fill:#5F3C14;stroke:#5F3C14;stroke-width:1.4032;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .business .construction .train9-figure .st19 {font-size:85.7134px;}
#top .business .construction .train9-figure .st20 {fill:#C83C2D;}
#top .business .construction .train9-figure .st21 {fill:#C83C2D;stroke:#C83C2D;stroke-width:1.4032;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .business .construction .train9-figure .st22 {font-size:85.811px;}
#top .business .construction .train9-figure .st23 {fill:#1E235F;}
#top .business .construction .train9-figure .st24 {fill:#1E235F;stroke:#1E235F;stroke-width:1.4032;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .business .construction .train9-figure .st25 {fill:#E1DCDC;}
#top .business .construction .train9-figure .st26 {font-size:13.5491px;}
#top .business .construction .train9-figure .st27 {fill:#1E235F;stroke:#1E2160;stroke-width:1.4032;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#top .business .construction .train9-figure .st28 {font-size:52.5066px;}
#top .business .construction .train9-figure .st29 {fill:none;stroke:#C73A2D;stroke-width:0.7016;stroke-miterlimit:10;}

html.no-dinalternate #top .business .construction .train9-figure .din.din-text01 {transform: matrix(1, 0, 0, 1, 160.8033, 177.6089);}
html.no-dinalternate #top .business .construction .train9-figure .din.din-text02 {transform: matrix(1, 0, 0, 1, 959.6518, 217.6343);}
html.no-dinalternate #top .business .construction .train9-figure .din.din-text03 {transform: matrix(1, 0, 0, 1, 721.4469, 445.9727);}
html.no-dinalternate #top .business .construction .train9-figure .din.din-text04 {transform: matrix(1, 0, 0, 1, 314.1844, 429.2944);}
html.no-dinalternate #top .business .construction .train9-figure .din.din-text05 {transform: matrix(1, 0, 0, 1, 491.4256, 117.3687);}

@media screen and (max-width: 1366px) {
	#top .business .construction .train9-figure {width: 87.5vw; height: 47.683vw; background-size: cover;}
}

/*MAINTENANCE*/
#top .business .maintenance section {margin-bottom: 50px;}

#top .business .maintenance .mainte-figure {width: 692px; height: 358px; margin: 44px auto 188px;}

#top .business .maintenance .mainte-details {margin: .8rem 0 1.2rem; padding: 1.2rem 1.75rem 1.5rem;}

#top .business .maintenance .business-ratio {width: 606px; margin: 100px auto 135px;}
#top .business .maintenance .business-ratio .legend {top: 10px;}
#top .business .maintenance .business-ratio .legend li {font-size: 1.05rem; margin-bottom: .5rem;}
#top .business .maintenance .business-ratio .legend li:before {width: .8rem; height: .8rem; margin-right: .5rem;}
#top .business .maintenance .business-ratio .ratio-list .entry:not(:last-child) {margin-bottom: 58px;}
#top .business .maintenance .business-ratio .ratio-list .entry:before {bottom: -128px; height: 192px;}
#top .business .maintenance .business-ratio .ratio-list .entry:after {bottom: -134px; left: calc(50% + 12px); height: 38px;}
#top .business .maintenance .business-ratio .ratio-list .entry .figure {margin-right: 36px;}
#top .business .maintenance .business-ratio .ratio-list .entry .figure .figure-graph {width: 243.3px; height: 243.3px;}
#top .business .maintenance .business-ratio .ratio-list .entry .state dt {font-size: 1.5rem;}
#top .business .maintenance .business-ratio .ratio-list .entry .state dd {font-size: 1.2rem;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
固定ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
Careers
--------------------------------------------------------------------------*/
#careers .notice {font-size: .92rem;}

#careers .heading {margin: 1.8rem 0 5.6rem;}

#careers .vacancies {margin: 1.25rem 0 4.8rem;}

#careers .training {margin-bottom: 5.4rem;}
#careers .training .training-inner {margin-top: .5rem; padding: 2.625rem 0;}
#careers .training .training-list {padding-right: 1.8rem;}
#careers .training .training-list > .entry {display: flex; height: 100%;}
#careers .training .training-list > .entry:nth-child(1) {min-height: 258px;}
#careers .training .training-list > .entry:not(:last-child) {margin-bottom: 2.44rem;}
#careers .training .training-list > .entry h4 {font-size: 1rem; line-height: 1; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 0 1.68rem; padding-right: .76rem;}
#careers .training .training-list > .entry h4:before {right: 0; width: 1px; height: calc(100% - 19px);}
#careers .training .training-list > .entry h4:after {right: .7rem; bottom: -15px; width: 1px; height: 2rem; transform: rotate(45deg);}
#careers .training .training-list > .entry:not(:nth-child(1)) h4:before {height: 100%;}
#careers .training .training-list > .entry:not(:nth-child(1)) h4:after {display: none;}
#careers .training .training-list > .entry .programs .programs-list > .entry {width: 100%;}
#careers .training .training-list > .entry .programs .programs-list > .entry:not(:last-child) {margin-bottom: 2rem;}
#careers .training .training-list > .entry .programs .programs-name {margin-bottom: .6rem;}
#careers .training .training-list > .entry .programs .programs-name span {font-size: 1rem;}
#careers .training .training-list > .entry .programs .programs-name span.years {font-size: .84rem; margin-right: .5rem; padding: .1rem .64rem .1rem .56rem; border-radius: 0 .94rem .94rem 0;}
#careers .training .training-list > .entry .programs .programs-name span.years.wide {margin-top: 2rem; padding: .1rem 1.28rem .1rem .64rem;}
#careers .training .training-list > .entry .programs .month {font-size: .92rem; margin-bottom: .5rem; padding: .2rem .6rem;}
#careers .training .training-list > .entry .programs .imgs .img {width: 252px;}

@media screen and (max-width: 1280px) {
	#careers .training .training-list > .entry h4:after {bottom: -11px;}
}
@media all and (-ms-high-contrast: none) {
	#careers .training .training-list > .entry h4:after {right: -.325rem; bottom: -6px;}
}
@media screen and (max-width: 1280px) and (-ms-high-contrast: none) {
	#careers .training .training-list > .entry h4:after {right: -.325rem; bottom: -2px;}
}

#careers .faility {margin-bottom: 4.2rem;}
#careers .faility .faility-outer {margin-bottom: 1.28rem;}
#careers .faility .faility-outer p,
#careers .faility .faility-inner p {margin-top: .5rem;}
#careers .faility .faility-inner .img picture {width: calc((100% - 1.68rem) / 4); margin: 0 .56rem 0 0;}
#careers .faility .faility-inner .img picture:nth-child(4n) {margin-right: 0;}

#careers .path {margin-bottom: 4.2rem;}

#careers .qualificat {margin-bottom: 3.75rem;}
#careers .qualificat > p {margin-bottom: 1rem;}

#careers .voice {display: flex; justify-content: space-between; align-items: center; margin-bottom: 3.75rem;}
#careers .voice .txt {width: 65.75%;}
#careers .voice .photo {width: 332px; height: 332px; border-radius: 50%; border-width: 4px;}

#careers .life {margin-bottom: 4.2rem;}
#careers .life > section .main-img {margin-bottom: 3rem;}
#careers .life > section .main-img p {margin-top: .5rem;}
#careers .life > section .sub-img {margin-bottom: 3.5rem; padding: 2.125rem 2.25rem 0;}
#careers .life > section .sub-img .sub-img-list .entry {width: calc((100% - 3.24rem) / 4); margin: 0 1.08rem 1.08rem 0;}
#careers .life > section .sub-img .sub-img-list .entry:nth-child(4n) {margin-right: 0;}
#careers .life > section .sub-img .sub-img-list .entry .img {height: 184px; margin-bottom: .56rem;}
#careers .life > section .main-img h4 {padding: .2rem 1.2rem;}
#careers .life > section .sub-img h4 {padding: .2rem .825rem;}

#careers .midcareer {margin: 2.25rem 0 6.25rem;}

/*--------------------------------------------------------------------------
What is Explosion-proof? & What is Instrumentation?
--------------------------------------------------------------------------*/
#page {padding: 2.4rem 0;}
#page .proof {margin-bottom: 2rem;}

/*--------------------------------------------------------------------------
APPLICATION FORM
--------------------------------------------------------------------------*/
#mailform {padding: 2.4rem 0 4rem;}

#mailform .form_item {margin-bottom: 1.4rem;}
#mailform .form_item dt {margin: 0 0 .56rem; padding: .08rem .64rem;}
#mailform .form_item input[type="text"],
#mailform .form_item input[type="email"],
#mailform .form_item input[type="tel"],
#mailform .form_item input[type="url"],
#mailform .form_item input[type="date"],
#mailform .form_item input[type="time"],
#mailform .form_item textarea {font-size: .9rem;}

#mailform .wpcf7-not-valid-tip {font-size: .775rem;}

/*--------------------------------------------------------------------------
Privacy Policy
--------------------------------------------------------------------------*/
#policy {padding: 2.4rem 0;}

/*--------------------------------------------------------------------------
404
--------------------------------------------------------------------------*/