@charset "UTF-8";
@import "reset5.css";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fast.fonts.net/cssapi/211a2097-25a5-41bd-8c07-91bf44531a1a.css);

body { color:#000; line-height:1; background-color: #f4f6f5; padding: 0; position: relative; min-height: 100%; text-align: center; overflow: hidden; font-family: "Linotype Univers","Univers LT", Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative }
html {  }

* html body { font-family: "Linotype Univers","Univers LT", Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
*:first-child+html body { font-family:"Linotype Univers","Univers LT", Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }

/*
font-family:'UniversNW01-130BUlLt';
font-family:'UniversNW01-230BThin';
font-family:'Univers Next W01 Light';
font-family:'UniversNextW01-Regular';
font-family:'Univers Next W01 Medium';
font-family:'Univers Next W01 Bold';
font-family:'Univers Next W01 Heavy';
font-family:'Univers Next W01 Black';

font-family:'UniversNW01-231BThinIt';
font-family:'UniversNextW01-LightIta';
font-family:'Univers Next W01 Italic';
font-family:'UniversNextW01-MediumIt';
font-family:'UniversNextW01-BoldItal';
font-family:'UniversNextW01-HeavyIta';
font-family:'UniversNextW01-BlackIta';

font-family:'UniversNW01-120CdUlLt';
font-family:'UniversNW01-220CdThin';
font-family:'Univers N W01_320 Cd Lt';
font-family:'UniversNW01-420CdRegula';
font-family:'UniversNW01-520CdMedium';
font-family:'UniversNW01-620CdBold';
font-family:'UniversNW01-720CdHeavy';
font-family:'UniversNW01-820CdBlk';
font-family:'UniversNW01-920CdXBlk';
font-family:'UniversNW01-930BXBlk';

font-family:'UniversNW01-121CdUlLtIt';
font-family:'UniversNW01-131BUlLtIt';
font-family:'UniversNW01-221CdThinIt';
font-family:'UniversNW01-321CdLtIt';
font-family:'Univers N W01_421 Cd It';
font-family:'UniversNW01-521CdMedium';
font-family:'UniversNW01-621CdBoldIt';
font-family:'UniversNW01-721CdHeavyI';
font-family:'UniversNW01-821CdBlkIt';
font-family:'UniversNW01-921CdXBlkIt';
font-family:'UniversNW01-931BXBlkIt';
*/


* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:14px; line-height: 1; letter-spacing: 0.08em; font-weight: 300 }
body p, ol li { font-size:14px; line-height: 2em; letter-spacing: 0.24em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

h2,h3,h4,h4,h5 { line-height: 1.6em; font-weight: normal }

iframe { overflow: hidden }

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt80 { margin-top:80px !important; }

.pb80 { padding-bottom: 80px !important }

.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }
.tx28 { font-size: 28px !important; }
.tx32 { font-size: 32px !important; }
.tx36 { font-size: 36px !important; }
.tx40 { font-size: 40px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right !important; }
.txtL { text-align: left !important; }
.txtC { text-align: center !important; }

/* !Links */
a:link { color: #000; text-decoration: none; font-weight: 400 }
a:visited { color: #000; text-decoration: none }
a:hover { color: #9; text-decoration: underline; }
a:active { color: #e5004a; text-decoration: none }
a.nb:link { border-bottom: none }

html { margin: 0; padding: 0 }
body { margin: 0; padding: 0 }

.noscroll {
  position: fixed !important;
  overflow-y: scroll;
}

#intro { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/intro_bg.png) repeat-y; background-size: contain; z-index: 1000 }
#intro .bg { position: absolute; left: 0; bottom: 0; }
#intro p { position: absolute; left: 66.6%; top: 44.4%; margin-top: -111px; color: #f7f7f7; font-size: 16px; letter-spacing: 0.48em }
#intro .intro_logo { position: absolute; left: 66.6%; top: 33.3%; margin-top: -80px }
#intro .intro_lang { position: absolute; left: 66.6%; top: 33.3%; margin: 160px 0 0 -2em }
#intro .intro_lang li { display: inline-block }
#intro .intro_lang li a { padding: 1em 2em; font-weight: bold; font-size: 16px }
#intro .intro_lang li span { font-family:'UniversNW01-130BUlLt'; color: #252525 }

#wrapper { position: relative; background-color: #fff }
#loader { position: fixed; left: 50%; top: 50%; margin: -12px 0 0 -12px; z-index: 1000 }

.mov { position: relative; background: #252525; overflow: hidden }
.mov h2 { position: absolute; right: 6%; top: 25%; font-size: 14px; letter-spacing: 0.16em; color: #c7c7c7; z-index: 11; font-family:'Univers Next W01 Medium'; }
/*.mov img { display: none }*/
.mov video, .mov iframe { position: absolute; left: 0; top: 0; z-index: 1; opacity: 0 }
.mov .cvr { position: absolute; left: 0; top: 0; z-index: 10; display: none }
.mov #snd { position: absolute; right: 10px; top: 10px; z-index: 10 }
.mov .main_copy { position: absolute; left: 8%; top: 50%; margin-top: -18px; display: none; z-index: 10 }
.mov .statement { position: absolute; right: 8%; top: 50%; /*width: 38.46%; margin-left: -19.23%;*/ color: #fff; text-align: left; z-index: 100 }
.mov .statement h2 { font-size: 15px; letter-spacing: 0.32em; margin-bottom: 3em; line-height: 2em; opacity: 0 }
.mov .statement p { font-size: 12px; letter-spacing: 0.32em; opacity: 0 }
.mov .statement p.mb { margin-bottom: 2em; }
.mov .lang { position: absolute; right: 60px; top: 22px; z-index: 10 }
.mov .lang li { display: inline-block }
.mov .lang li a { padding: 1em; color: #fff; font-size: 12px; font-weight: 300 }
.mov .lang li a.cur { font-weight: 600 }
.mov .lang li span { font-family:'UniversNW01-130BUlLt'; color: #fff }

#navigation { width: 100%; background: #fff; border-bottom: solid 1px #e4e3e0; position: relative;  z-index: 100; text-align: left }
#navigation h1 { padding: 15px 30px }
#navigation .nav { position: absolute; left: 320px; top: 35px }
#navigation .logotype { position: absolute; right: 30px; top: 42px }
#navigation ul { position: absolute; left: 230px; top: -1px }
#navigation ul li { float: left }
#navigation ul li a { display: block; padding: 45px 15px; font-size: 13px; letter-spacing: 0.12em; font-family:'Univers Next W01 Medium'; position: relative }
#navigation ul li a span { width: 0; height: 8px; position: absolute; left: 0; bottom: 0; display: block }
#navigation ul li.nav1 a span { background-color: #e5004a; }
#navigation ul li.nav2 a span { background-color: #008dd2; }
#navigation ul li.nav3 a span { background-color: #fed900; }
#navigation ul li.nav4 a span { background-color: #11a84e; }
#navigation ul li.nav5 a span { background-color: #00499d; }
#navigation ul li.nav6 a span { background-color: #b09d60; }
#navigation ul li.nav7 a span { background-color: #df733f; }
#navigation ul li.nav8 a span { background-color: #a9368f; }
#navigation ul li.nav9 a span { background-color: #a4a8ab; }
#navigation ul li ul { position: absolute; left: 0; top: 103px; width: 200px; background: #fff; display: none }
#navigation ul li ul li { float: none; list-style: none }
#navigation ul li ul li a { display: block; padding: 20px; line-height: 1.6em; position: relative }
#navigation ul li ul li a span { height: 4px; }
#navigation .btn_menu { display: none; position: absolute; right: 0; top: 0; padding: 20px; width: 20px; height: 20px; cursor: pointer }
#navigation .btn_menu span { position: absolute; left: 20px; top: 0; background-color: #252525; width: 20px; height: 2px; }

#contents { padding: 0; background: #f0f0f0; z-index: 10 }

.sec { text-align: center; padding: 0; background: #f0f0f0; position: relative; z-index: 10 }
.fd { opacity: 0.15; position: relative }
.news { padding: 120px 0; background: #fff }
.sites { padding: 120px 0; }

#top_special { position: relative; margin-bottom: 40px; background-color: #252525; cursor: pointer; overflow: hidden }
#top_special h2 { position: absolute; z-index: 10; text-align: center; width: 84%; left: 8%; top: 50%; margin-top: -90px; color: #c7c7c7; font-size: 18px; letter-spacing: 0.8em; font-family:'Univers Next W01 Bold'; }
#top_special h3 { position: absolute; z-index: 10; text-align: center; width: 84%; left: 8%; top: 50%; margin-top: -16px; color: #fff; font-size: 24px; letter-spacing: 0.08em; }
#top_special .btn_top { position: absolute; z-index: 10; text-align: center; width: 50%; left: 25%; top: 50%; margin-top: 80px;  }

#top_message { position: relative; margin-bottom: 40px; background-color: #252525;  cursor: pointer; overflow: hidden }
#top_message h2 { position: absolute; z-index: 10; text-align: center; width: 84%; left: 8%; top: 38.46%; margin-top: -150px; color: #000; font-size: 18px; letter-spacing: 0.8em; font-family:'Univers Next W01 Bold'; }
#top_message h3 { position: absolute; z-index: 10; text-align: center; width: 84%; left: 8%; top: 38.46%; margin-top: -75px; color: #fff; font-size: 24px; letter-spacing: 0.36em; }
#top_message .statement { position: absolute; z-index: 10; text-align: center; width: 960px; left: 50%; top: 38.46%; margin-left: -480px; color: #fff; font-size: 24px; letter-spacing: 0.08em; }
#top_message .statement p { text-align: left; margin-bottom: 40px; letter-spacing: 0.36em }
#top_message .btn_top {  }

#top_ehon { position: relative; margin-bottom: 40px; background-color: #252525;  cursor: pointer; overflow: hidden }
#top_ehon h2 { position: absolute; z-index: 10; text-align: left; left: 8%; top: 50%; margin-top: -0.8em; color: #fff; font-size: 18px; letter-spacing: 0.4em; font-family:'Univers Next W01 Bold'; }
#top_ehon .logo { position: absolute; z-index: 10; text-align: right; right: 4%; top: 50%; margin-top: -60px; }

#top_bpw { position: relative; margin-bottom: 40px; background-color: #252525;  cursor: pointer; overflow: hidden }
#top_bpw h2 { position: absolute; z-index: 10; text-align: left; left: 8%; top: 50%; margin-top: -1.6em; color: #fff; font-size: 18px; letter-spacing: 0.4em; font-family:'Univers Next W01 Bold'; }

#top_lelc { position: relative; margin-bottom: 40px; background-color: #252525;  cursor: pointer; overflow: hidden }
#top_lelc h2 { position: absolute; z-index: 10; text-align: left; left: 8%; top: 50%; margin-top: -0.8em; color: #fff; font-size: 18px; letter-spacing: 0.4em; font-family:'Univers Next W01 Bold'; }
#top_lelc .logo { position: absolute; z-index: 10; text-align: right; right: 4%; top: 50%; margin-top: -40px; }

.btn_top {}
.btn_top a { padding: 15px 40px 15px 60px; font-family:'UniversNW01-620CdBold'; color: #c7c7c7; font-size: 15px; border-bottom: solid 2px #c7c7c7; position: relative }
.btn_top a:hover { border-bottom: solid 2px #fff; }
.btn_top a .arw { position: absolute; left: 8px; top: 14px }
.btn_top a:hover .arw { left: 10px; }
.bar { width: 90px; height: 10px; position: absolute; left: 0; top: 60px; background-color: #c7c7c7; z-index: 10 }
.bar span { width: 0; height: 100%; position: absolute; left: 0; top: 0 }
.cont1 .bar span { background-color: #e5004a; }
.cont2 .bar span { background-color: #008dd2; }
.cont3 .bar span { background-color: #e5004a; }
.cont4 .bar span { background-color: #fed900; }
.cont5 .bar span { background-color: #11a84e; }
.cont6 .bar span { background-color: #00499d; }

#top_conts {}
#top_conts .top_cont { width: 50%; float: left; position: relative; cursor: pointer; }
#top_conts .top_cont a { display: block; background-color: #252525; overflow: hidden }
#top_conts .top_cont h2 { padding: 40px 90px 120px; text-align: left; color: #000; font-size: 16px; letter-spacing: 0.36em; font-family:'Univers Next W01 Bold'; }
#top_conts .top_cont h2 span { font-family:'UniversNW01-130BUlLt'; }

#top_recruit { position: relative; background-color: #252525; cursor: pointer; overflow: hidden }
#top_recruit h2 { position: absolute; z-index: 10; text-align: center; width: 50%; left: 25%; top: 28.5%; color: #fff; font-size: 24px; letter-spacing: 0.8em; font-family:'Univers Next W01 Bold'; }
#top_recruit h2 span { font-weight: normal }
#top_recruit ul { position: absolute; z-index: 10; text-align: center; width: 80%; left: 10%; top: 46.6%; text-align: center }
#top_recruit ul li { display: inline-block }
#top_recruit ul li a { padding: 15px; color: #c7c7c7; letter-spacing: 0.2em; font-family:'Univers Next W01 Medium'; }
#top_recruit ul li span { color: #c7c7c7; font-family:'UniversNW01-130BUlLt'; }

#top_news { padding: 120px 0; background: #fff }
#top_news h2 { text-align: center; color: #c7c7c7; font-size: 24px; letter-spacing: 0.8em; font-family:'Univers Next W01 Bold'; margin-bottom: 60px }
#top_news h2 span, #top_news h2 br { display: none }
#top_news ul { padding: 0 8% }
#top_news ul li { width: 50%; float: left; text-align: left }
#top_news ul li .top_news_inner { padding: 20px }
#top_news ul li h3 { font-size: 14px; color: #000; margin: 1em 0  }
.date { font-size: 12px; color: #c7c7c7; font-family:'Univers Next W01 Bold'; }
.cat { font-size: 12px; font-weight: 500; padding-left: 25px; position: relative; line-height: 2em !important }
.cat span { position: absolute; left: 0; top: 6px; width: 16px; height: 6px; display: block; background: #e5004a }
.cat2 span { background: #008dd2 }
.cat3 span { background: #fed900 }

span.jp { font-weight: 300; font-size: 14px !important; }

#footer { text-align: center; padding: 80px 0; background: #b5b5b6; position: relative }
#footer .f_links { padding: 0 8%; margin: 0 auto; text-align: left }
#footer .f_links h1 { margin-bottom: 40px; letter-spacing: 0.16em; font-size: 17px; line-height: 2em }
#footer .f_links h1 span { font-size: 12px; font-weight: normal; letter-spacing: 0.08em; }
#footer .f_links .f_link { float: left; width: 20% }
#footer .f_links .f_link .mn { display: block; padding: 25px 0; letter-spacing: 0.24em; font-family:'Univers Next W01 Bold'; }
#footer .f_links .f_link li a { display: block; padding: 0 15px; margin: 0 0 10px; font-size: 12px; line-height: 1.6; letter-spacing: 0.12em }
#footer p { color: #fff }
#footer a:link { color: #fff; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none }
#footer a:hover { color: #646464; text-decoration: underline; }
#footer a:active { color: #469920; text-decoration: none }
#footer .symbolmark { position: absolute; right: 0; top: 80px }

.foot { padding: 200px 0 80px; background: #fff; position: relative }
.foot .f_logo { margin-bottom: 160px }
.foot p { font-size: 12px; color: #4b575e }

#gotop { position: fixed; right: 20px; bottom: -60px; z-index: 10; cursor: pointer }


.pc { display: block }
.sp { display: none }

.rd { color: #e5004a }
.gry { color: #c7c7c7 }
.blk { color: #000 }

.vis { position: relative; overflow: hidden }
#bigtit { position: relative; z-index: 10 }
#bigtit h2 { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -40px; text-align: center; font-size: 28px; color: #c7c7c7; letter-spacing: 0.36em; z-index: 10; font-family:'Univers Next W01 Bold'; }
#bigtit h2 span { font-size: 14px; color: #fff; letter-spacing: 0.24em; }
.vis img { position: absolute; left: 0; top: 0; z-index: 0 }

#b-tit { position: relative; z-index: 10; background-color: #747a7e }
#b-tit  h2 { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -40px; text-align: center; font-size: 28px; color: #c7c7c7; letter-spacing: 0.36em; z-index: 10; font-family:'Univers Next W01 Bold'; }
#b-tit  h2 span { font-size: 14px; color: #fff; letter-spacing: 0.24em; }

.local_navigation { padding: 80px 0 160px; text-align: center }
.local_navigation li { display: inline-block; }
.local_navigation li span { font-family:'UniversNW01-130BUlLt'; }
.local_navigation li a { padding: 1em 2em; position: relative; font-weight: 300; ; line-height: 3 }
.local_navigation li.cur a { font-weight: 600;  }

.tit { padding: 80px 0 }
.tit h3 { width: 56%; min-width: 760px; margin:  0 auto; font-size: 24px; letter-spacing: 0.36em; text-align: left  }
.tit h3 span.nrw { letter-spacing: 0.32em;  }

.sec_bar .bar { top: 0 }
.sec_inner { width: 56%; min-width: 760px; margin: 0 auto; padding: 0 0 160px; text-align: left }
.sec_inner h2 { font-size: 28px; color: #c7c7c7; letter-spacing: 0.36em; font-family:'Univers Next W01 Bold'; margin-bottom: 40px; }
.sec_inner h3 { font-size: 18px; letter-spacing: 0.24em; margin-bottom: 40px; }
.sec_inner h4 { font-size: 15px; letter-spacing: 0.16em; margin-bottom: 20px; }
.fd2 .sec_inner { opacity: 0.15 }

.thumbs { width: auto; min-width: 760px; margin: 0 auto; padding: 0 80px 160px 160px;  }
.thumbs ul { }
.thumbs ul li { float: left; width: 33.33% }
.thumbs ul li .thumb_inner { padding: 0 20px 60px }
.thumbs ul li .thumb_inner p.num { font-size: 20px; margin: 0 0 1em;  color: #c7c7c7 }
.thumbs ul li .thumb_inner .thumb img { width: 100%; height: auto }
.thumbs ul li .thumb_inner h2 { font-size: 24px !important; margin: 1em 0 !important }
.thumbs ul li .thumb_inner h3 { font-size: 14px; margin: 0 0 1.5em }

.profile { padding: 0 0 0 240px; position: relative }
.profile img { position: absolute; left: 0; top: 0 }
.profile h4 { margin-bottom: 10px }
.profile p { font-size: 13px; margin-bottom: 20px }

#about .bar span { background-color: #008dd2; }
#message .bar span { background-color: #fed900; }
#global .bar span { background-color: #008dd2; }
#japan .bar span { background-color: #fed900; }
#employer .bar span { background-color: #11a84e; }
#recruit .bar span { background-color: #00499d; }
#ci-design .bar span { background-color: #b09d60; }
#news .bar span { background-color: #df733f; }
#the-regions-man .bar span { background-color: #7d61a8; }
#other .bar span { background-color: #747a7e; }

#about .sec_inner h4 { color: #008dd2; }
#global .sec_inner h4 { color: #008dd2; }
#japan .sec_inner h4 { color: #b09d60; }
#employer .sec_inner h4 { color: #11a84e; }
#recruit .sec_inner h4 { color: #00499d; }
#ci-design .sec_inner h4 { color: #676767; }
#news .sec_inner h4 { color: #df733f; }

.inter_vis { background:  transparent }
.inter_vis img { display: none }
.inter_vis_bg { position: fixed; left: 0; top: 0; z-index: 0; display: none }

div.space { position: relative; height: 120px; background-color: #f0f0f0; z-index: 10 }

a.idx { display: block; position: relative; overflow: hidden }
a.idx span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: url(../img/blk75.png); text-align: center; opacity: 0 }
a.idx span p { text-align: center; position: absolute; left: 50%; top: 50%; font-family:'UniversNW01-620CdBold'; color: #c7c7c7; font-size: 15px; border-bottom: solid 2px #c7c7c7; margin: -8px 0 0 -4.5em; }

ul.list_sq { margin-bottom: 40px }
ul.list_sq li { list-style:  square; font-weight: 400; line-height: 2.4em; margin: 0 0 0 1em }

ol li { padding-left: 64px; position: relative; margin: 0 0 40px }
ol li span { position: absolute; left: 0; top: 0; font-size: 28px; line-height: 1; color: #c7c7c7 }
#other ol li { padding-left: 42px; margin: 0 0 30px }
#other ol li span { font-size: 22px; }

#message .message p { font-size: 15px; }
#message .message p span { font-size: 16px; }

#global p.date { font-size: 14px; margin-bottom: 40px }
#global .idx li { margin-bottom: 120px }

#recruit .message li { line-height: 2em; list-style: square; margin-bottom: 1em; margin-left: 1em }

#news p.date { font-size: 14px; margin-bottom: 40px }
#news .idx li { margin-bottom: 120px }

.sec_inner .page-title h4 { margin-bottom: 80px; font-style: italic }
.post-header { position: relative; }
.post-header h1 { font-size: 24px; line-height: 1.8em; font-weight: 500 }
.post-header .attachment-thumbnail { position: absolute; right: 0; top: 12px }
.post-content { padding: 60px 0 }
.post-content p, #news .post-content img { margin-bottom: 2em }
.post-nav { border-top: solid 1px #c7c7c7; padding: 30px 0 0; /zoom : 1; margin-top: 60px; line-height: 2em; font-size: 12px }
.post-nav:after { content : ''; display : block; clear : both; }
.post-nav-older { width: 48%; float: left; text-align: left }
.post-nav-newer { width: 48%; float: right; text-align: right }
.post-categories li.cat1 span { background-color: #e5004a }
.post-categories li.cat2 span { background-color: #008dd2 }
.post-categories li.cat3 span { background-color: #fed900 }
.featured-media { margin-bottom: 80px }

#global .post-nav a h5 { color: #008dd2 !important }
#news .post-nav a h5 { color: #df733f !important }

#global .outline { padding: 120px 0 60px }

.map { margin-bottom: 30px }
.tel { font-size: 36px; margin-bottom: 40px }

.btn_link { margin-top: 40px }
.btn_link a { display: block; padding: 20px 0; text-align: center; position:  relative; background-color: #f8f8f8 }
.btn_link a:hover { background-color: #fff }
.btn_link a .arw { position: absolute; left: 10px; top: 50%; margin-top: -6px }
.btn_link a:hover .arw { left: 12px; }

.txt_link a { padding-left: 28px; position: relative; }
.txt_link a span { position: absolute; left: 0; top: 3px; width: 16px; height: 6px; display: block; background: #e5004a }
#global .txt_link a span { background: #008dd2 }
#ci-design .txt_link a span { background: #b09d60 }

.block { margin-top: 40px }
.top-line { margin-top: 30px; padding-top: 30px; border-top: solid 1px #c7c7c7;  }
.box { padding: 80px; background-color: #f8f8f8 }

#ci-design .block { margin-top: 80px }
.block .graphic { text-align: center; padding: 60px 0 }

.tbl_a { table-layout: auto; width: 100% !important;}
.tbl_a tbody { background-color: #f8f8f8;  }
.tbl_a th { padding: 10px; font-size: 12px; text-align: left; border: solid #c7c7c7; border-width: 0 1px 1px 0; white-space: nowrap }
.tbl_a td { padding: 10px; font-size: 14px; text-align: center; border: solid #c7c7c7; border-width: 0 1px 1px 0; width: 11.25% }

.tbl_b { }
.tbl_b th { padding: 10px 20px; font-size: 14px; line-height: 2em; color: #11a84e; text-align: left; border: solid #c7c7c7; border-width: 1px 0; background-color: #f8f8f8 }
.tbl_b td { padding: 20px; font-size: 14px; line-height: 2em; text-align: left; border: solid #c7c7c7; border-width: 0 0 1px }
.tbl_b td.res { padding-left: 60px; position: relative; width: 48% }
.tbl_b td.res .arw { position: absolute; left: 0; top: 50%; margin-top: -12px }
.tbl_b td span { font-weight: 500 }

.tbl_c { border-top: solid 1px #676767; }
.tbl_c th { padding: 30px 20px; font-size: 14px; line-height: 2em; text-align: left; border-bottom: solid 1px #c7c7c7; font-weight: 400; vertical-align: top; white-space: nowrap }
.tbl_c td { padding: 30px 20px; font-size: 14px; line-height: 2em; text-align: left; border-bottom: solid 1px #c7c7c7; font-weight: 300 }
.tbl_c td li { list-style: square; margin-left: 1em }

.top_line { margin-top: 40px; padding-top: 40px; border-top: solid 1px #676767 }


@media screen and (max-width: 760px){
	
body { font-size:13px; line-height: 1; letter-spacing: 0.04em; font-weight: 300 }
body p, ol li { font-size:13px; line-height: 1.8em; letter-spacing: 0.12em }
	
#intro { overflow: hidden }
#intro .bg { position: absolute; left: 0; bottom: 0; width: 140% }
#intro p { position: absolute; left: 16%; top: 10%; margin-top: 0; color: #f7f7f7; font-size: 16px; letter-spacing: 0.48em; text-align: left }
#intro .intro_logo { position: absolute; left: 16%; top: 25%; }
#intro .intro_lang { position: absolute; left: 16%; top: 25%; margin: 88px 0 0 -1.5em }
#intro .intro_lang li { display: inline-block; text-align: left }
#intro .intro_lang li a { padding: 1.5em; color: #fff }
#intro .intro_lang li span { font-family:'UniversNW01-130BUlLt'; color: #fff }

.mov { display: block }
.mov h2 { position: absolute; right: inherit; left: 5%; top: inherit; bottom: 10%; font-size: 12px; letter-spacing: 0.08em; color: #c7c7c7; z-index: 11; font-family:'Univers Next W01 Medium'; }

#navigation { width: 100%; background: #fff; border-bottom: solid 1px #e4e3e0; position: relative;  z-index: 100; text-align: left }
#navigation h1 { padding: 10px 20px }
#navigation h1 img { height: 40px }
#navigation ul { position: absolute; left: 0; top: 60px; background: #fff; display: none }
#navigation ul li { float: none; width: 100%; border-top: solid 1px #f4f6f5 }
#navigation ul li a { display: block; padding: 20px 0; text-align: center; line-height: 1.5 }
#navigation ul li a span { width: 0; height: 8px; position: absolute; left: 0; bottom: 0; display: block }
#navigation ul li a span.jp { width: inherit; height: inherit; position: inherit; left: inherit; bottom: inherit; display: inline; background-color: #fff; }
#navigation .logotype { display: none }
#navigation .btn_menu { display: block; }
	
#top_special { margin-bottom: 20px; }
#top_special h2 { width: 84%; left: 8%; top: 15%; margin-top: 0; color: #c7c7c7; font-size: 12px; letter-spacing: 0.4em; }
#top_special h3 { width: 84%; left: 8%; top: 40%; margin-top: 0; color: #fff; font-size: 14px; }
#top_special .btn_top { display: none }
#top_special img.bg { width: 160%; margin-left: -30% }
	
#top_message { margin-bottom: 40px; }
#top_message h2 { position: absolute; z-index: 10; text-align: center; width: 84%; left: 8%; top: 20%; margin-top: 0px; color: #000; font-size: 12px; letter-spacing: 0.8em; font-family:'Univers Next W01 Bold'; }
#top_message h3 { position: absolute; z-index: 10; text-align: center; width: 84%; left: 8%; top: 50%; margin-top: 0px; color: #fff; font-size: 15px; letter-spacing: 0.8em; }
#top_message .statement { position: absolute; z-index: 10; text-align: center; width: 960px; left: 50%; top: inherit; bottom: 15%; margin-left: -480px; color: #fff; font-size: 24px; letter-spacing: 0.08em; }
#top_message .statement p { display: none }
#top_message .btn_top {  }
#top_message img.bg { width: 140%; margin-left: -20% }
	
.btn_top a { padding: 7px 20px 7px 30px; font-family:'UniversNW01-620CdBold'; color: #c7c7c7; font-size: 12px; border-bottom: solid 2px #c7c7c7; position: relative }
.btn_top a .arw { position: absolute; left: 4px; top: 7px }
.bar { width: 40px; height: 5px; top: 30px; }
	
#top_conts .top_cont { width: 100%; float: left; position: relative; cursor: pointer; }
#top_conts .top_cont h2 { padding: 20px 40px 40px; text-align: left; color: #000; font-size: 14px; letter-spacing: 0.24em; }
	
#top_recruit h2 { top: 20%; color: #c7c7c7; font-size: 15px; }
#top_recruit ul { position: absolute; z-index: 10; text-align: center; width: 90%; left: 5%; top: 40%; text-align: center }
#top_recruit ul li a { padding: 15px; font-size: 12px; color: #c7c7c7; line-height: 1.6em }
#top_recruit img.bg { width: 160%; margin-left: -30% }
	
#top_news { padding: 60px 0; }
#top_news h2 { font-size: 15px; margin-bottom: 20px }
#top_news h2 span, #top_news h2 br { display: block }
#top_news ul { padding: 0 30px }
#top_news ul li { width: 100%; float: left; text-align: left }
#top_news ul li .top_news_inner { padding: 20px 0 }
#top_news ul li h3 { font-size: 13px; color: #000; margin: 1em 0  }
#top_news ul li .cat { font-size: 11px; }
	
span.jp { font-weight: 300; font-size: 12px !important; display: block }
	
#footer { padding: 40px 0 60px; }
#footer .f_links { padding: 0 20px; }
#footer .f_links h1 { margin-bottom: 40px }
#footer .f_links h1 img { height: 20px }
#footer .f_links .f_link { width: 50% }
#footer .f_links .f_link .mn { padding: 20px 0; letter-spacing: 0.24em; font-family:'Univers Next W01 Bold'; }
#footer .f_links .f_link li a { padding: 0 10px; margin: 0 0 10px; font-size: 12px; line-height: 1.6; letter-spacing: 0.12em }

.foot { padding: 200px 0 60px; }
.foot .f_logo { margin-bottom: 120px; width: 130px }
	
#gotop { right: 10px; bottom: -60px; }
	
#bigtit h2 { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -40px; text-align: center; font-size: 24px; color: #c7c7c7; letter-spacing: 0.36em; z-index: 10; font-family:'Univers Next W01 Bold'; }
#bigtit h2 span { font-size: 14px; color: #fff; letter-spacing: 0.24em; }
#b-tit  h2 { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -40px; text-align: center; font-size: 24px; color: #c7c7c7; letter-spacing: 0.36em; z-index: 10; font-family:'Univers Next W01 Bold'; }
#b-tit  h2 span { font-size: 14px; color: #fff; letter-spacing: 0.24em; }
	
.local_navigation { padding: 30px 0 40px; text-align: left }
.local_navigation li a { padding: 1em 1.24em; line-height: 3; letter-spacing: 0.08em }
nav.pb80 { padding-bottom: 40px !important }
	
.tit { padding: 30px 0 }
.tit h3 { width: auto; min-width: inherit; margin:  0 auto; font-size: 18px; letter-spacing: 0.24em;  text-align: left; padding: 0 20px  }
.tit h3 span.nrw { letter-spacing: 0.32em;  }

.sec_bar .bar { top: 0 }
.sec_inner { width: auto; min-width: inherit; margin: 0 auto; padding: 30px 20px 60px; text-align: left }
.sec_inner h2 { font-size: 20px; color: #c7c7c7; letter-spacing: 0.36em; font-family:'Univers Next W01 Bold'; margin-bottom: 30px; }
.sec_inner h3 { font-size: 16px; letter-spacing: 0.24em; margin-bottom: 20px; }
.sec_inner h4 { font-size: 14px; letter-spacing: 0.24em; margin-bottom: 15px; }
	
.thumbs { width: auto; min-width: inherit; margin: 0 auto; padding: 30px 20px 60px;  }
.thumbs ul { }
.thumbs ul li { float: none; width: 100% }
.thumbs ul li .thumb_inner { padding: 0 0 40px }
.thumbs ul li .thumb_inner p.num { font-size: 16px; margin: 0 0 1em;  color: #c7c7c7 }
.thumbs ul li .thumb_inner h2 { font-size: 20px; margin: 1em 0 }
.thumbs ul li .thumb_inner h3 { font-size: 14px; margin: 0 0 1.5em }
	
.profile { padding: 0 0 0 140px; position: relative }
.profile img { position: absolute; left: 0; top: 0; width: 120px }
.profile p { font-size: 12px; margin-bottom: 15px }

ol li { padding-left: 40px; position: relative; margin: 0 0 30px }
ol li span { position: absolute; left: 0; top: 0; font-size: 24px; line-height: 1; color: #c7c7c7 }
#other ol li { padding-left: 30px; margin: 0 0 20px }
#other ol li span { font-size: 18px; }
	
#message .message p { font-size: 14px; }
#message .message p span { font-size: 15px; }
	
#global p.date { font-size: 14px; margin-bottom: 20px }
#global .idx li { margin-bottom: 60px }
#global .outline { padding: 60px 0 30px }
	
#news p.date { font-size: 14px; margin-bottom: 20px }
#news .idx li { margin-bottom: 60px }
	
.idx li { margin-bottom: 40px }
.idx p.date { margin-bottom: 10px }
.idx h2 { font-size: 16px; margin-bottom: 20px; }
.idx h3 { font-size: 14px; margin-bottom: 20px; }

.sec_inner .page-title h4 { margin-bottom: 60px; font-style: italic }
.post-header h1 { font-size: 20px; }
.post-header .attachment-thumbnail { position: absolute; right: 0; top: 50px; width: 100px !important; height: 100px !important }
.post-content { padding: 30px 0 }
.post-nav { padding: 20px 0 0; /zoom : 1; margin-top: 40px; font-size: 11px }
.post-nav-older { width: 48%; float: left; text-align: left }
.post-nav-newer { width: 48%; float: right; text-align: right }

.map { margin-bottom: 20px }
.tel { font-size: 28px; margin-bottom: 30px }
	
.tbl_a { width: inherit !important; background: none }
.tbl_a td { width: 25% }
	
.tbl_b th { padding: 10px; font-size: 13px;}
.tbl_b td { padding: 10px; font-size: 13px; }
.tbl_b td.res { padding-left: 40px; position: relative; width: 48% }
	
.tbl_c th { padding: 20px 10px; font-size: 13px; }
.tbl_c td { padding: 20px 10px; font-size: 13px; }
	
.top_line { margin-top: 30px; padding-top: 30px; }
	
div.space { height: 40px; }
	
.block { margin-top: 30px }
	
.box { padding: 40px 20px; }
	
#japan .sec_inner img.mt20, #japan .sec_inner img.mt60 { margin-top: 0 !important }
	
#message .sec_inner p.mb80 { margin-bottom: 40px !important }
img.ptrt { width:  100% }
	
#recruit img.m { width: 100% }
	
#the-regions-man .inter_vis { display: none }
	
.pc { display: none }
.sp { display: block }
	
}


@media screen and (max-width: 320px){
	#navigation ul li a { display: block; padding: 16px 0; text-align: center; line-height: 1.5 }
}