• HOME/
  • お問い合わせ

お問い合わせ

お電話でのお問い合わせ

お電話でのお問い合わせは、お近くのデバイス販売テクノサポートセンターまでご連絡ください。

拠点一覧

メールでのお問い合わせ

メールでのお問い合わせは下記のフォームからお願いいたします。
尚、お急ぎの場合はお電話にてお問い合わせください。

お問い合わせの種類
会社名 例)株式会社◯◯ (個人の方は「個人」と入力ください)
部署名 例)○○部○○課
役職
氏名 山田 花子
電話番号
メールアドレス
ご質問・要望
お返事の方法 電話  メール  どちらでも良い 
@charset "UTF-8";html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}* html ul,* html ol,* html p{}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-size:1em;font-weight:400;font-style:normal}ul,ol{list-style:none}fieldset,img{border:none}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0;font-size:1em}th,td{vertical-align:top}br{letter-spacing:normal}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{margin:0;padding:0;clear:both}.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px}.hide{display:none}.lineclear{margin:0;padding:0;clear:both}.lineclear hr{display:none}* html .clearfix{}*+html .clearfix{}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}.h1tt{position:absolute;text-indent:100%;white-space:nowrap;overflow:hidden}.meiryo{font-family:"メイリオ",meiryo,Arial,sans-serif}.mincho{font-family:'Hiragino Mincho ProN',"ヒラギノ明朝 Pro W3",serif}.gothic{font-family:"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",YuGothic,"メイリオ","游ゴシック体","Yu Gothic",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif}.lesp-n{letter-spacing:normal}.bold{font-weight:700!important}.normal{font-weight:400!important}.fns30{font-size:3em}.fns20{font-size:2em}.fns15{font-size:1.5em}.fns14{font-size:1.4em}.fns13{font-size:1.3em}.fns12{font-size:1.2em}.fns11{font-size:1.1em}.fns10{font-size:1em}.fn08{font-size:.8em}.lh20{line-height:2}.lh19{line-height:1.9}.lh18{line-height:1.8}.lh17{line-height:1.7}.lh16{line-height:1.6}.lh15{line-height:1.5}.lh14{line-height:1.4}.lh13{line-height:1.3}.lh12{line-height:1.2}.lh1{line-height:1}.lh08{line-height:.8}.lh0{line-height:0}.fn-red{color:red}img.img-l{float:left;margin:0 10px 10px 0}img.img-r{float:right;margin:0 0 10px 10px}img.img-bdr{padding:2px;border:1px solid #ccc}.wide{width:100%;height:auto}.max-wide{max-width:100%;height:auto}.hoverset a:hover img{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60)}.txc{text-align:center}.txl{text-align:left}.txr{text-align:right}.txjus{text-align:justify;text-justify:inter-ideograph}.fl{float:left}.fr{float:right}.va-b{vertical-align:bottom}.va-m{vertical-align:middle}.pore{position:relative}.poab{position:absolute}.table-row{display:table;width:100%}.table-cell{display:table-cell;vertical-align:top}.mt00{margin-top:0!important}.mt01{margin-top:1px!important}.mt02{margin-top:2px!important}.mt03{margin-top:3px!important}.mt04{margin-top:4px!important}.mt05{margin-top:5px!important}.mt06{margin-top:6px!important}.mt07{margin-top:7px!important}.mt08{margin-top:8px!important}.mt09{margin-top:9px!important}.mt10{margin-top:10px!important}.mt11{margin-top:11px!important}.mt12{margin-top:12px!important}.mt13{margin-top:13px!important}.mt14{margin-top:14px!important}.mt15{margin-top:15px!important}.mt16{margin-top:16px!important}.mt17{margin-top:17px!important}.mt18{margin-top:18px!important}.mt19{margin-top:19px!important}.mt20{margin-top:20px!important}.mt24{margin-top:24px!important}.mt25{margin-top:25px!important}.mt28{margin-top:28px!important}.mt30{margin-top:30px!important}.mt32{margin-top:32px!important}.mt35{margin-top:35px!important}.mt36{margin-top:36px!important}.mt40{margin-top:40px!important}.mt44{margin-top:44px!important}.mt45{margin-top:45px!important}.mt48{margin-top:48px!important}.mt50{margin-top:50px!important}.mt52{margin-top:52px!important}.mt55{margin-top:55px!important}.mt56{margin-top:56px!important}.mt60{margin-top:60px!important}.mt65{margin-top:65px!important}.mt70{margin-top:70px!important}.mt75{margin-top:75px!important}.mt80{margin-top:80px!important}.mt85{margin-top:85px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mt130{margin-top:130px!important}.mt140{margin-top:140px!important}.mt150{margin-top:150px!important}.mt160{margin-top:160px!important}.mb00{margin-bottom:0!important}.mb01{margin-bottom:1px!important}.mb02{margin-bottom:2px!important}.mb03{margin-bottom:3px!important}.mb04{margin-bottom:4px!important}.mb05{margin-bottom:5px!important}.mb06{margin-bottom:6px!important}.mb07{margin-bottom:7px!important}.mb08{margin-bottom:8px!important}.mb09{margin-bottom:9px!important}.mb10{margin-bottom:10px!important}.mb11{margin-bottom:11px!important}.mb12{margin-bottom:12px!important}.mb13{margin-bottom:13px!important}.mb14{margin-bottom:14px!important}.mb15{margin-bottom:15px!important}.mb16{margin-bottom:16px!important}.mb17{margin-bottom:17px!important}.mb18{margin-bottom:18px!important}.mb19{margin-bottom:19px!important}.mb20{margin-bottom:20px!important}.mb24{margin-bottom:24px!important}.mb25{margin-bottom:25px!important}.mb28{margin-bottom:28px!important}.mb30{margin-bottom:30px!important}.mb32{margin-bottom:32px!important}.mb35{margin-bottom:35px!important}.mb36{margin-bottom:36px!important}.mb40{margin-bottom:40px!important}.mb44{margin-bottom:44px!important}.mb45{margin-bottom:45px!important}.mb48{margin-bottom:48px!important}.mb50{margin-bottom:50px!important}.mb52{margin-bottom:52px!important}.mb55{margin-bottom:55px!important}.mb56{margin-bottom:56px!important}.mb60{margin-bottom:60px!important}.mb65{margin-bottom:65px!important}.mb70{margin-bottom:70px!important}.mb75{margin-bottom:75px!important}.mb80{margin-bottom:80px!important}.mb85{margin-bottom:85px!important}.mb90{margin-bottom:90px!important}.mb100{margin-bottom:100px!important}.mb110{margin-bottom:110px!important}.mb120{margin-bottom:120px!important}.mb130{margin-bottom:130px!important}.mb140{margin-bottom:140px!important}.mb150{margin-bottom:150px!important}.mb160{margin-bottom:160px!important}.pt00{padding-top:0!important}.pt01{padding-top:1px!important}.pt02{padding-top:2px!important}.pt03{padding-top:3px!important}.pt04{padding-top:4px!important}.pt05{padding-top:5px!important}.pt06{padding-top:6px!important}.pt07{padding-top:7px!important}.pt08{padding-top:8px!important}.pt09{padding-top:9px!important}.pt10{padding-top:10px!important}.pt11{padding-top:11px!important}.pt12{padding-top:12px!important}.pt13{padding-top:13px!important}.pt14{padding-top:14px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pt17{padding-top:17px!important}.pt18{padding-top:18px!important}.pt19{padding-top:19px!important}.pt20{padding-top:20px!important}.pt24{padding-top:24px!important}.pt25{padding-top:25px!important}.pt28{padding-top:28px!important}.pt30{padding-top:30px!important}.pt32{padding-top:32px!important}.pt35{padding-top:35px!important}.pt36{padding-top:36px!important}.pt40{padding-top:40px!important}.pt44{padding-top:44px!important}.pt45{padding-top:45px!important}.pt48{padding-top:48px!important}.pt50{padding-top:50px!important}.pt52{padding-top:52px!important}.pt55{padding-top:55px!important}.pt56{padding-top:56px!important}.pt60{padding-top:60px!important}.pt65{padding-top:65px!important}.pt70{padding-top:70px!important}.pt75{padding-top:75px!important}.pt80{padding-top:80px!important}.pt85{padding-top:85px!important}.pt90{padding-top:90px!important}.pt95{padding-top:95px!important}.pt100{padding-top:100px!important}.pb00{padding-bottom:0!important}.pb01{padding-bottom:1px!important}.pb02{padding-bottom:2px!important}.pb03{padding-bottom:3px!important}.pb04{padding-bottom:4px!important}.pb05{padding-bottom:5px!important}.pb06{padding-bottom:6px!important}.pb07{padding-bottom:7px!important}.pb08{padding-bottom:8px!important}.pb09{padding-bottom:9px!important}.pb10{padding-bottom:10px!important}.pb11{padding-bottom:11px!important}.pb12{padding-bottom:12px!important}.pb13{padding-bottom:13px!important}.pb14{padding-bottom:14px!important}.pb15{padding-bottom:15px!important}.pb16{padding-bottom:16px!important}.pb17{padding-bottom:17px!important}.pb18{padding-bottom:18px!important}.pb19{padding-bottom:19px!important}.pb20{padding-bottom:20px!important}.pb24{padding-bottom:24px!important}.pb25{padding-bottom:25px!important}.pb28{padding-bottom:28px!important}.pb30{padding-bottom:30px!important}.pb32{padding-bottom:32px!important}.pb35{padding-bottom:35px!important}.pb36{padding-bottom:36px!important}.pb40{padding-bottom:40px!important}.pb44{padding-bottom:44px!important}.pb45{padding-bottom:45px!important}.pb48{padding-bottom:48px!important}.pb50{padding-bottom:50px!important}.pb52{padding-bottom:52px!important}.pb55{padding-bottom:55px!important}.pb56{padding-bottom:56px!important}.pb60{padding-bottom:60px!important}.pb65{padding-bottom:65px!important}.pb70{padding-bottom:70px!important}.pb75{padding-bottom:75px!important}.pb80{padding-bottom:80px!important}.pb85{padding-bottom:85px!important}.pb90{padding-bottom:90px!important}.pb95{padding-bottom:95px!important}.pb100{padding-bottom:100px!important}.pl00{padding-left:0!important}.pl01{padding-left:1px!important}.pl02{padding-left:2px!important}.pl03{padding-left:3px!important}.pl04{padding-left:4px!important}.pl05{padding-left:5px!important}.pl06{padding-left:6px!important}.pl07{padding-left:7px!important}.pl08{padding-left:8px!important}.pl09{padding-left:9px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pr00{padding-right:0!important}.pr01{padding-right:1px!important}.pr02{padding-right:2px!important}.pr03{padding-right:3px!important}.pr04{padding-right:4px!important}.pr05{padding-right:5px!important}.pr06{padding-right:6px!important}.pr07{padding-right:7px!important}.pr08{padding-right:8px!important}.pr09{padding-right:9px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important} @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); @import url('https://fonts.googleapis.com/css?family=Roboto:300,400'); /* =================================== Base Setting =================================== */ body { margin:0; padding: 0; background:#FFF; color:#3C3F3F; font-weight: 500; letter-spacing:0.6px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;} a { text-decoration: none; color:#3C3F3F; } a:hover { } a.underline {text-decoration: underline; } a.underline:hover { text-decoration: none; } a { outline:none;} img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto; } a:focus, img:focus { outline: 0; } .box-sizing {-webkit-box-sizing: border-box; box-sizing: border-box; } .text-tategaki { writing-mode: tb-rl; writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } .fn-mincho { font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS P明朝","MS PMincho", Times, serif; } .fn-gothic{ font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", Helvetica, Arial, sans-serif; } .fn-Lato{ font-family: 'Lato', sans-serif;} .fn-Roboto{font-family: 'Roboto', sans-serif;} .color-or{ color: #FF6600;} /* =================================== 共通 =================================== */ /* フォント */ body { font: 14px/1.7 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", Helvetica, Arial, sans-serif; } select,input,button,textarea { font: 14px/1.7 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", Helvetica, Arial, sans-serif; } /* =================================== 画面全体のレイアウト =================================== */ /* 画面全体の表示設定 */ body { background:White; /* 背景色 */ text-align:center; /* フォームエリアを中央に表示 */ } .wrap{ margin:0 auto; max-width:1000px; } /* フォームエリア全体の設定 */ div.container { width:100%; /* 画面の横幅 */ padding: 100px 0 0 0; background:white; /* 背景色 */ border: none; /* 外枠のラインの色と太さ */ font-size:14px; /* フォントの初期サイズ */ color:#333; /* フォントの初期カラー */ margin:0 auto; /* 画面の中央に表示 */ text-align:left; /* 左寄せ */ } /* プライバシーポリシーの表示設定 */ #privacy_policy { width: 100%; margin: 30px 0 !important; padding: 0 !important; } #privacy_policy div { width: 700px; margin: 0 auto; /* 画面の中央に表示 */ } /* header ==========================================================*/ .navInner{ position:fixed; right:20px; top:40px; width:30px; height: 20px; z-index:9999; display: none;} .navInner a{ color:#152024;} .navInner i{ font-size:13px; line-height:20px; font-style:normal; font-weight:bold; font-family: 'Lato', sans-serif; position:absolute; right:45px;} .menu-trigger{ width:30px; height: 20px; line-height: inherit; cursor: pointer; position:relative; } .menu-trigger.active{} .menu-trigger, .menu-trigger span{display:inline-block; -webkit-transition:all .4s;transition:all .4s; box-sizing:border-box; } .menu-trigger span{position:absolute; left:0; width:100%; height:1px; background-color:#000;} .menu-trigger span:nth-of-type(1){top:0} .menu-trigger span:nth-of-type(2){top:9px} .menu-trigger span:nth-of-type(3){bottom:0} .menu-trigger:not(.active):hover span:nth-of-type(1){top:2px} .menu-trigger:not(.active):hover span:nth-of-type(3){bottom:2px} .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg)} .menu-trigger.active span:nth-of-type(2){opacity:0} .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg)} #headerContainer { position:fixed; top:0; left:0; z-index:9990; width:100%; height: 100px; background:#fff; -webkit-transition:all .6s;transition:all .6s; } #headerContainer.active{ /*background: rgba(255,255,255,0.9);*/} @media screen and (min-width: 751px) { body.index #headerContainer { background-color: transparent; } body.index #headerContainer a{ color: #fff;} body.index #logo{ display: none; -webkit-transition:all .6s;transition:all .6s; } body.index #headerContainer.ind-scroll, body.index #headerContainer.active { background:#fff;} body.index #headerContainer.ind-scroll a, body.index #headerContainer.active a{ color: #152024;} body.index #headerContainer.ind-scroll .menu-lv2 a, body.index #headerContainer.active .menu-lv2 a{ color: #fff;} body.index #headerContainer.active #logo, body.index #headerContainer.ind-scroll #logo{ display: block; } } #header { line-height: 100px;} #header #logo{ width: 150px; float: left; margin-top:25px; } #header #logo img{ vertical-align: middle; } #g-menu {} #globalNav { float: right;} .g-menu { } .g-menu li { float: left; margin-left: 25px; } .menu-lv1 {} .nav-lv1 { position: relative; } a.nav-lv1-links { display: block; position: relative;} .nav-lv1.nav-lv1bg:hover:before { background: url(../images/common/hdarw.png) center bottom no-repeat; background-size:12px auto ; position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 100%; content: ''; -webkit-opacity: 1 !important; opacity: 1 !important; } .menu-lv2 { position:fixed; top:100px; left:0; width:100vw; line-height: 90px; height: 90px; background:#3C3F3F; overflow: hidden; display: none; } .g-menu li .menu-lv2 ul{position: relative; left: 50%; float: left;} .g-menu li .menu-lv2 li{ position: relative; left: -50%; float: left; margin: 0 15px; -webkit-transition: all .6s; transition: all .6s; margin-top:-10px; } .g-menu li .menu-lv2.active li{ margin-top:0px;} .menu-lv2 a{ color: #fff;} @media screen and (max-width: 1160px) { .g-menu li .menu-lv2 li{ font-size:12px; margin: 0 10px; margin-top:-10px; } } @media screen and (max-width: 968px) { .menu-lv2 { padding: 20px 0;} .menu-lv2 { line-height: 60px; height:auto; } .g-menu li .menu-lv2 ul {width:90vw; } .g-menu li .menu-lv2 li{ width: 25%; margin: 0 0px; text-align: center;} } @media screen and (max-width: 840px) { #globalNav{ font-size:12px;} .g-menu li { margin-left: 15px; } } /* =================================== footer =================================== */ #footerContainer{ padding:70px 0 70px; background:#000; } #footer{ font-size:12px; line-height:1.4; color:#fff; margin:0 auto; } #footer a{ color:#fff; } .ft-logoInner{ width: 150px; float: left; } .ft-logo{ margin-bottom: 135px;} .ft-logoInner .nav-icn{} .footermenu-Inner{ width : 70% ;width : -webkit-calc(100% - 200px) ; width : calc(100% - 200px) ; float: right; margin-left:0%; } #footer .footermenu { float:left; width:14%; margin-left:2.5%; width:17%; margin-left:3%; } #footer .footermenu li{ margin-bottom:10px; } #footer .footermenu .lesp-n{ } #footer .footermenu1 {} #footer .footermenu2 { } #footer .footermenu3 { } #footer .footermenu4 { } #footer .footermenu5 { } #footer .footermenu li.ftmenu-cate{ font-weight:bold; margin-bottom:25px; padding-top:15px; border-top:1px solid #bbb; } #footer-line2{ height:35px; line-height:35px; padding:0 10px; font-size:12px; color:#fff; overflow:hidden;} .ftmenu-2{ float:left ;} .ftmenu-2 li{ float:left; margin-left:12px; } .ftmenu-2 i{ display:none;} /*SP*/ .ftmenu-2 a{ color:#fff; text-decoration:none; } .ftmenu-2 a:hover{ color:#bbb;} #copyright{ font-size:10px; float:right; max-width:36%; text-align:right; padding-right:20px; font-family: 'Lato', sans-serif;} #backTop{ line-height:1; position:fixed; z-index:98; bottom:50px; right:35px; width:30px; text-align:center; font-family: 'Lato', sans-serif; font-weight:900; font-size:10px;} #backTop i { display:block; font-size:40px; margin-bottom:-5px;} #backTop a{ text-decoration:none; color: #666;} /* content ==========================================================*/ body.index #Container { padding-top:0px; } .pages{} #pages-page{ } /* ttl / fonts */ .h1tt{ position:absolute; text-indent:-999em; } .indent { margin-left: 1em; text-indent: -1em;} .dst-line-ttl{ font-size: 20px; text-align: center; font-weight: bold; border-bottom: 1px solid #c0c0c0; padding-bottom: 20px; margin-bottom: 30px; } .dst-line-ttl.bdnone{ border-bottom: none; padding-bottom: 0;} .dst-line-ttl span{ position: relative;z-index: 2; display: inline-block; padding: 0 0.8em; } .dst-line-ttl span::after, .dst-line-ttl span::before { position: absolute; top: 50%; left: 0%; z-index: 1; content: ''; display: block; width: 6px; height: 2px; background-color: #3C3F3F; } .dst-line-ttl span::after { left: 0%; } .dst-line-ttl span::before { left: 95% ; left : -webkit-calc(100% - 6px) ; left: calc(100% - 6px) ; } /** .pages-title-Inner { text-align:center; margin-top:120px; padding-bottom:70px; margin-bottom:80px; border-bottom:1px solid #E9E9E9; } .pages-title-Inner.none{ border-bottom:none; padding-bottom:0px; } .pages-title-Inner .pages-ttl { line-height:1; margin-bottom:5px;} .pages-title-Inner .pages-ttl img{ width:100%; max-width:400px; height:auto;} .pages-title-Inner .sub-ttl{ font-size:14px; color:#4E4E4E; } .h2-title{ font-size:28px; font-weight:bold; margin-bottom:35px; text-align:center; } */ /* button */ .cshover button, .cshover a, a.cshover{ -webkit-transition:all .3s;transition:all .3s;} .cshover button:hover, .cshover a:hover, a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; } .seemore-button { display: inline-block; width: 240px; height: 70px; text-align: center; text-decoration: none; line-height: 70px; outline: none; background-color: transparent; border: 1px solid #909090; text-decoration:none !important; font-size:16px; font-weight:bold; position: relative; } .seemore-button::before, .seemore-button::after { position: absolute; z-index: -1; display: block; content: ''; } .seemore-button, .seemore-button::before, .seemore-button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } a.seemore-button:hover { background-color: rgba(255, 255, 255, .5); color:#212121; } .nav-icn{ margin-bottom:10px; font-size:12px; line-height:1; letter-spacing: 1.5px; } .nav-icn a { display: block; color:#FFF; padding:0px 15px; } .nav-icn a.seemore-button { width: 100%; height: 37px; line-height: 35px; font-size:12px; font-weight: 700; text-align: left; background-color: transparent; border:1px solid #aaa; } .nav-icn .seemore-button:hover { background-color: rgba(45,45,45,1); border-color: #aaa; } .nav-icn .seemore-button i { position:absolute; top:5px; right:14px; } /* 2: layout ----------------------------------------------------------------------------------------------*/ /* 2column commons name */ .col{ } .col-l{ float:left; } .col-r{ float:right; } .inline-b{ display:inline-block;} .dsbg-gradInner{ background: linear-gradient(140deg, #d93100, #d98900, #d93100, #d98900); background-size: 300% 300%; -webkit-animation: DstecBg 20s ease infinite; -moz-animation: DstecBg 20s ease infinite; animation: DstecBg 20s ease infinite; } @-webkit-keyframes DstecBg { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes DstecBg { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes DstecBg { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } #panNav { width:100%; background:#F3F3F3; border-bottom: solid 5px #FF6600; overflow:hidden; overflow-x:auto; } #panNav .wrap{position:relative;left:0; height:40px; } #panNav ul{ position: relative; padding:0 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #panNav li { float: left; font-size: 12px; line-height: 1.2; margin-right: 8px; } #panNav li i{} #panNav li a{ margin-right: 8px;} .dst-titleInner { background: #383D3D; color: #FFF; padding: 70px 0 65px; text-align: center; position: relative; z-index: 1; margin-bottom: 30px;} .dst-titleInner.line1 { padding: 45px 0 45px; } .dst-ttl { font-size: 35px; font-weight: bold;} .dst-ttl-ruby { font-size: 18px; font-weight: bold; letter-spacing: 2px;} .dst-ttl-ruby a{ color: #fff;} .dst-ttl-ruby a img{ padding-left: 5px; vertical-align:baseline; margin-right: -10px;} .dst-txt { margin-top: 30px;} .dst-titleInner:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(56, 61, 61, 0); border-top-color: #383D3D; border-width: 15px; margin-left: -15px; } /* CONTACT -------------------*/ .contact-section { padding: 55px 0 100px;} .contact-section .wrap{ max-width: 700px; min-height: 30vh; } .contact01-Inner { margin-bottom: 90px; text-align: center; } .contact02-Inner { margin-bottom: 30px; text-align: center; } /* HACK */ .contact01-Inner .seemore-button { width : 235px ; height: 50px; line-height: 50px; outline: none; background-color: #FF6600; border: 1px solid #FF6600; font-size:16px; } .contact01-Inner a.seemore-button { color:#FFF;} .contact01-Inner a.seemore-button:hover { background-color: rgba(255, 255, 255, 1); color:#F94700; } .contfrm {} .contact_caution_txt { color: #FF6600; margin-bottom: 10px; } table.inqtable {border-top: solid 1px #EEEEEE; width: 100%; margin: 0 0 50px;} .inqtable th{ background: #3C3F3F; color: #fff; padding: 20px 10px 20px 20px; width: 170px; white-space: nowrap; border-bottom: 5px solid #FFF; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box;} .inqtable td{ background: #F3F3F3; border-bottom: 5px solid #FFF; padding: 15px 15px 15px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .inqtable input[type="text"] , .inqtable textarea { width: 100%; padding:5px; border:solid 1px #FFF; background:#FFF; height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box;} .inqtable textarea { width: 100%; height:165px;} .inqtable select { background: #FFF; border: 1px solid #fff; height: 35px; line-height: 35px; text-align: left; text-indent: 5px; vertical-align: middle; } .inqtable input.input2 { width: 50%;} .inqtable .contact-tel-Inner input { width: 28%;} .inqtable input[type="text"]:focus , .inqtable textarea:focus { background: #fff; border: 1px solid #ccc; } .contact-koumoku-Inner li{ float: left; margin-right: 5%; line-height: 35px;} .submitbtm{ margin-top:5px; } .contact_privacy_check {margin: 0 0 0px; line-height: 35px;} .contact_privacy_check a{ color: #FF6600; } .error_box { width:96%; text-align:left; background:#FFF; border:1px solid #C50000; color:#C50000; display:none; margin:35px 0; padding:8px 12px; } .submit-Inner{ text-align: center;} input.submitbtm { display: inline-block; width : 235px ; height: 50px; text-align: center; text-decoration: none; line-height: 50px; outline: none; background-color: #FF6600; color: #fff; border: 1px solid #FF6600; text-decoration:none !important; position: relative; font-size:16px; margin: 0 10px; } input.submitbtm::before, input.submitbtm::after { position: absolute; z-index: -1; display: block; content: ''; } input.submitbtm, input.submitbtm::before, input.submitbtm::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } input.submitbtm:hover { background-color: rgba(255, 255, 255, 1); color:#F94700; cursor: pointer; } input.submitbtm.submitback{ background: #FFF; color: #FF6600;;} /* =================================== 設問エリアのレイアウト =================================== */ /* 設問エリア全体の設定 */ div.wrapper { max-width: 700px; min-height: 30vh; /* 画面の横幅 */ margin:0 auto; /* 中央に表示 */ background:white; } /* 設問の表 */ table.items { border: none; } /* 設問の行 */ tr.item { } /* 必要であれば行のデザインを設定することができます */ /*設問名のセルのデザイン */ td.label { background: #3C3F3F; color: #fff; padding: 20px 10px 20px 10px; width: 180px; white-space: nowrap; border-bottom: 5px solid #FFF; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { background: #F3F3F3; width: 520px; border-bottom: 5px solid #FFF; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } /* 入力セルのデザイン */ td.value select,input,textarea { padding: 5px; border: solid 1px #FFF; } /* 設問の入力例/説明セルのデザイン */ td.comment { font-size:12px; padding-left:10px; color:DarkSlateGray; background:White; display: none; } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right:5px; font-size:85%; font-weight:bold; color:DarkSlateGray; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { font-size:110%; } /* ボタンの表示エリアの設定 */ div.button_area { width:700px; margin:10px auto 10px auto; /* 中央に表示、上下に10pxの余白 */ background:White; padding:10px 0 10px 0; /* ボタンとの上下の隙間のサイズ */ text-align:center; /* 中央にボタンを表示 */ } /* 入力エラーメッセージのデザイン */ div.message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color:OrangeRed; background:LightYellow; } /* 公開終了メッセージのデザイン */ div.finished-message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color:Crimson; background:MistyRose; } /* =================================== 入力コントロールのデザイン =================================== */ /* 確認/送信/戻る/登録ボタン */ input[type=button] { display: inline-block; width: 235px; height: 50px; text-align: center; font-size:18px; text-decoration: none; position: relative; font-size: 16px; margin: 0 10px; background:#FF6600; /* ボタンの色 */ border: 1px solid #FF6600; padding:0; /* ボタンの文字の 上 右 下 左 の隙間のサイズ */ color:white; /* 文字の色 */ } input[type=button]:hover { cursor: pointer; } /* 入力中のフィールドの背景色 */ /* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */ input[type="text"]:focus { background-color:LightYellow; } /* テキストボックス */ select:focus { background-color:LightYellow; } /* プルダウン */ textarea:focus { background-color:LightYellow; } /* テキストエリア */ /* =================================== 必須項目のマークおよびメッセージなど =================================== */ /* 必須項目のマーク */ span.required { float:right; margin-right:4px; } span.required:after { /* ここを編集することで表示されるマークを変更できます */ content:"*"; } /* 必須項目についての説明文 */ p.required_msg { text-align:left; color: #FF6600; margin-bottom: 10px; } p.required_msg:after { /* ここを編集することで表示されるマークを変更できます */ content:"*必須となっている箇所は必ずご入力をお願いいたします。"; } /* メールアドレスの再入力メッセージ */ p.label_mail { margin:5px 0 1px 0; font-size:85%; font-weight:bold; color:DarkSlateGray; } p.label_mail:after { /* ここを編集することで表示されるメッセージを変更できます */ content:"確認のため、もう一度メールアドレスを入力してください"; } /* =================================== スマートフォン表示用のレイアウト =================================== */ /* スマートフォンとして認識する画面の横幅のサイズ */ @media screen and ( max-width:750px ) { /* フォームエリア全体の設定 */ div.container { width: auto; margin: 0 auto; } /* 設問エリア全体の設定 */ div.wrapper { width: auto; padding:0 6%; } /* 設問の表 */ table.items { width: 100%; } /*設問名のセルのデザイン */ td.label { float: left; width: 100%; } /* 必須項目のマーク */ span.required { float:initial; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { float: left; width: 100%; border-bottom: none; } /* 設問の入力例/説明セルのデザイン */ td.comment { float: left; } /* 設問の入力例/テキストボックス */ input[type="text"]{ width: 100%; } /* 設問の入力例/テキストエリア */ textarea { width: 100%; height: 100px; } /* ボタンの表示エリアの設定 */ div.button_area { width: 100%; } } @charset "UTF-8"; .sp-hide{ display: block;} .sp-hide-inline{ display: inline;} .sp-show{ display:none;} .sp-show-inline{ display:none;} .break-word {word-wrap: break-word;} /* ------------------------------------ */ @media screen and (max-width: 1040px) { .wrap{ padding:0 2%;} .company-section-bg .wrap{ padding:0 0%;} } @media screen and (min-width: 751px) { .navInner{ display: none !important;} .manufact-box-Inner{ display: block !important; } } @media screen and (max-width: 750px) { body {} .sp-hide-inline, .sp-hide{ display: none;} .sp-show{ display:block;} .sp-show-inline{ display:inline;} .sp-br-none br{display: none;} .col-l{ float: none; width: 100% !important; } .col-r{ float: none; width: 100% !important;} .wrap{ padding:0 6%;} .navInner{ position:fixed; right:0px; top:17px; display: block;} .navInner a{ color:#152024;} .navInner i{ font-size:9px; line-height:13px; right:25px;} .menu-trigger{ width:18px; height: 13px;} .menu-trigger span:nth-of-type(1){top:0} .menu-trigger span:nth-of-type(2){top:6px} .menu-trigger span:nth-of-type(3){bottom:0} .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)} .menu-trigger.active span:nth-of-type(2){opacity:0} .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)} #headerContainer{ height: 50px; } #header { line-height: 50px;} #header #logo{ width: auto;} #header #logo img{ width: auto; height: 40px; padding: 5px 0; } body.index #headerContainer { background-color: transparent; } body.index #logo{ display: none; -webkit-transition:all .6s;transition:all .6s; } body.index #headerContainer.ind-scroll, body.index #headerContainer.active { background:#fff;} body.index #headerContainer.ind-scroll #logo, body.index #headerContainer.active #logo{ display: block; } body.index .menu-trigger { color:#fff;} body.index .menu-trigger span{ background-color:#fff;} body.index .menu-trigger.active, body.index .menu-trigger.ind-scroll { color:#152024;} body.index .menu-trigger.active span, body.index .menu-trigger.ind-scroll span { background-color:#000;} #globalNav{ font-size:12px; line-height:20px; letter-spacing: 1.5px; text-align:left; float: none;} #globalNav.active { position: fixed; top:50px ; left: 0; width: 100%; padding-bottom: 70px; height: 90vh ; height: -webkit-calc(100vh - 120px) ; height: calc(100vh - 120px) ; overflow:hidden; overflow-y: auto; background:#B3B5B5; } #globalNav a{ display: block; padding:10px 25px; height:20px; } .g-menu { background: #fff;} .g-menu li{ position:relative; border-bottom:1px solid #ddd; float: none; margin: 0px; } .g-menu li .lesp-n{ letter-spacing: -0.2px; font-kerning:normal; } .menu-lv1{ } .nav-lv1 { position: relative; } .nav-lv1:hover .accordion_icon span{ } .nav-lv1-links{ width : 70% ; width : -webkit-calc(100% - 95px) ; width : calc(100% - 95px) ; } .nav-lv1.nav-lv1bg:hover:before { background: none;} .menu-lv2{ position: inherit; top:0px; left:0; width:100vw; padding: 0; line-height: 1.4;line-height: 20px; height: auto; } .menu-lv2 a{ padding-left:40px; } .menu-lv2 a:hover{} .menu-lv2.active{ } .g-menu li .menu-lv2 ul{position: inherit; left: 0; float: none; width:auto;} .g-menu li .menu-lv2 li{ width:auto;text-align: left;position: inherit; left: 0%; float: none; margin: 0 0px; border-bottom:1px solid #666; } .menu-lv2 li:first-child{ border-top:1px solid #ddd; } .menu-lv2 li:last-child{ border-bottom:none; } .accordion_icon, .accordion_icon span { display: inline-block; transition: all .4s; box-sizing: border-box; } .accordion_icon { position: absolute; top:14px; width:45px; height: 25px; right:0px; margin-right: 0px; z-index:1; cursor:pointer; } .accordion_icon span { position: absolute; left: 6px; width: 25%; height: 1px; background-color: #FF6600; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } .accordion_icon span:nth-of-type(1) { top: 5px; left:12px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .accordion_icon span:nth-of-type(2) { top: 5px; left:12px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .accordion_icon.active span:nth-of-type(1) { display:none; } .accordion_icon.active span:nth-of-type(2) { top: 5px; left:12px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } /* footer */ .ft-logo, .footermenu-Inner{ display: none;} .ft-logoInner{ width: auto; float: none; } .ft-logoInner .nav-icn{background: #000;} #footerContainer{ padding:0px; background:#000; } #footerContainer .wrap{ padding: 0;} #footer-line2{ height:auto; line-height:1.5; padding:0 0px; font-size:15px; } .ftmenu-2{ float: none; padding:20px 4% 10px; background: #000; border-top:1px solid #999; } .ftmenu-2 li{ float:none; margin-left:0px; margin-bottom: 8px; } .ftmenu-2 i{ display: inline-block; padding-right: 5px;} /*SP*/ #copyright{ font-size:10px; float:left; max-width:100%; text-align:left; padding:0px 0px; padding-left: 4%; width :96% ;height: 50px; line-height: 50px; } #backTop{ bottom:0px; right:0px; width:60px; height: 50px; text-align:center; background: #3C3F3F; } #backTop a{ color: #fff;} #backTop i {font-size:30px; margin-bottom:-5px;} /* button */ .seemore-button { width: auto; } .nav-icn{ margin-bottom:0px; line-height: 1 !important;width:50%; float:left; border-bottom:1px solid #ddd; text-align: center; background: #fff; } .nav-icn a { color:#3C3F3F; padding:15px 5px 20px !important; height: auto !important;} .nav-icn.first { position:relative;} .nav-icn.first:before{ position: absolute; z-index: 1; display: block; content: ''; border-right:1px solid #ddd; height:100%; left:100%; } .nav-icn i{ display: block; margin-bottom: 2px;} .nav-icn img{ width: 30px; } /* HACK */ .ft-logoInner .nav-icn { border:none; } .ft-logoInner .nav-icn a { color:#FFF; text-align: center; } .ft-logoInner .nav-icn a.seemore-button { border:none !important; line-height: 1.7;font-size:15px;} .ft-logoInner .nav-icn .seemore-button i { position: inherit; top:0px; right:0px; width: auto; height: auto; line-height: 1; display: block; margin-bottom: 2px;} .ft-logoInner .nav-icn.first:before{ border-right:1px solid #999; } /* ttl / fonts */ .dst-line-ttl{ font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; } #panNav { } #panNav .wrap { padding: 0 4%; height: auto;min-height:40px; } #panNav ul{ position: inherit; padding:12px 0px 8px; top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } #panNav li { font-size: 10px; line-height: 1.4; } .dst-titleInner { padding: 25px 0 25px; margin-bottom: 25px;} .dst-titleInner.line1 { padding: 25px 0 25px; } .dst-ttl { font-size: 18px; font-weight: bold;} .dst-ttl-ruby { font-size: 15px; } .dst-txt { margin-top: 15px; text-align: left; font-size: 95%; }
プライバシーポリシーに同意の上、送信してください。

同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。