@charset "utf-8"; @media screen and (max-width:1000px){ header h1 { /*width: 150px; margin:1% 1%;*/ } header .logo50th img {width: 23px; margin:1% 0 0;} .index_search article section { float:none; width:auto; margin:0; } .index_case article { width: 42%; margin:3.13% 0 0; padding:3.13%; } .index_case article.nt02 { margin:3.13% 0 0; padding:3.13%; } .index_case article figure a img { width:100%; } } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  Width1000px以下のつなぎ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ @media screen and (min-width:641px) and (max-width:1000px){ /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  ヘッダ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ header hgroup {width:auto;} /* グローバルナビ */ header .global {width:auto;} header .global dl {width:19%;} header .global dt {width:100%;} header .global dt a {padding:0 10px;} header .global dd {width:100%;} header .global dd a {width:100%;} /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  パンくずリスト _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .breadcrumbs {padding:0 20px;} /* リスト */ .breadcrumbs ul {width:auto;} /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  ページタイトル _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .page_title {margin:20px 20px 0;} /* テキスト */ .page_title h2 {width:100%;} /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  コンテンツ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .contents { background:none; width:auto; padding: 0; } /* メニュー */ .contents .side { float:none; width:100%; margin:9.38% 0 0; padding:0; } .contents .side li { line-height:40px; margin: 0; } .contents .side li ul {display:none;} .contents .side li li { padding:0; margin:0; border-bottom: 1px solid #a2a2a2; } .contents .side a { display:block; color:#333; background:#ededed; text-align:left; padding: 0 4vw; margin:0; font-weight: bold; background:#ededed url(/corp_img/sp_navi_03.png) 96.87% center no-repeat; background-size:auto 40%; } .contents .side .has_child { background:#ededed url(/corp_img/sp_navi_01.png) 96.87% center no-repeat; background-size:auto 40%; padding: 0 4vw; border-bottom: 1px #a2a2a2 solid; } .contents .side .has_child.open { background:#ededed url(../../corp_img/sp_navi_02.png) 96.87% center no-repeat; background-size:auto 40%; } .contents .side .small a, .contents .side .smaller a {font-size:130%;} .contents .side li li a { padding-left: 8vw; background:#ededed url(../../corp_img/sp_navi_03.png) 96.87% center no-repeat; background-size:auto 40%; } .contents .side .active a {background:#1964af;} .contents .side .active a {color:#fff;} .contents .side li .active a {background:#aeaeae;} .contents .side .sidebtn { display: none; margin: 14px 0 0; height:40px; width: 100%; background-color: #008f7B; border-radius:3px; -webkit-border-radius:3px; } .contents .side .sidebtn a { display: inline-block; width: 100%; line-height:40px; background-color: #008f7B; text-align: center; font-weight: bold; color: #fff; margin: 0; padding: 0; } /* メインコンテンツ */ .contents .main, .sitemapcontents, .livecamera { float:none; width:auto; padding:25px 20px 50px; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  フッタ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ footer {margin-top: 60px;padding: 0;} /* ナビゲーション */ footer .global {width:auto;} footer .global dl { float:none; width:auto; margin:0; } footer .global .wide {width:auto;} footer .global article { float:none; width:auto; } /* 首都高3号線ライブカメラ */ footer .camera, footer .social {display:none !important;} footer .camera02, footer .social02 { display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; color:#000; background:#fff; font-size:80%; line-height:33px; border:solid 1px #aaa; border-radius:3px; padding:0 5px; margin:20px 0 0; } footer .camera02 {margin:20px 0 0;} footer .social02 {margin:5px 0 0;} footer .camera02 img, footer .social02 img { width:20px; margin:0 7px 0 0; vertical-align:middle; } /* コピーライト等 */ footer section { width:100%; line-height:normal; margin:20px auto 0; } footer section small { float:none; display:block; text-align:center; margin:20px auto 0; } footer section .primary { float:none; text-align:center; } footer section .primary a { display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; margin:0 20px; } } @media screen and (max-width:767px){ /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  共通設定 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* 画像 */ /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  ヘッダ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ header {position:relative;} header hgroup { width:auto; margin:5.47% 3.13% 0; } /* ロゴ */ header h1 { /*width:50%; margin:1.67% 0 0;*/ } header .logo50th img {width: 13% !important; margin:1% 0 0 2%;} /* プライマリナビ */ header .primary {display:none;} /* グローバルナビ */ header .global { visibility:hidden; width:100%; margin:3.13% 0 0; position:absolute; top:100%; z-index:999; } header .global dl {float:none;} header .global dt { width:auto; line-height:35px; border:none; } header .global dt a { color:#fff; background:rgba(25, 100, 175, 0.96); width:auto; line-height:35px; margin:1px 0 0; } header .global dd { display:none; padding:0; position:relative; } header .global dl:last-child dt {border:none;} header .global a { display:block; text-align:left; padding:0 3.13%; } header .global dd a { color:#fff; background:rgba(85, 85, 85, 0.96); width:auto; line-height:35px; margin:1px 0 0; } header .global dl:active dd {display:block;} header .global dt .has_child { background:rgba(25, 100, 175, 0.96) url(/corp_img/sp_navi.png) 96.87% center no-repeat; background-size:auto 40%; } header .global .sp_link { display:block; background:rgba(25, 100, 175, 0.96); } /* フォーム */ header .global .sp_form { display:block; background:rgba(25, 100, 175, 0.96); padding:3.13% 0; margin:1px 0 0; } header .sp_form form { line-height:24px; background:#fff; width:48.39%; border:none; border-radius:3px; margin:0 auto; padding:0; position:relative; } header .sp_form form input { float:none; width:85%; line-height:20px; border:none; padding:0; margin:0; } header .sp_form form button { float:none; background:transparent; width:15%; line-height:20px; text-align:center; border:none; padding:0; margin:0; position:absolute; top:2px; right:0; } header .sp_form form img { width:50%; vertical-align:middle; } header .sp_form .button_link { color:#fff; background:#004098; text-decoration:none; text-align:center; width:49.39%; line-height:22px; border-radius:3px; margin:3.13% auto 0; padding:0; } /* スマホ用メニューの表示 */ header .sp_menu { display:block; float:right; width:11.67%; } /* ホバー解除 */ a:hover { -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  パンくずリスト _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .breadcrumbs { display:block; font-size: 90%; } .breadcrumbs ul { width: 100%; } .breadcrumbs li { font-size: 100%; margin: 0 2.67vw 0 0; } .breadcrumbs li img { display: none; } .breadcrumbs li:after { content: " >"; } .breadcrumbs li:last-child:after { content:""; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  ページタイトル _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .page_title { margin:3.13% 0 0; padding:0 3.13% 3.13%; } /* テキスト */ .page_title h2 { width:auto; margin:0 auto; line-height: 1.3; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  コンテンツ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .contents { background:none; width:auto; margin:10.94% 0 0; padding: 0; } /* メニュー */ .contents .side { display: block; float:none; width:100%; margin: 9.38% 0 5.2vw; padding:0; } .contents .side li { line-height:40px; margin: 0; } .contents .side li ul {display:none;} .contents .side li li { padding:0; margin:0; } .contents .side a { display:block; color:#333; background:#ededed; text-align:left; padding: 0 4vw; margin:0; font-weight: bold; background:#ededed url(/corp_img/sp_navi_03.png) 96.87% center no-repeat; background-size:auto 40%; font-size: 100%; border-bottom: 1px #a2a2a2 solid; } .contents .side .has_child { background:#ededed url(/corp_img/sp_navi_01.png) 96.87% center no-repeat; background-size:auto 40%; padding: 0 4vw; border-bottom: 1px #a2a2a2 solid; } .contents .side .has_child.open { background:#ededed url(/corp_img/sp_navi_02.png) 96.87% center no-repeat; background-size:auto 40%; } .contents .side .small a, .contents .side .smaller a {font-size:100%;} .contents .side li li a { padding-left: 8vw; background:#ededed url(../../corp_img/sp_navi_03.png) 96.87% center no-repeat; background-size:auto 40%; } .contents .side .active a {background:#1964af;} .contents .side .active a {color:#fff;} .contents .side li .active a {background:#aeaeae;} .contents .side .sidebtn { margin: 14px 0 0; height:40px; width: 100%; background-color: #008f7B; border-radius:3px; -webkit-border-radius:3px; } .contents .side .sidebtn a { display: inline-block; width: 100%; line-height:40px; background-color: #008f7B; text-align: center; font-weight: bold; color: #fff; margin: 0; padding: 0; } /* メインコンテンツ */ .contents .main { float:none; width:93.74%; padding:0; margin:0 3.13%; } .contents .main h3 { font-size:150%; font-weight:bold; line-height:1.5; } .contents .main em { display:block; font-size:140%; font-weight:bold; margin:10px 0 0; } .ir_sche { overflow: scroll; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  フッタ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ footer {} /* ナビゲーション */ footer .global { width:auto; margin:0 auto; padding:3.90% 3.13% 3.13%; } footer .global dl { float:left; width:100%; margin:3.13% 0 0; } footer .global a { display:block; color:#000; text-decoration:none; } footer .global .wide {width:100%;} footer .global article { float:none; width:100%; } /* 首都高3号線ライブカメラ */ footer .camera, footer .social {display:none !important;} footer .camera02, footer .social02 { display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; color:#000; background:#fff; font-size:80%; line-height:33px; border:solid 1px #aaa; border-radius:3px; padding:0 5px; } footer .camera02 {margin:3.13% 1.13% 0;} footer .social02 {margin:1.13% 1.13% 0;} footer .camera02 img, footer .social02 img { width:20px; margin:0 7px 0 0; vertical-align:middle; } /* コピーライト等 */ footer section { width:100%; line-height:normal; margin:6.94% auto 0; } footer section small { float:none; display:block; text-align:center; margin:6.94% auto 0; } footer section .primary { float:none; text-align:center; } footer section .primary a { display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; margin:0 3.13%; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  トップページ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* ビジュアル */ .index_visual { width:auto; margin:3.13% 3.13% 0; overflow:hidden; } .index_visual .slides {width:100%;} .flex-direction-nav {display:none;} .flex-control-nav {bottom:0%; padding:3px 3px 0 3px;} .flex-control-nav li {margin:0 5%; padding: 0;} .flex-control-paging li a { padding: 0; margin: 0; width:6px; height:6px; border-radius:3px; } dl.etopmenu { width:95% !important; float: none; margin: 20px auto; } dl.etopmenu dt { font-weight: bold; font-size: 22px; margin-bottom: 12px; padding:8px; border-bottom:2px solid #003f99; } dl.etopmenu dd { padding:10px 0 16px 12px; font-size: 16px; display: block; } dl.etopmenu dd > a > img { height: 12px; /*width:6px;*/ padding: 0 12px 0 0; } /* ソーシャル */ .index_visual aside {display:none;} /* コンテンツ */ .top_contents {margin:0;} /* ボタン */ .index_button { font-size:110%; line-height:2; padding:0 3.13%; } /* タイトル */ .index_title { font-size:140%; margin:5.13% 3.13% 0; } /* 検索メニュー */ .index_search {margin:3.13% 0 0;} .index_search ul {display:none;} .index_search ul li { width:30%; margin:0 0 0 5%; padding:0; } .index_search ul a {line-height:2;} .index_search ul li:first-child {margin:0;} .index_search li img { width:5%; height:auto; } .index_search li a img { height:auto; width:80%; } .index_search strong { display:block; text-align:center !important; margin:0 3.13%; border:solid 1px #ccc; padding: 15px 0; margin-bottom: 20px; position: relative; } .index_search strong a { display:block; padding:1.13%; } .index_search strong img { width:auto; height:23px; } .index_search strong img:last-child {margin:0 0 0 3.13%; position: absolute; top:30%; right:12px;} .index_search article { margin:-20px 3.13% 20px 3.13%; padding:1.13% 18px 20px 18px; } /* 導入事例 */ .index_case { /zoom:1; padding:0 3.13% 3.13%; } .index_case article { float:none; margin:3.13% auto; padding:3.13%; width:95%; } .index_search article section { float:none; width:auto; margin:0; } .index_case article.nt02 { float:none; margin:3.13% auto; padding:3.13%; width:95%; } .index_case article img {width:100%;} .index_case article a { width:100%; line-height:1.5; border-radius:3px; } .index_case aside {margin:3.13% 0 0;} .index_case article dl dd a { width:auto !important;} /* リスト */ .index_news ul {margin:3.13% 3.13% 0;} .index_news article {margin:0.13% 3.13% 0;} /* 最新情報 */ .index_news ul {margin:3.13% 3.13% 0;} .index_news article {margin:3.13% 3.13% 0;} .index_news ul li { box-sizing: content-box; -webkit-box-sizing: content-box; margin:0 0 -1px 0.5%; } .index_news ul a { -webkit-box-sizing: content-box; box-sizing: content-box; display: block; padding:0 4.13%; line-height:2; font-size: 92%; white-space: nowrap; } .index_news span { width:80px; line-height:1.5; display: block; margin-left: 0px; } .index_news aside {margin:3.13% 0 0;} .index_news .news_list_table01 colgroup { width:100px; } .index_news .news_list_table02 colgroup { width:100px; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - ごあいさつ _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_greeting {} /* テキスト */ .company_greeting p {margin:3.13% 0 0;} .company_greeting aside {margin:3.13% 0 0;} /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - 会社概要 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_detail {} /* テーブル */ .company_detail table:before, .company_detail table:after {content:""; display:table;} .company_detail table:after {clear:both;} .company_detail table { /zoom:1; margin:3.13% 0 0; } .company_detail table colgroup {width:100%;} .company_detail table th { display:block; padding:10px 3.13%; border-top:none; border-bottom:none; } .company_detail table td { display:block; padding:10px 3.13%; border-top:none; border-bottom:none; } .company_detail table tr { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - 沿革 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_history {} /* テーブル */ .company_history table:before, .company_history table:after {content:""; display:table;} .company_history table:after {clear:both;} .company_history table { /zoom:1; margin:3.13% 0 0; } .company_history table colgroup {width:100%;} .company_history table th { display:block; text-align:left; padding:10px 3.13%; border-top:none; border-bottom:none; } .company_history table td { display:block; padding:10px 3.13%; border-top:none; border-bottom:none; } .company_history table tr { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - NSWの特徴 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_feature {} /* 定義リスト */ .company_feature dl {margin:3.13% 0 0;} /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - 役員構成 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_official {} /* テーブル */ .company_official table:before, .company_official table:after {content:""; display:table;} .company_official table:after {clear:both;} .company_official table { /zoom:1; margin:3.13% 0 0; } .company_official table colgroup {width:100%;} .company_official table th { display:block; padding:10px 3.13%; border-top:none; border-bottom:none; } .company_official table td { display:block; padding:10px 3.13%; border-top:none; border-bottom:none; } .company_official table tr { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - 組織図 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_organization {} /* 画像 */ .company_organization figure { width:100%; margin:3.13% 0 0; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - 事業拠点 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_address {} /* 名称 */ .company_address strong {margin:3.13& 0 0;} /* 画像 */ .company_address section {margin:3.13% 0 0; width: auto;} .company_address section img {width:100%;} .company_address section .left {width:auto;} .company_address section .right {width:auto; margin-left: 0;} .company_address section .center {width:98%; margin:3.13% auto;} /* テーブル */ .company_address table {margin:3.13% 0 0;} .company_address table colgroup {width:37.95%;} .company_address table td iframe { width:100%; height:150px; } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - グループ企業紹介 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_group {} /* 定義リスト */ .company_group dl {margin:3.13& 0 0;} } /* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/  企業情報 - コーポレートガバナンス _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */ /* エリア */ .company_governance {} /* 画像 */ .company_governance figure { width:94%; margin:15px auto 0; } .company_governance figure img {width:100%;} /* パラグラフ */ .company_governance p { padding-left: 10px; font-size:120%; line-height:1.8em; margin:15px 0 0; } .company_governance p img { width:18px; vertical-align:middle; margin:0 0 0 10px; } .company_governance a img { width:3px; margin:0 5px 0 0; vertical-align:middle; }