@charset "utf-8";

@font-face{font-family: 'futura'; src: url('../font/Futura.eot'); src: url('../font/Futura.eot?#iefix') format('embedded-opentype'), url('../font/Futura.woff') format('woff'), url('../font/Futura.ttf')}
@font-face{font-family: 'AxisStd'; src: url('../font/AxisStd.eot'); src: url('../font/AxisStd.eot?#iefix') format('embedded-opentype'), url('../font/AxisStd.woff') format('woff'), url('../font/AxisStd.otf')}
@font-face{font-family: 'GillSans'; src: url('../font/GillSans.eot'); src: url('../font/GillSans.eot?#iefix') format('embedded-opentype'), url('../font/GillSans.woff') format('woff'), url('../font/GillSans.ttf')}
@font-face{font-family: 'GillSans_thin'; src: url('../font/GillSans_4.eot'); src: url('../font/GillSans_4.eot?#iefix') format('embedded-opentype'), url('../font/GillSans_4.woff') format('woff'), url('../font/GillSans_4.ttf')}

html, body, div, span, object, iframe, 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, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
.clearfix:after {content: " "; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.clearfix{display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.body_reset{margin:0 auto; padding:0 auto;}

/*html*/
body {font-family: 'AxisStd', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; text-align: left; font-size: 13px; line-height: 20px; min-width: 1100px; position: relative;}
img {max-width: 100%; height: auto; vertical-align: bottom;}
a img:hover{opacity: 0.7;}
a, a:visited {color: #000; text-decoration: none; }
a:active, a:hover {color: #000; text-decoration: underline;}
a:focus, input:focus {outline: none;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.disp_0{-ms-filter: "alpha( opacity=0 )" !important; filter: alpha( opacity=0 ) !important; opacity: 0 !important;}
.disp_100{-ms-filter: "alpha( opacity=100 )" !important; filter: alpha( opacity=100 ) !important; opacity: 100 !important;}
.disp_none{display: none !important;}
.disp_block{display: block !important;}
.fixed{position: fixed; top: 0; box-shadow: 0px 3px 3px #999; border:none !important;}
.box_shadow{box-shadow: 0px 3px 3px #999; border-bottom: none !important;}
.font_futura{font-family: 'futura';}
.font_AxisStd{font-family: 'AxisStd';}
.font_GillSans{font-family: 'GillSans';}


.header {width: 100%; height: auto; border-top:15px solid #000000;margin: 0 auto;}
.header h1 {width: 120px; height: 90px; margin: 0 auto;padding-top: 70px;}
.gnav {width: 960px; height: 60px; margin: 0 auto; }
.gnav ul {width: 960px; height: 60px; margin-top: 30px; background-color: #ffffff;}
.gnav ul li {float: left; margin-right: 65px; margin-top: 15px;}
.gnav ul li.li_end {margin-right: 0; margin-top: 15px;}


.box_projects {width: 995px; height: auto; margin: 0 auto; margin-top: 70px;}
.box_projects h2 {border-bottom: 1px solid #000000; padding-bottom: 5px;}
.projects_link {width: 800px; height: auto; margin: 0 auto;}
.projects_link ul {width: 800px; height: auto; margin-top: 50px;}
.projects_link ul li {float: left; margin-right: 100px; height: 140px; margin-bottom: 50px;}
.projects_link ul li.bnr_right {margin-right: 0;}


.box_about {width: 995px; height: auto; margin: 0 auto; margin-top: 50px;}
.box_about h2 {border-bottom: 1px solid #000000; padding-bottom: 5px;}
.about_contents {width: 995px; height: auto; margin-top: 60px;}
.about_left_en {width: 440px; height: auto; float: left; margin-right: 75px; margin-left: 20px;}
.about_right_ja {width: 440px; height: auto; float: left;}
.about_left_en h3 {font-size: 115%; font-weight: bold; margin-bottom: 5px;}
.about_en_contents {font-size: 100%; line-height: 150%; margin-bottom: 25px;}
.about_right_ja h3 {font-size: 115%; font-weight: bold; margin-bottom: 5px;}
.about_ja_contents {font-size: 100%; line-height: 150%; margin-bottom: 25px;}


.box_works {width: 995px; height: auto; margin: 0 auto; margin-top: 50px;}
.box_works h2 {border-bottom: 1px solid #000000; padding-bottom: 5px;}
.works_contents {width: 995px; height: auto; margin-top: 60px;}
.works_media_1 {width: 440px; height: auto; float: left; margin-right: 75px; margin-left: 20px;}
.works_media_2 {width: 440px; height: auto; float: left;}
.works_box {width: 420px; height: 50px; margin-bottom: 10px;position:relative;}
.works_media_1 h3 {font-size: 110%; font-weight: bold; margin-bottom: 5px; height: auto; line-height: 110%; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.works_media_2 h3 {font-size: 110%; font-weight: bold; margin-bottom: 5px; height: auto; line-height: 110%; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.works_sub_tit {font-size: 80%; font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}
.works_movie {width: 440px; height: 250px; margin-bottom: 30px;}


.box_profile {width: 995px; height: auto; margin: 0 auto; margin-top: 50px;}
.box_profile h2 {border-bottom: 1px solid #000000; padding-bottom: 5px;}
.profile_contents  {width: 995px; height: auto; margin-top: 60px;}
.profile_contents h3 {font-size: 115%; font-weight: bold; margin-bottom: 3px; margin-left: 20px; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.profile_contents h4 {font-size: 85%; margin-left: 20px; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.profile_info {width: 995px; height: auto; margin-top: 25px;}
.profile_left_en {width: 440px; height: auto; float: left; margin-right: 75px; margin-left: 20px; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.profile_right_ja {width: 430px; height: auto; float: left; font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}
.profile_en_contents {font-size: 85%; line-height: 190%;}
.profile_ja_contents {font-size: 85%; line-height: 190%;}


.box_company {width: 995px; height: auto; margin: 0 auto; margin-top: 50px;}
.box_company h2 {border-bottom: 1px solid #000000; padding-bottom: 5px;}
.company_contents {width: 995px; height: auto; margin-top: 60px;}
.company_left_en {width: 440px; height: auto; float: left; margin-right: 75px; margin-left: 20px;}
.company_right_ja {width: 430px; height: auto; float: left;}
.company_left_en h3 {font-size: 115%; font-weight: bold; margin-bottom: 5px; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.company_en_contents {font-size: 100%; line-height: 150%; margin-bottom: 25px; font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
.company_right_ja h3 {font-size: 115%; font-weight: bold; margin-bottom: 5px; font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}
.company_ja_contents {font-size: 100%; line-height: 150%; margin-bottom: 25px; font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}
.map {width:435px; height:415px; margin: 0 auto; padding-top: 60px;}


.footer {width: 100%; height: 75px; margin-top:100px; background-color: #000000;}
.copyright {width: 230px; height: 20px; margin: 0 auto; padding-top: 30px;}


#page-top {position: fixed; bottom: 20px; right: 20px;}